diff -r 07239de796bb -r e756a8c72c3d cms/drupal/themes/bartik/css/style.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/cms/drupal/themes/bartik/css/style.css Fri Sep 08 12:04:06 2017 +0200 @@ -0,0 +1,1641 @@ + +/* ---------- Overall Specifications ---------- */ + +body { + line-height: 1.5; + font-size: 87.5%; + word-wrap: break-word; + margin: 0; + padding: 0; + border: 0; + outline: 0; +} +a:link, +a:visited { + text-decoration: none; +} +a:hover, +a:active, +a:focus { + text-decoration: underline; +} +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 1.0em 0 0.5em; + font-weight: inherit; +} +h1 { + font-size: 1.357em; + color: #000; +} +h2 { + font-size: 1.143em; +} +p { + margin: 0 0 1.2em; +} +del { + text-decoration: line-through; +} +tr.odd { + background-color: #dddddd; +} +img { + outline: 0; +} +code, +pre, +kbd, +samp, +var { + padding: 0 0.4em; + font-size: 0.857em; + font-family: Menlo, Consolas, "Andale Mono", "Lucida Console", "Nimbus Mono L", "DejaVu Sans Mono", monospace, "Courier New"; +} +code { + background-color: #f2f2f2; + background-color: rgba(40, 40, 0, 0.06); +} +pre code, +pre kbd, +pre samp, +pre var, +kbd kbd, +kbd samp, +code var { + font-size: 100%; + background-color: transparent; +} +pre code, +pre samp, +pre var { + padding: 0; +} +.description code { + font-size: 1em; +} +kbd { + background-color: #f2f2f2; + border: 1px outset #575757; + margin: 0 3px; + color: #666; + display: inline-block; + padding: 0 6px; + -khtml-border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; +} +pre { + background-color: #f2f2f2; + background-color: rgba(40, 40, 0, 0.06); + margin: 10px 0; + overflow: hidden; + padding: 15px; + white-space: pre-wrap; +} + + +/* ------------------ Fonts ------------------ */ + +body, +#site-slogan, +.ui-widget, +.comment-form label { + font-family: Georgia, "Times New Roman", Times, serif; +} +#header, +#footer-wrapper, +#skip-link, +ul.contextual-links, +ul.links, +ul.primary, +.item-list .pager, +div.field-type-taxonomy-term-reference, +div.messages, +div.meta, +p.comment-time, +table, +.breadcrumb { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; +} +input, +textarea, +select, +a.button { + font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; +} + +/* ------------------ Reset Styles ------------------ */ + +caption { + text-align: left; /* LTR */ + font-weight: normal; +} +blockquote { + background: #f7f7f7; + border-left: 1px solid #bbb; + font-style: italic; + margin: 1.5em 10px; + padding: 0.5em 10px; +} +blockquote:before { + color: #bbb; + content: "\201C"; + font-size: 3em; + line-height: 0.1em; + margin-right: 0.2em; + vertical-align: -.4em; +} +blockquote:after { + color: #bbb; + content: "\201D"; + font-size: 3em; + line-height: 0.1em; + vertical-align: -.45em; +} +blockquote > p:first-child { + display: inline; +} +a.feed-icon { + display: inline-block; + padding: 15px 0 0 0; +} + +/* ------------------ Table Styles ------------------ */ + +table { + border: 0; + border-spacing: 0; + font-size: 0.857em; + margin: 10px 0; + width: 100%; +} +table table { + font-size: 1em; +} +#footer-wrapper table { + font-size: 1em; +} +table tr th { + background: #757575; + background: rgba(0, 0, 0, 0.51); + border-bottom-style: none; +} +table tr th, +table tr th a, +table tr th a:hover { + color: #FFF; + font-weight: bold; +} +table tbody tr th { + vertical-align: top; +} +tr td, +tr th { + padding: 4px 9px; + border: 1px solid #fff; + text-align: left; /* LTR */ +} +#footer-wrapper tr td, +#footer-wrapper tr th { + border-color: #555; + border-color: rgba(255, 255, 255, 0.18); +} +tr.odd { + background: #e4e4e4; + background: rgba(0, 0, 0, 0.105); +} +tr, +tr.even { + background: #efefef; + background: rgba(0, 0, 0, 0.063); +} +table ul.links { + margin: 0; + padding: 0; + font-size: 1em; +} +table ul.links li { + padding: 0 1em 0 0; +} + +/* ------------------ List Styles ------------------ */ + +.block ol, +.block ul { + margin: 0; + padding: 0 0 0.25em 1em; /* LTR */ +} +.contextual-links-wrapper { + font-size: small !important; +} +ul.contextual-links { + font-size: 0.923em; +} +.contextual-links-wrapper a { + text-shadow: 0 0 0 !important; +} +.item-list .pager { + font-size: 0.929em; +} +ul.menu li { + margin: 0; +} +.region-content ul, +.region-content ol { + margin: 1em 0; + padding: 0 0 0.25em 2.5em; /* LTR */ +} +.item-list ul li { + margin: 0; + padding: 0.2em 0.5em 0 0; /* LTR */ +} +ul.tips { + padding: 0 0 0 1.25em; /* LTR */ +} + +/* ------------------ Header ------------------ */ +#skip-link { + left: 50%; + margin-left: -5.25em; + margin-top: 0; + position: absolute; + width: auto; + z-index: 50; +} +#skip-link a, +#skip-link a:link, +#skip-link a:visited { + background: #444; + background: rgba(0, 0, 0, 0.6); + color: #fff; + display: block; + font-size: 0.94em; + line-height: 1.7; + padding: 1px 10px 2px 10px; + text-decoration: none; + -khtml-border-radius: 0 0 10px 10px; + -moz-border-radius: 0 0 10px 10px; + -webkit-border-top-left-radius: 0; + -webkit-border-top-right-radius: 0; + -webkit-border-bottom-left-radius: 10px; + -webkit-border-bottom-right-radius: 10px; + border-radius: 0 0 10px 10px; +} +#skip-link a:hover, +#skip-link a:active, +#skip-link a:focus { + outline: 0; +} +#logo { + float: left; /* LTR */ + padding: 15px 15px 15px 10px; /* LTR */ +} +#name-and-slogan { + float: left; /* LTR */ + padding-top: 34px; + margin: 0 0 30px 15px; /* LTR */ +} +#site-name { + font-size: 1.821em; + color: #686868; + line-height: 1; +} +h1#site-name { + margin: 0; +} +#site-name a { + font-weight: normal; +} +#site-slogan { + font-size: 0.929em; + margin-top: 7px; + word-spacing: 0.1em; + font-style: italic; +} +/* Region header blocks. */ +.region-header .block { + font-size: 0.857em; + float: left; /* LTR */ + margin: 0 10px; + padding: 0; +} +.region-header .block .content { + margin: 0; + padding: 0; +} +.region-header .block ul { + margin: 0; + padding: 0; +} +.region-header .block li { + list-style: none; + list-style-image: none; + padding: 0; +} +.region-header .form-text { + background: #fefefe; + background: rgba(255, 255, 255, 0.7); + border-color: #ccc; + border-color: rgba(255, 255, 255, 0.3); + margin-right: 2px; /* LTR */ + width: 120px; +} +.region-header .form-text:hover, +.region-header .form-text:focus, +.region-header .form-text:active { + background: #fff; + background: rgba(255, 255, 255, 0.8); +} +.region-header .form-required { + color: #eee; + color: rgba(255, 255, 255, 0.7); +} +/* Region header block menus. */ +.region-header .block-menu { + border: 1px solid; + border-color: #eee; + border-color: rgba(255, 255, 255, 0.2); + padding: 0; + width: 208px; +} +.region-header .block-menu li a { + display: block; + border-bottom: 1px solid; + border-bottom-color: #eee; + border-bottom-color: rgba(255, 255, 255, 0.2); + padding: 3px 7px; +} +.region-header .block-menu li a:hover, +.region-header .block-menu li a:focus, +.region-header .block-menu li a:active { + text-decoration: none; + background: rgba(255, 255, 255, 0.15); +} +.region-header .block-menu li.last a { + border-bottom: 0; +} +/* User Login block in the header region */ +.region-header #block-user-login { + width: auto; +} +.region-header #block-user-login .content { + margin-top: 2px; +} +.region-header #block-user-login .form-item { + float: left; /* LTR */ + margin: 0; + padding: 0; +} +.region-header #block-user-login div.item-list, +.region-header #block-user-login div.description { + font-size: 0.916em; + margin: 0; +} +.region-header #block-user-login div.item-list { + clear: both; +} +.region-header #block-user-login div.description { + display: inline; +} +.region-header #block-user-login .item-list ul { + padding: 0; + line-height: 1; +} +.region-header #block-user-login .item-list li { + list-style: none; + float: left; /* LTR */ + padding: 3px 0 1px; +} +.region-header #block-user-login .item-list li.last { + padding-left: 0.5em; /* LTR */ +} +.region-header #block-user-login ul.openid-links li.last { + padding-left: 0; /* LTR */ +} +.region-header #user-login-form li.openid-link a, +.region-header #user-login li.openid-link a { + padding-left: 20px; /* LTR */ +} +.region-header #block-user-login .form-actions { + margin: 4px 0 0; + padding: 0; + clear: both; +} +.region-header #block-user-login input.form-submit { + border: 1px solid; + border-color: #ccc; + border-color: rgba(255, 255, 255, 0.5); + background: #eee; + background: rgba(255, 255, 255, 0.7); + margin: 4px 0; + padding: 3px 8px; +} +.region-header #block-user-login input.form-submit:hover, +.region-header #block-user-login input.form-submit:focus { + background: #fff; + background: rgba(255, 255, 255, 0.9); +} +/* Search block in region header. */ +.region-header #block-search-form { + width: 208px; +} +.region-header #block-search-form .form-text { + width: 154px; +} +/* Language switcher block in region header. */ +.region-header .block-locale ul li { + display: inline; + padding: 0 0.5em; +} + +/* --------------- Main Menu ------------ */ + +#main-menu { + clear: both; +} +#main-menu-links { + font-size: 0.929em; + margin: 0; + padding: 0 15px; +} +#main-menu-links li { + float: left; /* LTR */ + list-style: none; + padding: 0 1px; + margin: 0 1px; +} +#main-menu-links a { + color: #333; + background: #ccc; + background: rgba(255, 255, 255, 0.7); + float: left; /* LTR */ + height: 2.4em; + line-height: 2.4em; + padding: 0 0.8em; + text-decoration: none; + text-shadow: 0 1px #eee; + -khtml-border-radius-topleft: 8px; + -khtml-border-radius-topright: 8px; + -moz-border-radius-topleft: 8px; + -moz-border-radius-topright: 8px; + -webkit-border-top-left-radius: 8px; + -webkit-border-top-right-radius: 8px; + border-top-left-radius: 8px; + border-top-right-radius: 8px; +} +#main-menu-links a:hover, +#main-menu-links a:focus { + background: #f6f6f2; + background: rgba(255, 255, 255, 0.95); +} +#main-menu-links a:active { + background: #b3b3b3; + background: rgba(255, 255, 255, 1); +} +#main-menu-links li a.active { + border-bottom: none; +} +.featured #main-menu-links li a:active, +.featured #main-menu-links li a.active { + background: #f0f0f0; + background: rgba(240, 240, 240, 1.0); +} + +/* --------------- Secondary Menu ------------ */ + +#secondary-menu-links { + float: right; /* LTR */ + font-size: 0.929em; + margin: 10px 10px 0; +} +#secondary-menu-links a:hover, +#secondary-menu-links a:focus { + text-decoration: underline; +} + +/* ------------------- Main ------------------- */ + +#main { + margin-top: 20px; + margin-bottom: 40px; +} + +/* ----------------- Featured ----------------- */ + +#featured { + text-align: center; + font-size: 1.643em; + font-weight: normal; + line-height: 1.4; + padding: 20px 0 45px; + margin: 0; + background: #f0f0f0; + background: rgba(30, 50, 10, 0.08); + border-bottom: 1px solid #e7e7e7; + text-shadow: 1px 1px #fff; +} +#featured h2 { + font-size: 1.174em; + line-height: 1; +} +#featured p { + margin: 0; + padding: 0; +} + +/* --------------- Highlighted ---------------- */ + +#highlighted { + border-bottom: 1px solid #d3d7d9; + font-size: 120%; +} + +/* ------------------- Help ------------------- */ + +.region-help { + border: 1px solid #d3d7d9; + padding: 0 1.5em; + margin-bottom: 30px; +} + +/* ----------------- Content ------------------ */ + +.content { + margin-top: 10px; +} +h1#page-title { + font-size: 2em; + line-height: 1; +} +#content h2 { + margin-bottom: 2px; + font-size: 1.429em; + line-height: 1.4; +} +.node .content { + font-size: 1.071em; +} +.node-teaser .content { + font-size: 1em; +} +.node-teaser h2 { + margin-top: 0; + padding-top: 0.5em; +} +.node-teaser h2 a { + color: #181818; +} +.node-teaser { + border-bottom: 1px solid #d3d7d9; + margin-bottom: 30px; + padding-bottom: 15px; +} +.node-sticky { + background: #f9f9f9; + background: rgba(0, 0, 0, 0.024); + border: 1px solid #d3d7d9; + padding: 0 15px 15px; +} +.node-full { + background: none; + border: none; + padding: 0; +} +.node-teaser .content { + clear: none; + line-height: 1.6; +} +.meta { + font-size: 0.857em; + color: #68696b; + margin-bottom: -5px; +} +.submitted .user-picture img { + float: left; /* LTR */ + height: 20px; + margin: 1px 5px 0 0; /* LTR */ +} +.field-type-taxonomy-term-reference { + margin: 0 0 1.2em; +} +.field-type-taxonomy-term-reference .field-label { + font-weight: normal; + margin: 0; + padding-right: 5px; /* LTR */ +} +.field-type-taxonomy-term-reference .field-label, +.field-type-taxonomy-term-reference ul.links { + font-size: 0.8em; +} +.node-teaser .field-type-taxonomy-term-reference .field-label, +.node-teaser .field-type-taxonomy-term-reference ul.links { + font-size: 0.821em; +} +.field-type-taxonomy-term-reference ul.links { + padding: 0; + margin: 0; + list-style: none; +} +.field-type-taxonomy-term-reference ul.links li { + float: left; /* LTR */ + padding: 0 1em 0 0; /* LTR */ + white-space: nowrap; +} +.link-wrapper { + text-align: right; +} +.field-type-image img, +.user-picture img { + margin: 0 0 1em; +} +ul.links { + color: #68696b; + font-size: 0.821em; +} +.node-unpublished { + margin: -20px -15px 0; + padding: 20px 15px 0; +} +.node-unpublished .comment-text .comment-arrow { + border-left: 1px solid #fff4f4; + border-right: 1px solid #fff4f4; +} + +/* ----------------- Comments ----------------- */ + +.comment h2.title { + margin-bottom: 1em; +} +.comment div.user-picture img { + margin-left: 0; /* LTR */ +} +.comment { + margin-bottom: 20px; + display: table; + vertical-align: top; +} +.comment .attribution { + display: table-cell; + padding: 0 30px 0 0; /* LTR */ + vertical-align: top; + overflow: hidden; +} +.comment .attribution img { + margin: 0; + border: 1px solid #d3d7d9; +} +.comment .attribution .username { + white-space: nowrap; +} +.comment .submitted p { + margin: 4px 0; + font-size: 1.071em; + line-height: 1.2; +} +.comment .submitted .comment-time { + font-size: 0.786em; + color: #68696b; +} +.comment .submitted .comment-permalink { + font-size: 0.786em; +} +.comment .content { + font-size: 0.929em; + line-height: 1.6; +} +.comment .comment-arrow { + background: url(../images/comment-arrow.gif) no-repeat 0 center transparent; /* LTR */ + border-left: 1px solid; + border-right: 1px solid; + height: 40px; + margin-left: -47px; /* LTR */ + margin-top: 10px; + position: absolute; + width: 20px; +} +.comment .comment-text { + padding: 10px 25px; + border: 1px solid #d3d7d9; + display: table-cell; + vertical-align: top; + position: relative; + width: 100%; +} +.comment .indented { + margin-left: 40px; /* LTR */ +} +.comment ul.links { + padding: 0 0 0.25em 0; +} +.comment ul.links li { + padding: 0 0.5em 0 0; /* LTR */ +} +.comment-unpublished { + margin-right: 5px; /* LTR */ + padding: 5px 2px 5px 5px; /* LTR */ +} +.comment-unpublished .comment-text .comment-arrow { + border-left: 1px solid #fff4f4; + border-right: 1px solid #fff4f4; +} + +/* ------------------ Sidebar ----------------- */ +.sidebar .section { + padding-top: 10px; +} +.sidebar .block { + border: 1px solid; + padding: 15px 20px; + margin: 0 0 20px; +} +.sidebar h2 { + margin: 0 0 0.5em; + border-bottom: 1px solid #d6d6d6; + padding-bottom: 5px; + text-shadow: 0 1px 0 #fff; + font-size: 1.071em; + line-height: 1.2; +} +.sidebar .block .content { + font-size: 0.914em; + line-height: 1.4; +} +.sidebar tbody { + border: none; +} +.sidebar tr.even, +.sidebar tr.odd { + background: none; + border-bottom: 1px solid #d6d6d6; +} + +/* ----------------- Triptych ----------------- */ + +#triptych-wrapper { + background-color: #f0f0f0; + background: rgba(30, 50, 10, 0.08); + border-top: 1px solid #e7e7e7; +} +#triptych h2 { + color: #000; + font-size: 1.714em; + margin-bottom: 0.8em; + text-shadow: 0 1px 0 #fff; + text-align: center; + line-height: 1; +} +#triptych .block { + margin-bottom: 2em; + padding-bottom: 2em; + border-bottom: 1px solid #dfdfdf; + line-height: 1.3; +} +#triptych .block.last { + border-bottom: none; +} +#triptych .block ul li, +#triptych .block ol li { + list-style: none; +} +#triptych .block ul, +#triptych .block ol { + padding-left: 0; +} +#triptych #block-user-login .form-text { + width: 185px; +} +#triptych #block-user-online p { + margin-bottom: 0; +} +#triptych #block-node-syndicate h2 { + overflow: hidden; + width: 0; + height: 0; +} +#triptych-last #block-node-syndicate { + text-align: right; +} +#triptych #block-search-form .form-type-textfield input { + width: 185px; +} +#triptych-middle #block-system-powered-by { + text-align: center; +} +#triptych-last #block-system-powered-by { + text-align: right; +} + +/* ------------------ Footer ------------------ */ + +#footer-wrapper { + color: #c0c0c0; + color: rgba(255, 255, 255, 0.65); + font-size: 0.857em; +} +#footer-wrapper a { + color: #fcfcfc; + color: rgba(255, 255, 255, 0.8); +} +#footer-wrapper a:hover, +#footer-wrapper a:focus { + color: #fefefe; + color: rgba(255, 255, 255, 0.95); + text-decoration: underline; +} +#footer-wrapper .block { + margin: 20px 0; + border: 1px solid #444; + border-color: rgba(255, 255, 255, 0.1); + padding: 10px; +} +#footer-columns .block-menu, +#footer .block { + margin: 0; + padding: 0; + border: none; +} +#footer .block { + margin: 0.5em 0; +} +#footer .block .content { + padding: 0.5em 0; + margin-top: 0; +} +#footer .block h2 { + margin: 0; +} +#footer-columns h2 { + border-bottom: 1px solid #555; + border-color: rgba(255, 255, 255, 0.15); + font-size: 1em; + margin-bottom: 0; + padding-bottom: 3px; + text-transform: uppercase; +} +#footer-columns .content { + margin-top: 0; +} +#footer-columns p { + margin-top: 1em; +} +#footer-columns .content ul { + list-style: none; + padding-left: 0; /* LTR */ + margin-left: 0; +} +#footer-columns .content li { + list-style: none; + margin: 0; + padding: 0; +} +#footer-columns .content li a { + display: block; + border-bottom: 1px solid #555; + border-color: rgba(255, 255, 255, 0.15); + line-height: 1.2; + padding: 0.8em 2px 0.8em 20px; /* LTR */ + text-indent: -15px; +} +#footer-columns .content li a:hover, +#footer-columns .content li a:focus { + background-color: #1f1f21; + background-color: rgba(255, 255, 255, 0.05); + text-decoration: none; +} +#footer { + letter-spacing: 0.2px; + margin-top: 30px; + border-top: 1px solid #555; + border-color: rgba(255, 255, 255, 0.15); +} +#footer .region { + margin-top: 20px; +} +#footer .block { + clear: both; +} +#footer ul, +#footer li { + list-style: none; + margin: 0; + padding: 0; +} +#footer li a { + float: left; /* LTR */ + padding: 0 12px; + display: block; + border-right: 1px solid #555; /* LTR */ + border-color: rgba(255, 255, 255, 0.15); +} +#footer li.first a { + padding-left: 0; /* LTR */ +} +#footer li.last a { + padding-right: 0; /* LTR */ + border-right: none; /* LTR */ +} +#footer-wrapper tr.odd { + background-color: transparent; +} +#footer-wrapper tr.even { + background-color: #2c2c2c; + background-color: rgba(0, 0, 0, 0.15); +} + +/* --------------- System Tabs --------------- */ + +.tabs { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + margin-bottom: 20px; +} +.tabs ul.primary { + padding: 0 3px; + margin: 0; + overflow: hidden; + border: none; + background: transparent url(../images/tabs-border.png) repeat-x left bottom; +} +.tabs ul.primary li { + display: block; + float: left; /* LTR */ + vertical-align: bottom; + margin: 0 5px 0 0; /* LTR */ +} +.tabs ul.primary li.active a { + border-bottom: 1px solid #ffffff; +} +.tabs ul.primary li a { + color: #000; + background-color: #ededed; + height: 1.8em; + line-height: 1.9; + display: block; + font-size: 0.929em; + float: left; /* not LTR */ + padding: 0 10px 3px; + margin: 0; + text-shadow: 0 1px 0 #fff; + -khtml-border-radius-topleft: 6px; + -moz-border-radius-topleft: 6px; + -webkit-border-top-left-radius: 6px; + border-top-left-radius: 6px; + -khtml-border-radius-topright: 6px; + -moz-border-radius-topright: 6px; + -webkit-border-top-right-radius: 6px; + border-top-right-radius: 6px; +} +.tabs ul.primary li.active a { + background-color: #ffffff; +} +.tabs ul.secondary { + border-bottom: none; + padding: 0.5em 0; +} +.tabs ul.secondary li { + display: block; + float: left; /* LTR */ +} +.tabs ul.secondary li:last-child { + border-right: none; /* LTR */ +} +.tabs ul.secondary li:first-child { + padding-left: 0; /* LTR */ +} +.tabs ul.secondary li a { + padding: 0.25em 0.5em; +} +.tabs ul.secondary li a.active { + background: #f2f2f2; + border-bottom: none; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + -khtml-border-radius: 5px; + border-radius: 5px; +} +ul.action-links { + list-style: none; + margin: 5px; + padding: 0.5em 1em; +} +ul.action-links li { + display: inline-block; + margin-left: 10px; +} +ul.action-links li a { + padding-left: 15px; + background: url(../images/add.png) no-repeat left center; + margin: 0 10px 0 0; +} + +/* ---------------- Messages ----------------- */ + +#messages { + padding: 20px 0 5px; + margin: 0 auto; +} +.featured #messages { + background: #f0f0f0; + background: rgba(30, 50, 10, 0.08); +} +div.messages { + margin: 8px 15px; +} + +/* -------------- Breadcrumbs -------------- */ + +.breadcrumb { + font-size: 0.929em; +} + +/* -------------- User Profile -------------- */ + +.profile .user-picture { + float: none; +} + +/* -------------- Password Meter ------------- */ + +.confirm-parent, +.password-parent { + width: 34em; +} +.password-parent, +div.form-item div.password-suggestions { + position: relative; +} +.password-strength-text, +.password-strength-title, +div.password-confirm { + font-size: 0.82em; +} +.password-strength-text { + margin-top: 0.2em; +} +div.password-confirm { + margin-top: 2.2em; + width: 20.73em; +} + +/* ---------------- Buttons ---------------- */ + +input.form-submit, +a.button { + background: #fff url(../images/buttons.png) 0 0 repeat-x; + border: 1px solid #e4e4e4; + border-bottom: 1px solid #b4b4b4; + border-left-color: #d2d2d2; + border-right-color: #d2d2d2; + color: #3a3a3a; + cursor: pointer; + font-size: 0.929em; + font-weight: normal; + text-align: center; + margin-bottom: 1em; + margin-right: 0.6em; /* LTR */ + padding: 4px 17px; + -khtml-border-radius: 15px; + -moz-border-radius: 20px; + -webkit-border-radius: 15px; + border-radius: 15px; +} +a.button:link, +a.button:visited, +a.button:hover, +a.button:focus, +a.button:active { + text-decoration: none; + color: #5a5a5a; +} + +/* -------------- Form Elements ------------- */ + +fieldset { + background: #ffffff; + border: 1px solid #cccccc; + margin-top: 10px; + margin-bottom: 32px; + padding: 0 0 10px; + position: relative; + top: 12px; /* Offsets the negative margin of legends */ + -khtml-border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} +.fieldset-wrapper { + margin-top: 25px; +} +.node-form .vertical-tabs .fieldset-wrapper { + margin-top: 0; +} +.filter-wrapper { + top: 0; + padding: 1em 0 0.2em; + -khtml-border-radius-topright: 0; + -khtml-border-radius-topleft: 0; + -moz-border-radius-topright: 0; + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + -webkit-border-top-right-radius: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.filter-help a { + font-size: 0.857em; + padding: 2px 20px 0; +} +.filter-wrapper .form-item label { + margin-right: 10px; +} +.filter-wrapper .form-item { + padding: 0 0 0.5em 0.5em; +} +.filter-guidelines { + padding: 0 1.5em 0 0.5em; +} +fieldset.collapsed { + background: transparent; + -khtml-border-radius: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; +} +fieldset legend { + background: #dbdbdb; + border: 1px solid #ccc; + border-bottom: none; + color: #3b3b3b; + display: block; + height: 2em; + left: -1px; /* LTR */ + font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; + line-height: 2; + padding: 0; + position: absolute; + text-indent: 10px; + text-shadow: 0 1px 0 #fff; + top: -12px; + width: 100%; + -khtml-border-radius-topleft: 4px; + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -khtml-border-radius-topright: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; +} +fieldset.collapsed legend { + -khtml-border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} +fieldset legend a { + color: #3b3b3b; +} +fieldset legend a:hover, +fieldset legend a:focus, +fieldset legend a:active { + color: #000; +} +fieldset .fieldset-wrapper { + padding: 0 10px; +} +fieldset .fieldset-description { + margin-top: 5px; + margin-bottom: 1em; + line-height: 1.4; + color: #3c3c3c; + font-style: italic; +} +input { + margin: 2px 0; + padding: 4px; +} +input, +textarea { + font-size: 0.929em; +} +textarea { + line-height: 1.5; +} +textarea.form-textarea, +select.form-select { + padding: 4px; +} +input.form-text, +textarea.form-textarea, +select.form-select { + border: 1px solid #ccc; +} +input.form-submit:hover, +input.form-submit:focus { + background: #dedede; +} +.password-suggestions ul li { + margin-left: 1.2em; /* LTR */ +} +.form-item { + margin-bottom: 1em; + margin-top: 2px; +} +.form-item label { + font-size: 0.929em; +} +.form-type-radio label, +.form-type-checkbox label { + margin-left: 4px; +} +.form-type-radio .description, +.form-type-checkbox .description { + margin-left: 2px; +} +.form-actions { + padding-top: 10px; +} +/* Contact Form */ +.contact-form #edit-name { + width: 75%; + -khtml-border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} +.contact-form #edit-mail { + width: 75%; + -khtml-border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} +.contact-form #edit-subject { + width: 75%; + -khtml-border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} +.contact-form #edit-message { + width: 76.3%; + -khtml-border-top-left-radius: 4px; + -khtml-border-top-right-radius: 4px; + -moz-border-radius-topleft: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-left-radius: 4px; + -webkit-border-top-right-radius: 4px; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.contact-form .resizable-textarea .grippie { + width: 76%; + -khtml-border-bottom-left-radius: 4px; + -khtml-border-bottom-right-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-left-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +/* Disabled form elements */ +input.form-button-disabled, +input.form-button-disabled:hover, +input.form-button-disabled:focus, +input.form-button-disabled:active, +.form-disabled input, +.form-disabled select, +.form-disabled textarea { + background: #ededed; + border-color: #bbb; + color: #717171; +} +.form-disabled .grippie { + background-color: #ededed; + border-color: #bbb; +} +.form-disabled label { + color: #717171; +} + +/* Comment form */ +.comment-form label { + float: left; /* LTR */ + font-size: 0.929em; + width: 120px; +} +.comment-form input, +.comment-form .form-select { + margin: 0; + -khtml-border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} +.comment-form .form-type-textarea label { + float: none; +} +.comment-form .form-item, +.comment-form .form-radios, +.comment-form .form-type-checkbox, +.comment-form .form-select { + margin-bottom: 10px; + overflow: hidden; +} +.comment-form .form-type-checkbox, +.comment-form .form-radios { + margin-left: 120px; /* LTR */ +} +.comment-form .form-type-checkbox label, +.comment-form .form-radios label { + float: none; + margin-top: 0; +} +.comment-form input.form-file { + width: auto; +} +.no-sidebars .comment-form .form-text { + width: 800px; +} +.one-sidebar .comment-form .form-text { + width: 500px; +} +.two-sidebars .comment-form .form-text { + width: 320px; +} +.comment-form .form-item .description { + font-size: 0.786em; + line-height: 1.2; + margin-left: 120px; /* LTR */ +} +#content h2.comment-form { + margin-bottom: 0.5em; +} +.comment-form .form-textarea { + -khtml-border-radius-topleft: 4px; + -khtml-border-radius-topright: 4px; + -moz-border-radius-topleft: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-left-radius: 4px; + -webkit-border-top-right-radius: 4px; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.comment-form fieldset.filter-wrapper .fieldset-wrapper, +.comment-form .text-format-wrapper .form-item { + margin-top: 0; + margin-bottom: 0; +} +.filter-wrapper label { + width: auto; + float: none; +} +.filter-wrapper .form-select { + min-width: 120px; +} +.comment-form fieldset.filter-wrapper .tips { + font-size: 0.786em; +} +#comment-body-add-more-wrapper .form-type-textarea label { + margin-bottom: 0.4em; +} +#edit-actions input { + margin-right: 0.6em; /* LTR */ +} + +/* -------------- Other Overrides ------------- */ + +div.password-suggestions { + border: 0; +} +.ui-widget-overlay { + background: #222222; + opacity: 0.7; +} +div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane { + padding: 1em; +} +#forum .name { + font-size: 1.083em; +} +#forum .description { + font-size: 1em; +} + +/* --------------- Search Form ---------------- */ + +#block-search-form { + padding-bottom: 7px; +} +#block-search-form .content { + margin-top: 0; +} +#search-form input#edit-keys, +#block-search-form .form-item-search-block-form input { + float: left; /* LTR */ + font-size: 1em; + height: 1.143em; + margin-right: 5px; + width: 9em; +} +#search-block-form input.form-submit, +#search-form input.form-submit { + margin-left: 0; + margin-right: 0; + height: 25px; + width: 34px; + padding: 0; + cursor: pointer; + text-indent: -9999px; + border-color: #e4e4e4 #d2d2d2 #b4b4b4; + background: url(../images/search-button.png) no-repeat center top; + overflow: hidden; +} +#search-block-form input.form-submit:hover, +#search-block-form input.form-submit:focus, +#search-form input.form-submit:hover, +#search-form input.form-submit:focus { + background-position: center bottom; +} +#search-form .form-item-keys label { + display: block; +} + +/* --------------- Search Results ---------------- */ +ol.search-results { + padding-left: 0; +} +.search-results li { + border-bottom: 1px solid #d3d7d9; + padding-bottom: 0.4285em; + margin-bottom: 0.5em; +} +.search-results li:last-child { + border-bottom: none; + padding-bottom: 0; + margin-bottom: 1em; +} +.search-results .search-snippet-info { + padding-left: 0; +} + +/* -------------- Shortcut Links -------------- */ + +.shortcut-wrapper { + margin: 2.2em 0 1.1em 0; /* Same as usual h1#page-title margin. */ +} +.shortcut-wrapper h1#page-title { + float: left; /* LTR */ + margin: 0; +} +div.add-or-remove-shortcuts { + padding-top: 0.9em; +} +.overlay div.add-or-remove-shortcuts { + padding-top: 0.8em; +} + +/* ---------- Admin-specific Theming ---------- */ + +.page-admin #content img { + margin-right: 15px; /* LTR */ +} +.page-admin #content .simpletest-image img { + margin: 0; +} +.page-admin-structure-block-demo .block-region { + background: #ffff66; + border: 1px dotted #9f9e00; + color: #000; + font: 90% "Lucida Grande", "Lucida Sans Unicode", sans-serif; + margin: 5px; + padding: 5px; + text-align: center; + text-shadow: none; +} +.page-admin-structure-block-demo #featured .block-region { + font-size: 0.55em; +} +.page-admin-structure-block-demo #header .block-region { + width: 500px; +} +.page-admin #admin-dblog img { + margin: 0 5px; +} +/* Fix spacing when Seven is used in the overlay. */ +#system-theme-settings fieldset { + padding: 0; +} +#system-theme-settings fieldset .fieldset-legend { + margin-top: 0; +} +/* Configuration. */ +div.admin .right, +div.admin .left { + width: 49%; + margin: 0; +} +div.admin-panel { + background: #fbfbfb; + border: 1px solid #ccc; + margin: 10px 0; + padding: 0 5px 5px; +} +div.admin-panel h3 { + margin: 16px 7px; +} +div.admin-panel dt { + border-top: 1px solid #ccc; + padding: 7px 0 0; +} +div.admin-panel dd { + margin: 0 0 10px; +} +div.admin-panel .description { + margin: 0 0 14px 7px; +} + +/* ---------- Overlay layout styles ----------- */ + +.overlay #main, +.overlay #content { + width: auto; + float: none; +} +.overlay #page { + padding: 0 2em; +} +.overlay .region-page-top, +.overlay #header, +.overlay #page-title, +.overlay #featured, +.overlay #sidebar-first, +.overlay #triptych-wrapper, +.overlay #footer-wrapper { + display: none; +} +.overlay-processed .field-type-image { + display: block; + float: none; +} +.overlay #messages { + width: auto; +} + +/* ---------- Poll ----------- */ + +.node .poll { + margin: 2em 0; +} +.node .poll #edit-choice { + margin: 0 0 1.5em; +} +.poll .vote-form { + text-align: left; /* LTR */ +} +.poll .vote-form .choices { + margin: 0; +} +.poll .percent { + font-size: 0.857em; + font-style: italic; + margin-bottom: 3em; + margin-top: -3.2em; + float: right; + text-align: right; +} +.poll .text { + clear: right; + margin-right: 2.25em; +} +.poll .total { + font-size: 0.929em; + font-style: italic; + text-align: right; /* LTR */ + clear: both; +} +.node .poll { + margin: 1.8em 0 0; +} +.node .poll .text { + margin-right: 6.75em; +} +.node .poll #edit-choice { + margin: 0 0 1.2em; +} +.poll .bar .foreground { + background-color: #666; +} +#footer-wrapper .poll .bar { + background-color: #666; +} +#footer-wrapper .poll .bar .foreground { + background-color: #ddd; +}