/* -------------------------------------------------------------- style.css * Cascaded Style Sheet * Author : Denis Fongue This file defines the style of the website -------------------------------------------------------------- */ /* GENERAL ***************************************************** ****************************************************************/ body {background: #F7F7F7} #header-wrapper {background-color: #6BBF00;border-bottom:1px solid #FFF} #header {background-color: #424242; border-bottom:1px solid #383838; } /* #wrapper {background: url(../images/client.png) 98% 0% no-repeat; } */ #container {background: transparent url(../images/white-pixel.gif) right top repeat-y} #left-sidebar, #center {border-top: 1px solid #e5e5e5} #footer {background: #F7F7F7 url(../images/white-pixel.gif) right top repeat-y} /* HEADER ****************************************************** ****************************************************************/ #header {background-color: #ffffff} #header, #header a {color: #CCC;} #header a:hover {color: #FFF; text-decoration: none} #header h1 a {color: #FFF;} h1 img {background: url(../images/separator_45_small.gif) right bottom no-repeat} #user-info li {background: url(../images/separator_45_small.gif) left bottom no-repeat} #user-info li:first-child {background-image: none} div#back-website a{background: #383838 url(../images/back-website.gif) right center no-repeat; color:#d9d9d9; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius:3px; border: 1px solid #333 } div#back-website a:hover {background-color: #444;} #welcome {color: #757575} /* TOP ********************************************************* ****************************************************************/ #top {background-color:#FFF} #admin-icon-menu li a {color:#BFBFBF} #admin-icon-menu li a:hover {color:#000; text-decoration: none;} #admin-icon-menu li a{background: transparent no-repeat; background-position: 0 0} li#admin-icon-menu- a{background-image: url(../images/icon48x48/home.png);} li#admin-icon-menu-content-translator a{background-image: url(../images/icon48x48/home.png);background-repeat: no-repeat;} li#admin-icon-menu-content a{background-image: url(../images/icon48x48/manage.png);} li#admin-icon-menu-add a{background-image: url(../images/icon48x48/new.png);} li#admin-icon-menu-build a{background-image: url(../images/icon48x48/building.png);} li#admin-icon-menu-settings a{background-image: url(../images/icon48x48/settings.png);} li#admin-icon-menu-user a{background-image: url(../images/icon48x48/user.png);} li#admin-icon-menu-reports a{background-image: url(../images/icon48x48/report.png);} li#admin-icon-menu-help a{background-image: url(../images/icon48x48/help.png);} #admin-icon-menu li a:hover, body.admin-content li#admin-icon-menu-content a, body.node li#admin-icon-menu-add a, body.admin-build li#admin-icon-menu-build a, body.admin-settings li#admin-icon-menu-settings a, body.admin-user li#admin-icon-menu-user a, body.admin-reports li#admin-icon-menu-reports a, body.admin-help li#admin-icon-menu-help a, body.admin li#admin-icon-menu- a {background-position:0 -72px;} body.admin-content li#admin-icon-menu- a, body.node li#admin-icon-menu- a, body.admin-build li#admin-icon-menu- a, body.admin-settings li#admin-icon-menu- a, body.admin-user li#admin-icon-menu- a, body.admin-reports li#admin-icon-menu- a, body.admin-help li#admin-icon-menu- a{background-position: 0 0} body.admin-content li#admin-icon-menu- a:hover, body.node li#admin-icon-menu- a:hover, body.admin-build li#admin-icon-menu- a:hover, body.admin-settings li#admin-icon-menu- a:hover, body.admin-user li#admin-icon-menu- a:hover, body.admin-reports li#admin-icon-menu- a:hover, body.admin-help li#admin-icon-menu- a:hover{background-position: 0 -72px} .search div.form-item {border:0 none;} #search input.form-text {border-right: 0 none} /* LEFT-SIDEBAR ************************************************ ****************************************************************/ .sidebar .block {background-color: #EBEBEB; -moz-border-radius: 3px; -webkit-border-radius:3px; border: 1px solid #dedede} .sidebar .block:hover {background-color: #FCFCFC; border: 1px solid #EEE} .sidebar .block h3, .sidebar .block li.expanded ul a.active, .sidebar .block a.active, .sidebar .block li.expanded > a, .sidebar .block a:hover {color:#333} .sidebar .block li.expanded ul a{color:#666} .sidebar .block a {color:#999; text-decoration: none} .sidebar .block:hover a {color:#999} .sidebar .block:hover h3, .sidebar .block:hover a.active, .sidebar .block:hover li.expanded > a, .sidebar .block:hover a:hover {color:#1A1A1A} .block li.expanded ul.menu {} .block li.expanded ul.menu li {border-left: 3px solid #6BA800} .block li.collapsed, .block li.expanded {list-style-image: none; list-style-type: none} .block li.leaf {list-style-image: none ; list-style: none} /* RIGHT-SIDEBAR ************************************************ ****************************************************************/ #madeinlune-menu li{border: dotted #E0E0E0; border-width: 0 0 1px 0} #madeinlune-menu li:first-child {border-top-width: 0;} #madeinlune-menu li.active {background-color: #F7F7F7; border-right-width: 1px; } #madeinlune-menu li:first-child.active {border-top-width: 1px; } #madeinlune-menu li a{color:#999;} #madeinlune-menu li a:hover {background-color:#ebebeb; color:#666; text-decoration: none} #madeinlune-menu li.active a {color:#000} #madeinlune-menu li.active a:hover {background-color: transparent; color:#000} /* CONTENT ***************************************************** ****************************************************************/ h2 {color:#494949} #content h3 {background-color:#FFFCCC; color:#000; border-left:10px solid #6BA800; border-bottom: 1px solid #e0e0e0} /* HELP */ #help {color:#bfbfbf} #help:hover {color:#666} #help a {color:#bfbfbf; border-bottom: 1px dotted #bfbfbf} #help:hover a {color:#000} #help a:hover {color:#333; text-decoration: none; border-bottom: 1px solid #333} /*MESSAGE STATUS*/ div.status {background-color:#F5F5B5 ; border: 1px solid #EBEB6B} div.messages {color:#494949} div.messages li em {color:#000} /*LINKS*/ #content a {color:#000} #content a:hover {color:#333} /*BREADCRUMB*/ #breadcrumb a, #breadcrumb span{color:#999; background: transparent url(../images/separator_45_small_0xCCC.gif) top left no-repeat } /*TABS*/ ul.primary {border-color: #E0E0E0} ul.primary li.active a, ul.primary li.active a:hover {color:#000; background: #F7F7F7 url(../images/tabs-a-active.gif) top repeat-x; border-color: #E0E0E0; border-bottom: 1px solid #F7F7F7;} ul.primary li a {background-color: #ebebeb; border-color: #ccc; color:#999} ul.primary li a:hover {background: #F7F7F7 url(../images/tabs-a-hover.gif) top repeat-x; border-color: #666; color:#000} ul.secondary {border: 0 none;} ul.secondary li {background-color: inherit; border: 0 none} ul.secondary li a{background-color: #ebebeb; background-image: none; color:#999; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius:3px; border: 1px solid #ccc} ul.secondary li a:hover {border-color: #666; color:#000} ul.secondary a.active, ul.secondary li.active a:hover {color:#000; background-color: #FFF; border:1px solid #E0E0E0} /* NODE */ .meta {color: #666} /*TABLES & FORM*/ form fieldset {background-color: #EBEBEB; border: 1px solid #dedede;} html.js fieldset.collapsed {border: 1px solid #dedede} legend, #content legend a {color:#666} legend a:hover, #content fieldset:hover > legend a, #content fieldset:hover > legend {text-decoration: none; color:#6BA800} /* File attachements */ div#edit-upload-wrapper {border-top: 1px solid #DEDEDE} /*SUBMIT*/ .form-submit, .teaser-button, #content div.file-embed-actions a {background-color: #333; background-image: none; color:#FFF; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius:3px; border: 1px solid #000} .form-submit:hover, .teaser-button:hover, #content div.file-embed-actions a:hover {background-color: #3F3F3F; border-color: #0F0F0F; text-decoration: none } input#edit-preview {background-color: #66cc33; border-color: #4d9926} input#edit-preview:hover {background-color: #73e539; border-color: #4d9926} input#edit-delete, input#edit-reset {background-color: #cc3333; border-color: #992626} input#edit-delete:hover, input#edit-reset:hover {background-color: #e53939; border-color: #992626} /*Tables*/ table {width: 100%} thead th {background-color:#6BBF00; border: 1px solid #6BA800; border-left: 0; border-right: 0; color:#FFF } thead th:first-child { border-left: 1px solid #6BA800;} thead th:last-child { border-right: 1px solid #6BA800;} thead th.active, thead th:hover{background-color:#6BA800 } #content thead th, #content thead th a {color:#FFF} #content thead th a:hover {text-decoration: none} td { border-bottom: 1px solid #E0E0E0;} tr.menu-disabled td {background-color:#EBEBEB; color:#999} tr.region td {color: #FFF } .odd td {background-color: #FFF;} .even td {background-color: #F7F7F7} fieldset.product-field table {background-color: #F7F7F7} fieldset.product-field tr.odd, fieldset.product-field tr.even, fieldset.product-field tr.odd td, fieldset.product-field tr.even td {background-color: #F7F7F7} td.active {background-color: #E9F5D9;} td, td a {color:#666} td a:hover {color:#6BA800 } fieldset div.form-item {border: none} div.form-item {border-top: 1px dotted #E0E0E0} div.form-item div.form-item {border: none} div.node-form .form-item {border: none} div.form-item input.form-text, div.form-item textarea{background-color: #FFF; border: 1px dotted #999; color:#1a1a1a} div.form-item div.description {color:#666;} div.form-checkboxes, div.form-radios {color:#666} div.description em, div.description strong {color:#333} td div.form-item {border: none} #blocks td.region, #permissions td.module {background-color:#FFFCCC; color:#000; border-left:10px solid #6BA800 } #blocks tr.region-empty td {background-color: #F7F7F7} #blocks tr.region-empty td em {color:#D0D0D0} div.standard > div > div.form-item .filefield-element{background-color: #FCFCFC; border-bottom: 1px solid #E0E0E0;} .node-form fieldset.product-field table {border: 1px solid #E0E0E0} .node-form fieldset.product-field table td {border: 0 none} /* Pager */ ul.pager li.pager-current, ul.pager li a {background-image: none; -moz-border-radius: 3px; -webkit-border-radius:3px; border-width: 1px; border-style: solid } li.pager-item a{background-color: #FFFCCC; border-color: #E0E0E0} li.pager-first a, li.pager-previous a, li.pager-next a, li.pager-last a{background-color: #333; border-color: #000} li.pager-first a:hover, li.pager-previous a:hover, li.pager-next a:hover, li.pager-last a:hover {background-color: #404040} #content ul.pager li a, li.pager-current, #content ul.pager li.pager-item a:hover{color:#FFF; text-decoration: none} #content ul.pager li.pager-item a{color:#333} /*Views*/ #views-ui-list-views-form div.form-item {border-top: 0 none; } /* View's edit form */ #edit-display-wrapper {border: 0 none;} div.views-category-title, #content div.views-category-title a.views-ajax-link {color:#6BA800; text-decoration: none} /*SEARCH*/ body.search div#content div.content {background-color: #FFF} /*COMPACT LIST + CONTENT-OVERVIEW-LINK*/ .compact-link a, .content-overview-links a {background-color: #FFF; border: 1px solid #E0E0E0} /*ADMIN PANEL*/ #content .admin-panel h3 {background-color:#6BBF00; border: 0 none; border-top: 1px solid #FFF; border-bottom: 1px solid #5ea600; color:#FFF;} #content .admin-panel:hover h3 {background-color:#6BA800; border-bottom: 1px solid #5a8f00;} #content .admin-panel:hover .body {background-color: #FFF} div.admin-panel .description {color:#999} .admin-list dt, .node-type-list dt {color:#666; background: transparent url(../images/separator-horizontal.gif) top repeat-x} .admin-list dt a, .node-type-list dt a{color:#000} .admin-list dt a:hover, .node-type-list dt a:hover{color:#6BA800} .admin-list dd, .node-type-list dd {color:#666; background: transparent url(../images/separator-horizontal.gif) top repeat-x} /*REPORTS*/ .update tr td {border: 0 none; border-bottom: 1px solid #e0e0e0} .update .odd td, .update .even td {background-color: transparent; } /*HELP PAGE*/ .help-items li a {color:#333} .help-items li a:hover {color:#6BA800; text-decoration:underline} /*WARNING*/ div.warning {background-color:#F5F5B5 ; border: 1px solid #EBEB6B} .sidebar div.block-monincommon { padding-top:25px; background-image: url("../images/devel_block_background.png"); background-position: top left; background-repeat: repeat-x; } .sidebar div.block-monincommon .content { background-image: url("../images/devel_block_icon.png"); background-position: bottom right; background-repeat: no-repeat; padding-right: 32px; } .sidebar div.block-mil_devhighlight { padding-top:25px; background-image: url("../images/devel_block_background.png"); background-position: top left; background-repeat: repeat-x; } .sidebar div.block-mil_devhighlight .content { background-image: url("../images/devel_block_icon.png"); background-position: bottom right; background-repeat: no-repeat; padding-right: 32px; } #admin-menu { top:-20px; }