application.css
512 lines
| 10.6 KiB
| text/css
|
LassoCssLexer
Jean-Philippe Lang
|
r2 | /* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */ | |
| /* Edited by Jean-Philippe Lang *> | |||
| /**************** Body and tag styles ****************/ | |||
| #header * {margin:0; padding:0;} | |||
| p, ul, ol, li {margin:0; padding:0;} | |||
| body{ | |||
| font:76% Verdana,Tahoma,Arial,sans-serif; | |||
| line-height:1.4em; | |||
| text-align:center; | |||
| color:#303030; | |||
| background:#e8eaec; | |||
|
Jean-Philippe Lang
|
r19 | margin:0; | |
|
Jean-Philippe Lang
|
r2 | } | |
|
Jean-Philippe Lang
|
r10 | ||
|
Jean-Philippe Lang
|
r2 | a{ | |
| color:#467aa7; | |||
| font-weight:bold; | |||
| text-decoration:none; | |||
| background-color:inherit; | |||
| } | |||
| a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;} | |||
| a img{border:none;} | |||
| p{padding:0 0 1em 0;} | |||
| p form{margin-top:0; margin-bottom:20px;} | |||
| img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;} | |||
| img.left{float:left; margin:0 12px 5px 0;} | |||
| img.center{display:block; margin:0 auto 5px auto;} | |||
| img.right{float:right; margin:0 0 5px 12px;} | |||
| /**************** Header and navigation styles ****************/ | |||
| #container{ | |||
| width:100%; | |||
| min-width: 800px; | |||
|
Jean-Philippe Lang
|
r19 | margin:0; | |
| padding:0; | |||
|
Jean-Philippe Lang
|
r2 | text-align:left; | |
| background:#ffffff; | |||
| color:#303030; | |||
| } | |||
| #header{ | |||
|
Jean-Philippe Lang
|
r19 | height:4.5em; | |
| margin:0; | |||
|
Jean-Philippe Lang
|
r2 | background:#467aa7; | |
| color:#ffffff; | |||
|
Jean-Philippe Lang
|
r19 | margin-bottom:1px; | |
|
Jean-Philippe Lang
|
r2 | } | |
| #header h1{ | |||
|
Jean-Philippe Lang
|
r19 | padding:10px 0 0 20px; | |
|
Jean-Philippe Lang
|
r43 | font-size:2em; | |
|
Jean-Philippe Lang
|
r2 | background-color:inherit; | |
|
Jean-Philippe Lang
|
r105 | color:#fff; | |
|
Jean-Philippe Lang
|
r43 | letter-spacing:-1px; | |
| font-weight:bold; | |||
| font-family: Trebuchet MS,Georgia,"Times New Roman",serif; | |||
|
Jean-Philippe Lang
|
r2 | } | |
| #header h2{ | |||
|
Jean-Philippe Lang
|
r19 | margin:3px 0 0 40px; | |
|
Jean-Philippe Lang
|
r43 | font-size:1.5em; | |
|
Jean-Philippe Lang
|
r2 | background-color:inherit; | |
| color:#f0f2f4; | |||
| letter-spacing:-1px; | |||
| font-weight:normal; | |||
|
Jean-Philippe Lang
|
r43 | font-family: Trebuchet MS,Georgia,"Times New Roman",serif; | |
|
Jean-Philippe Lang
|
r2 | } | |
| #navigation{ | |||
| height:2.2em; | |||
| line-height:2.2em; | |||
|
Jean-Philippe Lang
|
r19 | margin:0; | |
|
Jean-Philippe Lang
|
r2 | background:#578bb8; | |
| color:#ffffff; | |||
| } | |||
| #navigation li{ | |||
| float:left; | |||
| list-style-type:none; | |||
| border-right:1px solid #ffffff; | |||
| white-space:nowrap; | |||
| } | |||
| #navigation li.right { | |||
| float:right; | |||
| list-style-type:none; | |||
| border-right:0; | |||
| border-left:1px solid #ffffff; | |||
| white-space:nowrap; | |||
| } | |||
| #navigation li a{ | |||
| display:block; | |||
| padding:0px 10px 0px 22px; | |||
| font-size:0.8em; | |||
| font-weight:normal; | |||
| text-decoration:none; | |||
| background-color:inherit; | |||
| color: #ffffff; | |||
| } | |||
| * html #navigation a {width:1%;} | |||
| #navigation .selected,#navigation a:hover{ | |||
| color:#ffffff; | |||
| text-decoration:none; | |||
| background-color: #80b0da; | |||
| } | |||
| /**************** Icons links *******************/ | |||
| .picHome { background: url(../images/home.png) no-repeat 4px 50%; } | |||
| .picUser { background: url(../images/user.png) no-repeat 4px 50%; } | |||
| .picUserPage { background: url(../images/user_page.png) no-repeat 4px 50%; } | |||
| .picAdmin { background: url(../images/admin.png) no-repeat 4px 50%; } | |||
| .picProject { background: url(../images/projects.png) no-repeat 4px 50%; } | |||
| .picLogout { background: url(../images/logout.png) no-repeat 4px 50%; } | |||
| .picHelp { background: url(../images/help.png) no-repeat 4px 50%; } | |||
|
Jean-Philippe Lang
|
r92 | .picEdit { background: url(../images/edit.png) no-repeat 4px 50%; } | |
|
Jean-Philippe Lang
|
r90 | .picDelete { background: url(../images/delete.png) no-repeat 4px 50%; } | |
| .picAdd { background: url(../images/add.png) no-repeat 4px 50%; } | |||
| .picMove { background: url(../images/move.png) no-repeat 4px 50%; } | |||
|
Jean-Philippe Lang
|
r92 | .picCheck { background: url(../images/check.png) no-repeat 4px 70%; } | |
|
Jean-Philippe Lang
|
r90 | .picPdf { background: url(../images/pdf.png) no-repeat 4px 50%;} | |
| .picCsv { background: url(../images/csv.png) no-repeat 4px 50%;} | |||
| .pic { padding-left: 18px; margin-left: 3px; } | |||
|
Jean-Philippe Lang
|
r105 | ||
| .icon { | |||
| background-position: 0% 40%; | |||
| background-repeat: no-repeat; | |||
| padding-left: 20px; | |||
| } | |||
| .folder { background-image: url(../images/folder.png); } | |||
| .file { background-image: url(../images/file.png); } | |||
|
Jean-Philippe Lang
|
r109 | .attachment { background-image: url(../images/attachment.png); } | |
|
Jean-Philippe Lang
|
r105 | ||
|
Jean-Philippe Lang
|
r2 | /**************** Content styles ****************/ | |
|
Jean-Philippe Lang
|
r19 | html>body #content { | |
| height: auto; | |||
|
Jean-Philippe Lang
|
r42 | min-height: 500px; | |
|
Jean-Philippe Lang
|
r19 | } | |
|
Jean-Philippe Lang
|
r2 | #content{ | |
| width: auto; | |||
|
Jean-Philippe Lang
|
r42 | height:500px; | |
|
Jean-Philippe Lang
|
r2 | font-size:0.9em; | |
| padding:20px 10px 10px 20px; | |||
|
Jean-Philippe Lang
|
r19 | margin-left: 120px; | |
|
Jean-Philippe Lang
|
r2 | border-left: 1px dashed #c0c0c0; | |
|
Jean-Philippe Lang
|
r19 | ||
|
Jean-Philippe Lang
|
r2 | } | |
| #content h2{ | |||
| display:block; | |||
| margin:0 0 16px 0; | |||
| font-size:1.7em; | |||
| font-weight:normal; | |||
| letter-spacing:-1px; | |||
|
Jean-Philippe Lang
|
r43 | color:#606060; | |
|
Jean-Philippe Lang
|
r2 | background-color:inherit; | |
|
Jean-Philippe Lang
|
r43 | font-family: Trebuchet MS,Georgia,"Times New Roman",serif; | |
|
Jean-Philippe Lang
|
r2 | } | |
| #content h2 a{font-weight:normal;} | |||
|
Jean-Philippe Lang
|
r43 | #content h3{margin:0 0 12px 0; font-size:1.4em;color:#707070;font-family: Trebuchet MS,Georgia,"Times New Roman",serif;} | |
|
Jean-Philippe Lang
|
r105 | #content h4{font-size: 1em; margin-bottom: 12px; margin-top: 20px; font-weight: normal; border-bottom: dotted 1px #c0c0c0;} | |
|
Jean-Philippe Lang
|
r2 | #content a:hover,#subcontent a:hover{text-decoration:underline;} | |
| #content ul,#content ol{margin:0 5px 16px 35px;} | |||
| #content dl{margin:0 5px 10px 25px;} | |||
| #content dt{font-weight:bold; margin-bottom:5px;} | |||
| #content dd{margin:0 0 10px 15px;} | |||
| /***********************************************/ | |||
| form { | |||
| display: inline; | |||
| } | |||
|
Jean-Philippe Lang
|
r67 | blockquote { | |
| padding-left: 6px; | |||
| border-left: 2px solid #ccc; | |||
| } | |||
|
Jean-Philippe Lang
|
r105 | input, select { | |
|
Jean-Philippe Lang
|
r19 | vertical-align: middle; | |
|
Jean-Philippe Lang
|
r2 | } | |
| input.button-small | |||
| { | |||
| font-size: 0.8em; | |||
| } | |||
|
Jean-Philippe Lang
|
r92 | .select-small | |
|
Jean-Philippe Lang
|
r5 | { | |
|
Jean-Philippe Lang
|
r10 | font-size: 0.8em; | |
| } | |||
|
Jean-Philippe Lang
|
r2 | label { | |
| font-weight: bold; | |||
| font-size: 1em; | |||
| } | |||
|
Jean-Philippe Lang
|
r5 | fieldset { | |
|
Jean-Philippe Lang
|
r105 | border:1px solid #c0c0c0; | |
|
Jean-Philippe Lang
|
r10 | padding: 6px; | |
| } | |||
| legend { | |||
| color: #505050; | |||
|
Jean-Philippe Lang
|
r5 | } | |
|
Jean-Philippe Lang
|
r2 | .required { | |
| color: #bb0000; | |||
| } | |||
|
Jean-Philippe Lang
|
r42 | .odd { | |
|
Jean-Philippe Lang
|
r105 | background-color:#f6f7f8; | |
|
Jean-Philippe Lang
|
r2 | } | |
|
Jean-Philippe Lang
|
r42 | .even { | |
|
Jean-Philippe Lang
|
r19 | background-color: #fff; | |
|
Jean-Philippe Lang
|
r2 | } | |
|
Jean-Philippe Lang
|
r105 | hr { border:none; border-bottom: dotted 1px #c0c0c0; } | |
| div.square { | |||
| border: 1px solid #999; | |||
| float: left; | |||
| margin: .4em .5em 0 0; | |||
| overflow: hidden; | |||
| width: .6em; height: .6em; | |||
|
Jean-Philippe Lang
|
r32 | } | |
|
Jean-Philippe Lang
|
r105 | table p { | |
| margin:0; | |||
| padding:0; | |||
|
Jean-Philippe Lang
|
r32 | } | |
|
Jean-Philippe Lang
|
r105 | /********** Table used to display lists of things ***********/ | |
| table.list { | |||
| width:100%; | |||
| border-collapse: collapse; | |||
| border: 1px dotted #d0d0d0; | |||
| margin-bottom: 6px; | |||
|
Jean-Philippe Lang
|
r42 | } | |
|
Jean-Philippe Lang
|
r105 | table.with-cells td { | |
| border: 1px solid #d7d7d7; | |||
|
Jean-Philippe Lang
|
r42 | } | |
|
Jean-Philippe Lang
|
r105 | table.list thead th { | |
| text-align: center; | |||
| background: #eee; | |||
| border: 1px solid #d7d7d7; | |||
|
Jean-Philippe Lang
|
r110 | color: #777; | |
|
Jean-Philippe Lang
|
r105 | } | |
|
Jean-Philippe Lang
|
r2 | ||
|
Jean-Philippe Lang
|
r105 | table.list tbody th { | |
| font-weight: normal; | |||
| background: #eed; | |||
| border: 1px solid #d7d7d7; | |||
| } | |||
|
Jean-Philippe Lang
|
r2 | ||
|
Jean-Philippe Lang
|
r108 | /********** Validation error messages *************/ | |
| #errorExplanation { | |||
| width: 400px; | |||
| border: 0; | |||
| padding: 7px; | |||
| padding-bottom: 3px; | |||
| margin-bottom: 0px; | |||
| } | |||
| #errorExplanation h2 { | |||
| text-align: left; | |||
| font-weight: bold; | |||
| padding: 5px 5px 10px 26px; | |||
| font-size: 1em; | |||
| margin: -7px; | |||
| background: url(../images/alert.png) no-repeat 6px 6px; | |||
| } | |||
| #errorExplanation p { | |||
| color: #333; | |||
| margin-bottom: 0; | |||
| padding: 5px; | |||
| } | |||
| #errorExplanation ul li { | |||
| font-size: 1em; | |||
| list-style: none; | |||
| margin-left: -16px; | |||
| } | |||
| /*========== Drop down menu ==============*/ | |||
| div.menu { | |||
| background-color: #FFFFFF; | |||
| border-style: solid; | |||
| border-width: 1px; | |||
| border-color: #7F9DB9; | |||
| position: absolute; | |||
| top: 0px; | |||
| left: 0px; | |||
| padding: 0; | |||
| visibility: hidden; | |||
| z-index: 101; | |||
| } | |||
| div.menu a.menuItem { | |||
| font-size: 10px; | |||
| font-weight: normal; | |||
| line-height: 2em; | |||
| color: #000000; | |||
| background-color: #FFFFFF; | |||
| cursor: default; | |||
| display: block; | |||
| padding: 0 1em; | |||
| margin: 0; | |||
| border: 0; | |||
| text-decoration: none; | |||
| white-space: nowrap; | |||
| } | |||
| div.menu a.menuItem:hover, div.menu a.menuItemHighlight { | |||
| background-color: #80b0da; | |||
| color: #ffffff; | |||
| } | |||
| div.menu a.menuItem span.menuItemText {} | |||
| div.menu a.menuItem span.menuItemArrow { | |||
| margin-right: -.75em; | |||
| } | |||
|
Jean-Philippe Lang
|
r2 | /**************** Sidebar styles ****************/ | |
| #subcontent{ | |||
|
Jean-Philippe Lang
|
r42 | position: absolute; | |
| left: 0px; | |||
|
Jean-Philippe Lang
|
r19 | width:110px; | |
|
Jean-Philippe Lang
|
r2 | padding:20px 20px 10px 5px; | |
| } | |||
| #subcontent h2{ | |||
| display:block; | |||
|
Jean-Philippe Lang
|
r19 | margin:0 0 5px 0; | |
| font-size:1.0em; | |||
| font-weight:bold; | |||
|
Jean-Philippe Lang
|
r2 | text-align:left; | |
|
Jean-Philippe Lang
|
r19 | color:#606060; | |
|
Jean-Philippe Lang
|
r2 | background-color:inherit; | |
|
Jean-Philippe Lang
|
r43 | font-family: Trebuchet MS,Georgia,"Times New Roman",serif; | |
|
Jean-Philippe Lang
|
r2 | } | |
| #subcontent p{margin:0 0 16px 0; font-size:0.9em;} | |||
| /**************** Menublock styles ****************/ | |||
|
Jean-Philippe Lang
|
r19 | .menublock{margin:0 0 20px 8px; font-size:0.8em;} | |
|
Jean-Philippe Lang
|
r2 | .menublock li{list-style:none; display:block; padding:1px; margin-bottom:0px;} | |
| .menublock li a{font-weight:bold; text-decoration:none;} | |||
| .menublock li a:hover{text-decoration:none;} | |||
|
Jean-Philippe Lang
|
r19 | .menublock li ul{margin:0; font-size:1em; font-weight:normal;} | |
|
Jean-Philippe Lang
|
r2 | .menublock li ul li{margin-bottom:0;} | |
| .menublock li ul a{font-weight:normal;} | |||
| /**************** Footer styles ****************/ | |||
| #footer{ | |||
| clear:both; | |||
| padding:5px 0; | |||
|
Jean-Philippe Lang
|
r19 | margin:0; | |
|
Jean-Philippe Lang
|
r2 | font-size:0.9em; | |
| color:#f0f0f0; | |||
| background:#467aa7; | |||
| } | |||
| #footer p{padding:0; margin:0; text-align:center;} | |||
| #footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;} | |||
| #footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;} | |||
| /**************** Misc classes and styles ****************/ | |||
| .splitcontentleft{float:left; width:49%;} | |||
| .splitcontentright{float:right; width:49%;} | |||
| .clear{clear:both;} | |||
| .small{font-size:0.8em;line-height:1.4em;padding:0 0 0 0;} | |||
| .hide{display:none;} | |||
| .textcenter{text-align:center;} | |||
| .textright{text-align:right;} | |||
| .important{color:#f02025; background-color:inherit; font-weight:bold;} | |||
| .box{ | |||
| margin:0 0 20px 0; | |||
| padding:10px; | |||
| border:1px solid #c0c0c0; | |||
| background-color:#fafbfc; | |||
| color:#505050; | |||
| line-height:1.5em; | |||
| } | |||
|
Jean-Philippe Lang
|
r60 | a.close-icon { | |
| display:block; | |||
| margin-top:3px; | |||
| overflow:hidden; | |||
| width:12px; | |||
| height:12px; | |||
| background-repeat: no-repeat; | |||
| cursor:pointer; | |||
| background-image:url('../images/close.png'); | |||
| } | |||
| a.close-icon:hover { | |||
| background-image:url('../images/close_hl.png'); | |||
| } | |||
|
Jean-Philippe Lang
|
r36 | .rightbox{ | |
| background: #fafbfc; | |||
| border: 1px solid #c0c0c0; | |||
| float: right; | |||
| padding: 8px; | |||
| position: relative; | |||
| margin: 0 5px 5px; | |||
| } | |||
|
Jean-Philippe Lang
|
r60 | .layout-active { | |
| background: #ECF3E1; | |||
| } | |||
| .block-receiver { | |||
| border:1px dashed #c0c0c0; | |||
| margin-bottom: 20px; | |||
| padding: 15px 0 15px 0; | |||
| } | |||
| .mypage-box { | |||
| margin:0 0 20px 0; | |||
| color:#505050; | |||
| line-height:1.5em; | |||
| } | |||
|
Jean-Philippe Lang
|
r72 | .handle { | |
|
Jean-Philippe Lang
|
r60 | cursor: move; | |
| } | |||
|
Jean-Philippe Lang
|
r10 | .login { | |
| width: 50%; | |||
| text-align: left; | |||
| } | |||
|
Jean-Philippe Lang
|
r2 | ||
|
Jean-Philippe Lang
|
r27 | img.calendar-trigger { | |
| cursor: pointer; | |||
| vertical-align: middle; | |||
| margin-left: 4px; | |||
| } | |||
|
Jean-Philippe Lang
|
r52 | #history p { | |
| margin-left: 34px; | |||
| } | |||
|
Jean-Philippe Lang
|
r19 | ||
|
Jean-Philippe Lang
|
r90 | /***** Contextual links div *****/ | |
| .contextual { | |||
| float: right; | |||
| font-size: 0.8em; | |||
| } | |||
|
Jean-Philippe Lang
|
r103 | .contextual select, .contextual input { | |
|
Jean-Philippe Lang
|
r96 | font-size: 1em; | |
| } | |||
|
Jean-Philippe Lang
|
r90 | ||
|
Jean-Philippe Lang
|
r19 | /***** CSS FORM ******/ | |
| .tabular p{ | |||
| margin: 0; | |||
| padding: 5px 0 8px 0; | |||
| padding-left: 180px; /*width of left column containing the label elements*/ | |||
| height: 1%; | |||
| } | |||
| .tabular label{ | |||
| font-weight: bold; | |||
| float: left; | |||
| margin-left: -180px; /*width of left column*/ | |||
| width: 175px; /*width of labels. Should be smaller than left column to create some right | |||
| margin*/ | |||
| } | |||
| .error { | |||
| color: #cc0000; | |||
| } | |||
| /*.threepxfix class below: | |||
| Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents. | |||
| to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html | |||
| */ | |||
| * html .threepxfix{ | |||
| margin-left: 3px; | |||
| } |