/* $Id$ */ /** * Sky * http://drupal.org/project/sky * http://drupal.org/user/88931 * * Credits: * Icons: http://www.icojoy.com/articles/44/ * Icons: http://www.icojoy.com/articles/46/ */ /* @group Layout */ body { background: #314C74 url('images/bg-body.png') repeat-x left top; font-size: 12px; /* Don't modify the font size here */ line-height: 1.6; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; color: #111; } #wrapper { background: #fff; font-size: 12px; -moz-box-shadow: 1em 1em 1em rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1em 1em 1em rgba(0, 0, 0, 0.5); box-shadow: 1em 1em 1em rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); -ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); } /* @group Header */ #header { background: #3A4E6A url('images/bg-header.png') repeat-x top left; height: 100px; } #header #site-name { font-size: 3.7em; line-height: normal; margin: 0.25em 0 0.25em 0.5em; float: left; } #header #site-name a { color: #fff; } #header #logo img { margin: 0; padding: 0; } #header #site-slogan { color: #fff; font-style: italic; margin: 1em; font-size: 1.5em; float: left; display: block; } /* @group Name & Slogan */ .name-slogan #site-name { margin: 0 0 0 0.5em; } .name-slogan #site-slogan { margin: 0 0 1em 1.7em; } /* @end */ /* @group Name & Logo */ .name-logo #site-name, .name-logo #logo { float: left; clear: none; } .name-logo #logo { margin: 0 0 1em 0.5em; display: block; } .name-logo #site-name { margin: 0.4em 0 0 0.5em; } /* @end */ /* @group Logo & Slogan */ .logo-slogan #logo, .logo-slogan #site-slogan { float: left; clear: left; } .logo-slogan #logo { margin: 0.25em 0 0.15em 0.5em; } #header.logo-slogan #site-slogan { margin: 0 0 0.5em 1.7em; display: block; width: 100%; } /* @end */ /* @group Name, Slogan and Logo */ .name-slogan-logo #logo { float: left; } #header.name-slogan-logo #site-slogan { float: left; clear: left; margin: 0 0 0.5em 1.5em; font-size: 1.2em; } /* @end */ /* @group Footer */ #footer-inner { background: #fff; padding: 1em; font-size: 0.9em; text-align: center; min-width: 4em; } /* @end */ /* @end */ /* @end */ /* @group Links */ a, a:visited { color: #314C74; text-decoration: none; } a:hover, a.active { color: #000; } /* @end */ /* @group HTML Tags */ /* @group Headings */ h1, h2, h3, h4, h5, h6 { font-family: 'Lucida Grande', Verdana, Arial, sans-serif; clear: both; display: block; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: -1px; line-height: 1.4em; margin-bottom: 10px; margin-top: 5px; } h1 { font-size: 2em; margin-bottom: 20px; display: block; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: -1px; line-height: 140%; margin: 0; } h2 { font-size: 1.8em; } h3 { font-size: 1.6em; } h4 { font-size: 1.4em; } h5 { font-size: 1.2em; } /* @end */ /* @group Code */ code, pre, tt, kbd { font-size: 0.9em; font-family: "Espresso Mono", Monaco, Consolas, "Lucida Console", monospace, sans-serif; color: #666; } pre { margin: 1em 0; padding: 0.5em; border: solid 1px #ddd; } /* @end */ /* @group Tables */ table { border-collapse: collapse; border-spacing: 0; width: 100%; margin: 1em 0; border-top: 1px solid #ddd; border-left: 1px solid #ddd; } /* @group caption */ table caption { font-size: 1.4em; line-height: 1.6em; } /* @end */ /* @group thead, th */ th, thead th { background: #fff url('images/bg-shade-light.png') repeat-x 0 100%; color: #555; text-shadow: #fff 1px 1px 1px; border: none; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 4px; font-size: 0.9em; font-weight: bold; text-align: left; /* LTR */ } tbody th { border-bottom: 1px solid #ddd; } thead th { padding-right: 4px; /* LTR */ border-bottom: 1px solid #ddd; } th a, th a.active { color: #555; } /* @end */ /* @group tbody */ tbody { border-top: none; } /* @end */ /* @group tr */ tr.even, tr.odd { border-bottom: none; padding: 0; } /* @end */ /* @group td */ td, #blocks td.block { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 0.25em 0.5em; vertical-align: top; } tr.even, tr.odd { background-color: #fff; } td.menu-disabled { border-bottom: 1px solid #eee; } td.menu-disabled, tr.even td { background: #f8f8f8; } tr.odd td { background: #fff; } td:hover, tr.even td:hover, tr.odd td:hover { background: #eee; } td.active { background: #eee; } #blocks td.region { background: #fff; } /* @end */ /* @end */ /* @group Definition Lists */ dl { border: solid 1px #ddd; width: 100%; margin: 1em 0; padding: 0; } dt { background: #fff url('images/bg-shade-light.png') repeat-x 0 100%; color: #555555; border-bottom: 1px solid #ddd; font-weight: bold; padding: 0.25em 0.75em; text-shadow: #fff 1px 1px 1px; } dt a { text-decoration: none; } dd { border-bottom: solid 1px #ddd; margin: 0; padding: 0.5em 1.5em; } dd:last-child { border-bottom: 0; } dd:hover { background: #eee; } .inline li { display: inline; } /* @group Undo Styling of DL's in some admin areas */ /* Remove borders and tweak margins for forms in
's */ .search-results dd { margin-bottom: 0; } .search-results dt.title { font-weight: bold; font-size: 1.2em; } .search-results p.search-info { font-size: 0.9em; color: #666; } dl.multiselect, dl.multiselect dt { border: none; } .advanced-help-topic dd { margin-bottom: 0; } /* @end */ /* Remove borders and tweak margins for forms in
's */ .search-results dd { margin-bottom: 0; } .search-results dt.title { font-weight: bold; } .search-results p.search-info { font-size: 0.9em; color: #666; } dl.multiselect, dl.multiselect dt { border: none; } .advanced-help-topic dd { margin-bottom: 0; } /* @end */ /* @group Misc */ p { margin: 5px 0 15px; } img { border: none; } blockquote, cite { clear: both; display: block; background: url('images/bg-cite.png') no-repeat; color: #888; font-style: italic; padding: 10px 0 0 45px; } caption { text-align: left; } acronym, abbr { border-bottom: dotted 1px; } acronym:hover, abbr:hover { cursor: help; } /* @end */ /* @end */ /* @group Navigation */ /* @group Nav Bar */ /** * Controls the backround color of the bar and * the default background state of the links */ #navigation { background: #fff url('images/bg-shade-light.png') repeat-x bottom left; border-bottom: solid 1px #ddd; height: 2.75em; } /** * Navigation Layout Alignment from theme settings * Credit: CSS Play, Centering Floats: http://www.cssplay.co.uk/menus/centered.html */ #navigation del { text-decoration: none!important; } #navigation .wrap-center { display: table; margin: 0 auto; } #navigation .wrap-left { float: left; } #navigation .wrap-right { float: right; } /* @end */ /* @group Level 1 */ #navigation ul { line-height: 2.75em; list-style: none; margin: 0; padding: 0; z-index: 998; border: none; position: relative; } #navigation li { border-right: solid 1px #ddd; float: left; list-style: none; list-style-image: none; margin: 0; padding: 0; position: relative; z-index: 999; } #navigation li.last { border-right: none; } /* First level links */ #navigation a, #navigation a:visited { background: #fff url('images/bg-shade-light.png') repeat-x 0 100%; border: none; color: #555; display: block; font-size: 1em; font-weight: bold; margin: 0; overflow: hidden; padding: 0 1.2em; text-decoration: none; text-shadow: #fff 1px 1px 1px; } /* First level regular link hover */ #navigation a:hover, #navigation a:visited:hover, #navigation .active-trail a.active:hover, #navigation .active-trail a:hover { background: #B3B3B3 url('images/bg-shade-medium.png') repeat-x 0 100%; color: #fff; text-shadow: none; } #navigation .expanded a { background: transparent url('images/icn-arrow-down-light.png') no-repeat 96% 51%; } /* First level expandable active & hover state */ #navigation .sfHover a, #navigation .sfHover a:hover { background: #fff url('images/bg-shade-light-flip.png') repeat-x; color: #777; } /* First level regular link active */ #navigation .active-trail a, #navigation .active-trail a.active { color: #000; } /* @end */ /* @group Level 2 + */ #navigation ul ul { background: #fff url('images/bg-shade-white-lrg.png') repeat-x 0 100%; border: solid 1px #ddd; border-top: 0; width: 15em; left: 0; line-height: 1.25em; color: #555; display: none; /* make sure the submenus aren't visible on load */ margin: 0 0 0 -1px; /* make up for border */ padding: 0; position: absolute; top: 2.75em; z-index: 1000; } #navigation ul ul li { display: block; margin: 0; padding: 0; position: relative; width: 15em; line-height: normal; border-right: none; text-align: left; } #navigation li .expanded ul { margin: -2.65em 0 0 15em; } /* Second level links */ #navigation ul ul li a, #navigation ul ul li a:visited, #navigation ul li.active-trail ul li a, #navigation .sfHover ul li a { background: none; border-bottom: solid 1px #eee; color: #555; display: block; font-size: 0.9em; font-weight: normal; overflow: hidden; padding: 0.5em 1.25em 0.5em 0.75em; text-decoration: none; } /* remove bottom border, since it's being applied at ul level */ #navigation ul ul li.last a { border-bottom: none; } /* indicate menu has children with right arrow bg image */ #navigation ul ul li.expanded { background: transparent url('images/icn-arrow-right-light.png') no-repeat 96.5% 50%; } /* make sure children of expanded menus don't inherit indicator */ #navigation ul li.expanded li.leaf { background: none; } /* hover state for all submenu links */ #navigation ul ul li a:hover, #navigation ul ul li a:visited:hover { background: #B3B3B3 url('images/bg-shade-medium.png') repeat-x 0 100%!important; color: #fff!important; } /* active submenu link */ #navigation ul li.active-trail ul li a.active { color: #000; } #navigation ul ul ul { z-index: 1001; margin: 0; top: 2.65em; } /* @end */ /* @end */ /* @group Breadcrumbs */ .breadcrumb { clear: both; margin: 0 0 10px; padding: 5px 0 0; } /* @end */ /* @group Mission */ .mission { background: #fff url('images/bg-shade-white-lrg.png') repeat-x bottom left; border: 1px solid #eee; color: #000; margin: 5px 0 15px 0; padding: 15px; } /* @end */ /* @group Tabs */ .tab-wrapper { border-bottom: solid 1px #ddd; margin: 1em 0; } .primary-and-secondary { border-bottom: none; } .primary-and-secondary #tabs-primary { bottom: 0; } /* make the tabs smaller in the admin section */ .section-admin #tabs-primary li a { font-size: 1em; padding: 0.6em; } /* @group Primary */ #tabs-primary { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; font-size: 1em; float: left; position: relative; z-index: 1; bottom: -1px; } #tabs-primary ul { margin: 0; padding: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none; display: block; float: left; width: 100%; } #tabs-primary ul li { margin: 0; padding: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none; float: left; display: block; } #tabs-primary ul li:last-child { border-right: solid 1px #ddd; } #tabs-primary ul li.active:last-child { border: none; background: #fff; } #tabs-primary ul li a { background: #fff url('images/bg-shade-light.png') repeat-x 0 100%; color: #555555; margin: 0; padding: 0; outline: 0; border-top: solid 1px #ddd; border-left: solid 1px #ddd; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; float: left; font-weight: normal; text-decoration: none; padding: 0.5em 1.1em; text-shadow: #fff 1px 1px 1px; } #tabs-primary ul li a:hover { background: #b3b3b3 url('images/bg-shade-medium.png') repeat-x 0 100%; color: #fff; text-shadow: #555 1px 1px 1px; border-color: #999; } #tabs-primary ul li.active { background: #858585 url('images/bg-shade-dark.png') repeat-x 0 100%; color: #fff; } #tabs-primary ul li.active a, #tabs-primary ul li.active a:hover { background: #858585 url('images/bg-shade-dark.png') repeat-x 0 100%; color: #fff; line-height: 1.9; margin-top: -0.6em; text-shadow: #333 1px 1px 1px; border-color: #858585; } /* @end */ /* @group Secondary */ #tabs-secondary { background: #858585 url('images/bg-shade-dark-flip.png') repeat-x 0 0%; color: #fff; float: left; position: relative; width: 100%; border: solid 1px #858585; border-top: none; } #tabs-secondary ul { display: inline; list-style: none; float: left; padding: 0.5em; margin: 0; } #tabs-secondary ul li { float: left; padding: 0; margin: 0; } #tabs-secondary ul li a { font-size: 1em; float: left; padding: 0.5em 0.75em; margin: 0 0.15em 0 0; color: #fff; text-shadow: #444 1px 1px 1px; } #tabs-secondary ul li:last-child a { border-right: none; } #tabs-secondary ul li a:hover, #tabs-secondary ul li.active a { background: #b3b3b3 url('images/bg-shade-medium.png') repeat-x 0 100%; color: #fff; text-shadow: #555 1px 1px 1px; border-color: #999; } /* @end */ /* @end */ /* @group Pagers */ div.pager { margin: 1em auto; text-align: center; } .pager-inner { padding: 0 0.5em; background: #fff url('images/bg-shade-light.png') repeat-x 0 100%; -webkit-border-radius: 0.333em; -moz-border-radius: 0.333em; border-radius: 0.333em; border: solid 1px #ddd; } ul.pager { padding: 0; margin: 0; display: inline; } ul.pager li { margin: 0 0.25em 0.25em 0!important; padding: 0!important; border: none; display: inline; } ul.pager li a { border: 0; color: #555555; text-decoration: none; margin: 0; padding: 0.2em 0.75em; font-weight: normal; display: inline-block; } ul.pager li a:hover, ul.pager li a:visited:hover { background: #B3B3B3 url('images/bg-shade-medium.png') repeat-x 0 100%; color: #fff; } ul.pager li span { padding: 0.2em 0.75em; display: inline-block; font-weight: normal; } ul.pager li.pager-current { font-weight: bold; } ul.pager li.pager-current span { background: #858585 url('images/bg-shade-dark.png') repeat-x 0 100%; color: #fff; } .block div.pager-inner, .panel-pane div.pager-inner { background: none; border: none; } .block div.pager, .panel-pane div.pager { font-size: 0.9em; text-align: left; } .block div.pager-inner, .panel-pane div.pager-inner { background-image: none; } .block div.pager ul.pager, .panel-pane ul.pager { margin:0; padding: 0; } /* @end */ /* @group Item Lists */ div.item-list { padding: 0.25em 0.75em; margin: 0; } div.item-list ul { list-style: disc outside; margin: 0.25em 1.25em; padding: 0; } div.item-list ul li { list-style-type: disc; margin: 0; } /* @end */ /* @group Menus */ /* @group Drupalisms */ ul.menu li { margin: 0 0 0 0; } li.leaf { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } /* @end */ ul.menu *, ul.menu li, ul.menu li.leaf, ul.menu li.expanded, ul.menu li.collapsed { margin: 0; padding: 0; list-style: none; } ul.menu { border: solid 1px #ddd; } ul.menu ul { width: 100%; border: none; } ul.menu li a { border-bottom: solid 1px #eee; color: #888; display: block; font-size: 1em; padding: 0.25em 0.5em; } ul.menu li.active-trail > a, ul.menu li.active-trail > a.active, ul.menu li a.active, ul.menu li a.active:visited { background-color: #f8f8f8; color: #555; text-shadow: #fff 1px 1px 1px; font-weight: bold; } ul.menu a, ul.menu a:visited { color: #888; } ul.menu a:hover { color: #000; } ul.menu ul a { font-size: 0.9em; } /* Prevent duplicate bottom borders */ ul.menu li.last a, ul.menu li:last-child a { border-bottom: none; } ul.menu li li.last a, ul.menu li li:last-child a { border-bottom: solid 1px #eee; } /* @group Indentation */ /* Indentation is happening at link level with padding. */ ul.menu ul a {padding-left: 3.25em;} ul.menu ul ul a {padding-left: 4.75em;} ul.menu ul ul ul a {padding-left: 6.25em;} /* @end */ /* @group Background Images */ ul.menu .expanded a span, ul.menu .collapsed a span { background: url('images/sprites-sky.png') no-repeat; width: 16px; height: 16px; margin-right: 3px; display: block; float: left; } /* Indentation needs to be applied to the sprites as well. */ /* @group First Level */ ul.menu .expanded a span {background-position: 6px -503px;} ul.menu .expanded a:hover span {background-position: 6px -244px;} ul.menu .collapsed a span {background-position: 6px -1023px;} ul.menu .collapsed a:hover span {background-position: 6px -763px;} /* @end */ /* Remove the background images for nested list items that don't have any children. */ ul.menu .expanded .leaf a span, ul.menu .collapsed .leaf a span { background-image: none; width: 0; height: 0; } /* @end */ /* @end */ /* @group More Links */ .more-link { padding: 0.25em; margin: 1em -0.55em -0.55em -0.55em; display: block; font-size: 0.9em; text-transform: uppercase; font-weight: bold; color: #888; height: 1.5em; clear: both; } .more-link a { color: #888; padding-right: 1.5em; float: right; } .more-link a:hover { color: #555; } .more-link span.icon { background: transparent url('images/sprites-sky.png') no-repeat 0 -1023px; height: 16px; width: 16px; float: right; margin-left: -1.15em; } /* @end */ /* @group Blocks */ .block { overflow: hidden; margin: 0 0 1.25em 0; padding: 0; } #content-top .block, #content-bottom .block { border: 1px dotted #ddd; margin: 1em 0 2em 0; } .block h3.title { background: #fff url('images/bg-shade-light.png') repeat-x bottom left; color: #777; display: block; font-weight: 700; letter-spacing: normal; text-align: left; font-size: 1.1em; padding: 5px 10px; margin: 0; text-shadow: #fff 1px 1px 1px; color: #555; -moz-border-radius-topleft: 0.333em; -webkit-border-top-left-radius: 0.333em; -moz-border-radius-topright: 0.333em; -webkit-border-top-right-radius: 0.333em; border-radius-topright: 0.333em; border-radius-topleft: 0.333em; border: solid 1px #ddd; border-bottom: 0; } .block .content { border: 1px solid #ddd; padding: 0.5em; position: relative; } .style-menu .content { padding: 0; border: none; } /* @group Links */ .block .links ul { font-size: 1em; display: block; margin: 0; padding: 0 0 0 0.25em; } .block .links li { display: block; list-style-type: disc; list-style-position: outside; } /* @end */ /* @group Poll */ /* @group Results */ .poll .title { font-size: 1.1em; font-weight: bold; margin-bottom: 1em; } .poll .bar { background: #fff url('images/bg-shade-light.png') repeat-x bottom left; color: #777; height: 1.5em; } .poll .bar .foreground { background: #858585 url('images/bg-shade-dark.png') repeat-x bottom left; color: #fff; height: 1.5em; } /* @end */ /* @group Vote Form */ .poll .vote-form { text-align: left; } .poll .vote-form .choices { display: block; margin: 0; } .poll .vote-form .choices .title { font-size: 1.1em; line-height: normal; } /* @end */ /* @end */ /* @end */ /* @group Nodes */ #edit-body-wrapper { width: 100%; clear: both; } .node { clear: both; display: block; margin: 0 0 1em 0; padding: 0 1em 0 0; } /* @group Teasers */ .node-teaser { margin-bottom: 3em; padding-bottom: 1.5em; border-bottom: solid 1px #eee; } /* @end */ /* @group Sticky */ .node-sticky { border: 2px dotted #eee; } /* @end */ /* @group Meta */ .node .meta { color: #777; } .node .meta p { margin: 0; padding: 0; } .node-teaser .meta, .with-photo .meta { float: left; background: #fff url('images/bg-shade-white-lrg.png') repeat-x left bottom; border: solid 1px #ddd; clear: both; padding: 1em; -webkit-border-radius: 0.333em; -moz-border-radius: 0.333em; border-radius: 0.333em; } .with-photo .meta { padding: 1em 1em 1em 9em; width: 81%; /* 81% */ min-height: 7.25em; } .node .meta .picture { float: left; position: absolute; margin: 0 1em 0 -8em; padding: 0; border: solid 1px #777; } .node .meta .picture img { margin: 0; padding: 0; display: block; } .without-photo .meta { padding: 1em; width: 93%; } /* @end */ /* @group Terms */ .node .terms { font-size: 1.1em; margin-top: 0.25em; } .node .terms .icon { background: url('images/sprites-16.png') no-repeat -169px -1224px; width: 16px; height: 16px; display: block; float: left; } .node .terms ul.links { border: none; font-size: 0.9em; display: inline; padding: 0; margin: 0; } .node .terms ul.links li { background: transparent; border: none; display: inline; margin: 0.25em 0.65em; padding: 0; } .node .terms ul.links li a:visited:hover, .node .terms ul.links li a:hover { color: #000; text-shadow: none; } /* @end */ /* @group Content */ .node .content { padding: 1em 0; clear: both; } .node ol { list-style-type: decimal; margin: 0 0 0 35px; } .node ul { list-style-type: disc; margin: 0 0 0 35px; } .node .content li { padding: 2px 0; } /* @end */ /* @group Book Navigation */ .book-navigation { margin: 2em 0; border: solid 1px #ddd; } .book-navigation ul.menu { border: none; margin: 0; padding: 0; } #book-outline { min-width: 0; } /* @group Links */ .book-navigation .page-links { border: none; background: #fff url('images/bg-shade-light.png') repeat-x bottom left; } .book-navigation .page-links a { color: #555; text-shadow: #fff 1px 1px 1px; } .book-navigation .page-links a:hover { background: none; color: #000; } /* @end */ /* @end */ /* @group Node Add */ dl.node-type-list dt a:before { content: '+ '; } /* @end */ /* @group Links */ .node div.links { padding: 0; } .node .links ul { display: inline; margin: 0 0 1em 0; padding: 0; float: left; clear: both; } .node .links li { background: #fff url('images/bg-shade-light.png') repeat-x 0 100%; margin: 0; padding: 0; outline: 0; border: solid 1px #ddd; line-height: 1.3; text-decoration: none; font-size: 0.9em; list-style: none; float: left; font-weight: normal; text-decoration: none; padding: 0.5em 1.1em; text-shadow: #fff 1px 1px 1px; -webkit-border-radius: 0.333em; -moz-border-radius: 0.333em; display: inline; margin: 0.25em 0.5em 0 0; } .node .links li:hover { background: #b3b3b3 url('images/bg-shade-medium.png') repeat-x 0 100%; border-color: #999; color: #333; text-shadow: #ddd 1px 1px 1px; } .node .links li a { color: #555555; } .node .links li:hover a, .node .links li:hover a:hover { color: #fff; text-shadow: #555 1px 1px 1px; } /* @end */ /* @end */ /* @group Comments */ #comment-wrapper { clear: both; } #comment-wrapper h3 { display: block; font-size: 1.5em; letter-spacing: -1px; line-height: 2em; } #comments .box { clear: both; margin: 25px 0 0 0; } .comment { border: 1px solid #ddd; clear: both; display: block; margin: 0 0 15px 0; } .comment .title { display: block; font-size: 1.5em; letter-spacing: -1px; line-height: 2em; padding-left: 8px; } .comment .title .new { padding-left: 4px; } .comment .info { clear: both; display: block; font-size: 0.95em; padding: 5px 10px; color: #888; } .comment .info .picture { display: inline; margin: 0 10px; } .comment .info .picture img { display: inline; padding: 0 0 10px 0; vertical-align: middle; } .comment .content { padding: 5px 10px; } #comment-wrapper { clear: both; margin: 1.5em 0 0 0; position: static; } #comment-wrapper h3 { display: block; font-size: 1.5em; letter-spacing: -1px; line-height: 2em; } .comment ul.links { float: left; border-top: solid 1px #ddd; background: #fff url('images/bg-shade-light.png') repeat-x 0 100%; line-height: 24px; height: 24px; padding: 0; display: inline; margin: 1em 0 0 0; padding: 0; width: 100%; text-align: right; } .comment .links li { background: #fff url('images/bg-shade-light.png') repeat-x 0 100%; margin: 0!important; outline: 0; text-decoration: none; list-style: none; font-weight: normal; padding: 0 1em; line-height: 24px; text-shadow: #fff 1px 1px 1px; display: inline-block; } .comment .links li:hover { background: #b3b3b3 url('images/bg-shade-medium.png') repeat-x 0 100%; color: #333; text-shadow: #ddd 1px 1px 1px; } .comment .links li a { color: #555; } .comment .links li:hover a, .comment .links li:hover a:hover { color: #fff; text-shadow: #555 1px 1px 1px; } /* @end */ /* @group Feed Icon */ .left .feed-icon { text-align: right; padding: 0 1em 0 0; } .right .feed-icon { text-align: left; padding: 0 0 0 1em; } .block .feed-icon { text-align: left; } /* @end */ /* @group Feed Aggregator */ /* @group Source */ .feed-source { background: #fff url('images/bg-shade-white-lrg.png') repeat-x 0 100%; margin: 1em 0; padding: 2em; border: solid 1px #ddd; -moz-border-radius: 0.333em; -webkit-border-radius: 0.333em; border-radius: 0.333em; } .feed-source .feed-icon { margin-left: 1em; } .feed-description { margin: 0 4em 1em 0; font-size: 1.1em; } .feed-url { border-top: solid 1px #ddd; padding-top: 1em; } .feed-url em, .feed-updated em { color: #777; width: 90px; float: left; } /* @end */ /* @group Item */ .feed-item { padding: 1em; border-bottom: solid 1px #eee; } .feed-item-title a { font-size: 1.4em; } .feed-item-meta { color: #777; } /* @end */ /* @end */ /* @group Forms */ /* @group Fieldsets */ /** * Expanded & Regular (not collapsible) Fieldset * Applying required fieldset styles here. */ fieldset { background: #fff url('images/bg-shade-white-lrg.png') repeat-x bottom left; border: solid 1px #cdcdcd; padding: 0; margin: 1.3em 0; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); } /** * Collapsed Fieldset * Don't want any padding, additional margins, borders * or background colors because the fieldset is collapsed. */ fieldset.collapsed { background: none; border: none; margin-bottom: 1.5em !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } html.js fieldset:not(.collapsible) legend { padding: 0; margin-left: 1.25em; } /** * Padding is being applied to wrappers as opposed to the * fieldsets themselves. Some Drupal forms have a * div.fieldset-wrapper, and some don't so we've overridden * theme_fieldset() to make sure there is always one, and * here we back out of the padding when 2 are present. */ fieldset .fieldset-wrapper { padding: 1.3em; margin: 0; display: block; } fieldset .fieldset-wrapper .fieldset-wrapper { padding: 0; } /* Padding inside nested fieldsets still needs to happen */ fieldset .fieldset-wrapper fieldset .fieldset-wrapper { padding: 1em; margin: 0; } /* Avoid scrollbars */ html.js fieldset.collapsible .fieldset-wrapper { overflow: visible; } /* @group Legends */ /* Regular & Common Legend Styles */ fieldset legend { font-size: 1em; font-weight: bold; } fieldset legend a, fieldset legend a:active, fieldset legend a:focus, fieldset legend a:visited { text-decoration: none; } html.js fieldset.collapsible legend a { background: transparent url('images/sprites-sky.png') no-repeat; padding: 0 0 0 1.5em; } /* Expanded Legend */ html.js fieldset.collapsible legend { margin-left: 1.5em; } html.js fieldset.collapsible legend a { background-position: -266px -250px; } /* Collapsed Legend */ html.js fieldset.collapsed legend { margin-left: 0; } html.js fieldset.collapsed legend a { background-position: -266px -516px; } /* @end */ /* @end */ /* @group Labels */ .form-item label { font-size: 1.1em; font-weight: bold; } /* Back out of the bigger sizes for checkbox and radio option labels */ .form-item label.option { font-size: 1em; } /* @end */ /* @group Elements */ .form-item, .book-outline-form .form-item { padding: 0; margin: 1.5em 0 2.5em 0; width: auto; } /** * Specifically set font size & family for inputs to * override browser and crazy module defaults */ .form-checkbox, .form-checkboxes, .form-date, .form-file, .form-password, .form-radio, .form-select, .form-text, .form-textarea { font-size: 9pt; } /* @group Textfields */ .form-text { color: #333; width: 98%; } /* 98% width doesn't play well in table cells with padding */ td .form-text { width: auto; } /* @group Node Forms */ .node-form .form-text { width: 98%; } .node-form fieldset .form-text { width: 99%; } /* @end */ /* @group Search Forms */ .search-form .form-text { width: 80%; margin-right: 0.5em; } .block-search .form-text { width: 65%; } /* @end */ /* @end */ /* @group Textareas */ .resizable-textarea { width: 100%; } .form-textarea { color: #333; width: 98%; } .node-form textarea { width: 98%; } /* @end */ /* @group Checkboxes */ .form-item-checkbox { margin: 1em 0 0.5em 0; } /* @group Required Elements */ /* Aligning the asterisk to the left of the label */ .form-item-required { position: relative; } .form-item-required .form-required { position: absolute; left: 0; line-height: normal; color: #d70000; float: left; font-size: 1.4em; font-weight: bold; } .form-item-required label { padding-left: 1em; } /* @end */ /* @end */ /* @end */ /* @group Descriptions */ .description { color: #666; line-height: normal; padding: 0.25em 0 0.25em 0; } .fieldset-wrapper > div.description { margin-top: 1.1em; font-size: 1.1em!important; color: inherit; } /* @end */ /* @group Filter Tips */ ul.tips { margin: 0; padding: 0 0 0 2.25em; } ul.tips li { list-style: square; list-style-position: outside; margin: 0 0 0 1em; padding: 0.25em; font-size: 1.2em; } /* @end */ /* @group User Login Form */ #user-login-form { text-align: left; padding: 1em 0 1em 1em; margin: 0; text-align: left; } #user-login-form .form-item, #user-login-form .form-text { margin: 0; } #user-login-form .form-text { width: 90%; } #user-login li, #user-login-form li { list-style: none; } /* Open ID */ #user-login-form .form-item { margin: 0 0 1.5em 0; } #user-login-form .form-submit { margin-top: -1.5em; margin-bottom: 1em; } #user-login li, #user-login-form li { list-style: none; padding: 0; margin: 0; } #user-login ul, #user-login-form ul { margin: 0; } /* Open ID */ li.openid-link { padding: 0; margin: 0; background-position: center left; } li.openid-link a { padding-left: 1.75em; margin: 0; } #user-login li.openid-link { margin-bottom: 1em; } /* User Login Block */ #block-user-0 .content { border: solid 1px #ddd; } #block-user-0 form { overflow: hidden; } .advanced-help-link { margin-top: 1px!important; } /* @end */ /* @end */ /* @group System Messages */ div.messages { background: #fff url('images/bg-shade-white-lrg.png') repeat-x 0 100%; border: 1px solid #ddd; margin: 1em 0; padding: 1em 1em 2em 1em; -webkit-border-radius: 0.333em; -moz-border-radius: 0.333em; border-radius: 0.333em; } div.warning { margin: 1em 0; padding: 1em 1em 2em 1em; } .messages .inner { padding-left: 4em; } .messages .icon { background: url('images/sprites-32.png') no-repeat 0 0; position: absolute; width: 32px; height: 32px; } .warning .icon {background-position: -182px -1270px;} .error .icon {background-position: -364px -898px;} .status .icon {background-position: 0 -960px;} div.help { margin: 1em 0; padding: 1em 0; } div.help div.help { background: none; border: none; padding: 0; margin: 0; } div.password-description { border: solid 1px #ddd; padding: 0.5em 1em 1.25em 4em; -webkit-border-radius: 0.333em; -moz-border-radius: 0.333em; border-radius: 0.333em; font-size: 0.9em; margin: -2em 0 1em 0; } /* @end */ /* @group Module Support */ /* @group User Profile */ .profile dd { margin-bottom: 0; } .profile td { margin: 0; } .profile h3 { border-bottom: none; } .profile .picture { float: left; } /* @end */ /* @group Panels Front End */ .panel-panel { overflow: hidden; } .panel-pane .block { border: solid 1px #ddd; } /* @end */ /* @group Quicktabs */ .quicktabs_main .block { border: none; margin: 0; padding: 0; } .quicktabs_main .block .content { border: none; } .quicktabs_main .block .title { background: none; border: none; padding: 1em 1em 0.25em 1em; } .panel-pane .quicktabs_wrapper .content { border: none; } /* @end */ /* @group Admin Menu */ #admin-menu { font-size: 11px; z-index: 9999; } /* @end */ /* @group Vertical Tabs */ /* Disclaimer: sorry about all the important!'s but the CSS file loads last */ div.vertical-tabs-div { border: 1px solid #ddd!important; } .vertical-tabs ul.vertical-tabs-list { border: 1px solid #ddd!important; border-bottom: 0!important; border-right: 0!important; } .vertical-tabs ul.vertical-tabs-list li { background: #fff url('images/bg-shade-light.png') repeat-x 0 100%!important; border-bottom: 1px solid #ddd!important; border-right: 1px solid #ddd!important; text-shadow: #fff 1px 1px 1px; } .vertical-tabs ul.vertical-tabs-list li span.description { color: #999; text-shadow: none; } .vertical-tabs ul.vertical-tabs-list li a { text-shadow: #fff 1px 1px 1px; color: #555; } .vertical-tabs ul.vertical-tabs-list li.selected { background: #858585 url('images/bg-shade-dark.png') repeat-x 0 100%!important; border-right: none!important; color: #fff; } .vertical-tabs ul.vertical-tabs-list li.selected a { color: #fff!important; text-shadow: #333 1px 1px 1px; } .vertical-tabs ul.vertical-tabs-list li.selected span.description { color: #fff; } /* @end */ /* @group TinyMCE */ body.mceContentBody { background: #fff none; } /* @end */ /* @group Coder */ .coder pre { border: none; margin: 0; } .coder .item-list ul { margin: 0; padding: 0; border: solid 1px #bbb; } .coder .item-list li { list-style: none; padding: 0; margin: 0; border-bottom: solid 1px #bbb; } .coder .item-list li:last-child { border-bottom: 0; } .coder .item-list li.first.last { border: none; padding: 2em; color: #777; } .coder .coder-warning { padding: 1em; } /* @end */ /* @group External Link */ ul.menu a.ext { padding-right: 0; } /* @end */ /* @end */