style.css

Same filename in this branch
  1. 7.x themes/seven/style.css
  2. 7.x themes/garland/style.css
/* ---------- 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;
}

File

themes/bartik/css/style.css

View source
  1. /* ---------- Overall Specifications ---------- */
  2. body {
  3. line-height: 1.5;
  4. font-size: 87.5%;
  5. word-wrap: break-word;
  6. margin: 0;
  7. padding: 0;
  8. border: 0;
  9. outline: 0;
  10. }
  11. a:link,
  12. a:visited {
  13. text-decoration: none;
  14. }
  15. a:hover,
  16. a:active,
  17. a:focus {
  18. text-decoration: underline;
  19. }
  20. h1,
  21. h2,
  22. h3,
  23. h4,
  24. h5,
  25. h6 {
  26. margin: 1.0em 0 0.5em;
  27. font-weight: inherit;
  28. }
  29. h1 {
  30. font-size: 1.357em;
  31. color: #000;
  32. }
  33. h2 {
  34. font-size: 1.143em;
  35. }
  36. p {
  37. margin: 0 0 1.2em;
  38. }
  39. del {
  40. text-decoration: line-through;
  41. }
  42. tr.odd {
  43. background-color: #dddddd;
  44. }
  45. img {
  46. outline: 0;
  47. }
  48. code,
  49. pre,
  50. kbd,
  51. samp,
  52. var {
  53. padding: 0 0.4em;
  54. font-size: 0.857em;
  55. font-family: Menlo, Consolas, "Andale Mono", "Lucida Console", "Nimbus Mono L", "DejaVu Sans Mono", monospace, "Courier New";
  56. }
  57. code {
  58. background-color: #f2f2f2;
  59. background-color: rgba(40, 40, 0, 0.06);
  60. }
  61. pre code,
  62. pre kbd,
  63. pre samp,
  64. pre var,
  65. kbd kbd,
  66. kbd samp,
  67. code var {
  68. font-size: 100%;
  69. background-color: transparent;
  70. }
  71. pre code,
  72. pre samp,
  73. pre var {
  74. padding: 0;
  75. }
  76. .description code {
  77. font-size: 1em;
  78. }
  79. kbd {
  80. background-color: #f2f2f2;
  81. border: 1px outset #575757;
  82. margin: 0 3px;
  83. color: #666;
  84. display: inline-block;
  85. padding: 0 6px;
  86. -khtml-border-radius: 5px;
  87. -moz-border-radius: 5px;
  88. -webkit-border-radius: 5px;
  89. border-radius: 5px;
  90. }
  91. pre {
  92. background-color: #f2f2f2;
  93. background-color: rgba(40, 40, 0, 0.06);
  94. margin: 10px 0;
  95. overflow: hidden;
  96. padding: 15px;
  97. white-space: pre-wrap;
  98. }
  99. /* ------------------ Fonts ------------------ */
  100. body,
  101. #site-slogan,
  102. .ui-widget,
  103. .comment-form label {
  104. font-family: Georgia, "Times New Roman", Times, serif;
  105. }
  106. #header,
  107. #footer-wrapper,
  108. #skip-link,
  109. ul.contextual-links,
  110. ul.links,
  111. ul.primary,
  112. .item-list .pager,
  113. div.field-type-taxonomy-term-reference,
  114. div.messages,
  115. div.meta,
  116. p.comment-time,
  117. table,
  118. .breadcrumb {
  119. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  120. }
  121. input,
  122. textarea,
  123. select,
  124. a.button {
  125. font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  126. }
  127. /* ------------------ Reset Styles ------------------ */
  128. caption {
  129. text-align: left; /* LTR */
  130. font-weight: normal;
  131. }
  132. blockquote {
  133. background: #f7f7f7;
  134. border-left: 1px solid #bbb;
  135. font-style: italic;
  136. margin: 1.5em 10px;
  137. padding: 0.5em 10px;
  138. }
  139. blockquote:before {
  140. color: #bbb;
  141. content: "\201C";
  142. font-size: 3em;
  143. line-height: 0.1em;
  144. margin-right: 0.2em;
  145. vertical-align: -.4em;
  146. }
  147. blockquote:after {
  148. color: #bbb;
  149. content: "\201D";
  150. font-size: 3em;
  151. line-height: 0.1em;
  152. vertical-align: -.45em;
  153. }
  154. blockquote > p:first-child {
  155. display: inline;
  156. }
  157. a.feed-icon {
  158. display: inline-block;
  159. padding: 15px 0 0 0;
  160. }
  161. /* ------------------ Table Styles ------------------ */
  162. table {
  163. border: 0;
  164. border-spacing: 0;
  165. font-size: 0.857em;
  166. margin: 10px 0;
  167. width: 100%;
  168. }
  169. table table {
  170. font-size: 1em;
  171. }
  172. #footer-wrapper table {
  173. font-size: 1em;
  174. }
  175. table tr th {
  176. background: #757575;
  177. background: rgba(0, 0, 0, 0.51);
  178. border-bottom-style: none;
  179. }
  180. table tr th,
  181. table tr th a,
  182. table tr th a:hover {
  183. color: #FFF;
  184. font-weight: bold;
  185. }
  186. table tbody tr th {
  187. vertical-align: top;
  188. }
  189. tr td,
  190. tr th {
  191. padding: 4px 9px;
  192. border: 1px solid #fff;
  193. text-align: left; /* LTR */
  194. }
  195. #footer-wrapper tr td,
  196. #footer-wrapper tr th {
  197. border-color: #555;
  198. border-color: rgba(255, 255, 255, 0.18);
  199. }
  200. tr.odd {
  201. background: #e4e4e4;
  202. background: rgba(0, 0, 0, 0.105);
  203. }
  204. tr,
  205. tr.even {
  206. background: #efefef;
  207. background: rgba(0, 0, 0, 0.063);
  208. }
  209. table ul.links {
  210. margin: 0;
  211. padding: 0;
  212. font-size: 1em;
  213. }
  214. table ul.links li {
  215. padding: 0 1em 0 0;
  216. }
  217. /* ------------------ List Styles ------------------ */
  218. .block ol,
  219. .block ul {
  220. margin: 0;
  221. padding: 0 0 0.25em 1em; /* LTR */
  222. }
  223. .contextual-links-wrapper {
  224. font-size: small !important;
  225. }
  226. ul.contextual-links {
  227. font-size: 0.923em;
  228. }
  229. .contextual-links-wrapper a {
  230. text-shadow: 0 0 0 !important;
  231. }
  232. .item-list .pager {
  233. font-size: 0.929em;
  234. }
  235. ul.menu li {
  236. margin: 0;
  237. }
  238. .region-content ul,
  239. .region-content ol {
  240. margin: 1em 0;
  241. padding: 0 0 0.25em 2.5em; /* LTR */
  242. }
  243. .item-list ul li {
  244. margin: 0;
  245. padding: 0.2em 0.5em 0 0; /* LTR */
  246. }
  247. ul.tips {
  248. padding: 0 0 0 1.25em; /* LTR */
  249. }
  250. /* ------------------ Header ------------------ */
  251. #skip-link {
  252. left: 50%;
  253. margin-left: -5.25em;
  254. margin-top: 0;
  255. position: absolute;
  256. width: auto;
  257. z-index: 50;
  258. }
  259. #skip-link a,
  260. #skip-link a:link,
  261. #skip-link a:visited {
  262. background: #444;
  263. background: rgba(0, 0, 0, 0.6);
  264. color: #fff;
  265. display: block;
  266. font-size: 0.94em;
  267. line-height: 1.7;
  268. padding: 1px 10px 2px 10px;
  269. text-decoration: none;
  270. -khtml-border-radius: 0 0 10px 10px;
  271. -moz-border-radius: 0 0 10px 10px;
  272. -webkit-border-top-left-radius: 0;
  273. -webkit-border-top-right-radius: 0;
  274. -webkit-border-bottom-left-radius: 10px;
  275. -webkit-border-bottom-right-radius: 10px;
  276. border-radius: 0 0 10px 10px;
  277. }
  278. #skip-link a:hover,
  279. #skip-link a:active,
  280. #skip-link a:focus {
  281. outline: 0;
  282. }
  283. #logo {
  284. float: left; /* LTR */
  285. padding: 15px 15px 15px 10px; /* LTR */
  286. }
  287. #name-and-slogan {
  288. float: left; /* LTR */
  289. padding-top: 34px;
  290. margin: 0 0 30px 15px; /* LTR */
  291. }
  292. #site-name {
  293. font-size: 1.821em;
  294. color: #686868;
  295. line-height: 1;
  296. }
  297. h1#site-name {
  298. margin: 0;
  299. }
  300. #site-name a {
  301. font-weight: normal;
  302. }
  303. #site-slogan {
  304. font-size: 0.929em;
  305. margin-top: 7px;
  306. word-spacing: 0.1em;
  307. font-style: italic;
  308. }
  309. /* Region header blocks. */
  310. .region-header .block {
  311. font-size: 0.857em;
  312. float: left; /* LTR */
  313. margin: 0 10px;
  314. padding: 0;
  315. }
  316. .region-header .block .content {
  317. margin: 0;
  318. padding: 0;
  319. }
  320. .region-header .block ul {
  321. margin: 0;
  322. padding: 0;
  323. }
  324. .region-header .block li {
  325. list-style: none;
  326. list-style-image: none;
  327. padding: 0;
  328. }
  329. .region-header .form-text {
  330. background: #fefefe;
  331. background: rgba(255, 255, 255, 0.7);
  332. border-color: #ccc;
  333. border-color: rgba(255, 255, 255, 0.3);
  334. margin-right: 2px; /* LTR */
  335. width: 120px;
  336. }
  337. .region-header .form-text:hover,
  338. .region-header .form-text:focus,
  339. .region-header .form-text:active {
  340. background: #fff;
  341. background: rgba(255, 255, 255, 0.8);
  342. }
  343. .region-header .form-required {
  344. color: #eee;
  345. color: rgba(255, 255, 255, 0.7);
  346. }
  347. /* Region header block menus. */
  348. .region-header .block-menu {
  349. border: 1px solid;
  350. border-color: #eee;
  351. border-color: rgba(255, 255, 255, 0.2);
  352. padding: 0;
  353. width: 208px;
  354. }
  355. .region-header .block-menu li a {
  356. display: block;
  357. border-bottom: 1px solid;
  358. border-bottom-color: #eee;
  359. border-bottom-color: rgba(255, 255, 255, 0.2);
  360. padding: 3px 7px;
  361. }
  362. .region-header .block-menu li a:hover,
  363. .region-header .block-menu li a:focus,
  364. .region-header .block-menu li a:active {
  365. text-decoration: none;
  366. background: rgba(255, 255, 255, 0.15);
  367. }
  368. .region-header .block-menu li.last a {
  369. border-bottom: 0;
  370. }
  371. /* User Login block in the header region */
  372. .region-header #block-user-login {
  373. width: auto;
  374. }
  375. .region-header #block-user-login .content {
  376. margin-top: 2px;
  377. }
  378. .region-header #block-user-login .form-item {
  379. float: left; /* LTR */
  380. margin: 0;
  381. padding: 0;
  382. }
  383. .region-header #block-user-login div.item-list,
  384. .region-header #block-user-login div.description {
  385. font-size: 0.916em;
  386. margin: 0;
  387. }
  388. .region-header #block-user-login div.item-list {
  389. clear: both;
  390. }
  391. .region-header #block-user-login div.description {
  392. display: inline;
  393. }
  394. .region-header #block-user-login .item-list ul {
  395. padding: 0;
  396. line-height: 1;
  397. }
  398. .region-header #block-user-login .item-list li {
  399. list-style: none;
  400. float: left; /* LTR */
  401. padding: 3px 0 1px;
  402. }
  403. .region-header #block-user-login .item-list li.last {
  404. padding-left: 0.5em; /* LTR */
  405. }
  406. .region-header #block-user-login ul.openid-links li.last {
  407. padding-left: 0; /* LTR */
  408. }
  409. .region-header #user-login-form li.openid-link a,
  410. .region-header #user-login li.openid-link a {
  411. padding-left: 20px; /* LTR */
  412. }
  413. .region-header #block-user-login .form-actions {
  414. margin: 4px 0 0;
  415. padding: 0;
  416. clear: both;
  417. }
  418. .region-header #block-user-login input.form-submit {
  419. border: 1px solid;
  420. border-color: #ccc;
  421. border-color: rgba(255, 255, 255, 0.5);
  422. background: #eee;
  423. background: rgba(255, 255, 255, 0.7);
  424. margin: 4px 0;
  425. padding: 3px 8px;
  426. }
  427. .region-header #block-user-login input.form-submit:hover,
  428. .region-header #block-user-login input.form-submit:focus {
  429. background: #fff;
  430. background: rgba(255, 255, 255, 0.9);
  431. }
  432. /* Search block in region header. */
  433. .region-header #block-search-form {
  434. width: 208px;
  435. }
  436. .region-header #block-search-form .form-text {
  437. width: 154px;
  438. }
  439. /* Language switcher block in region header. */
  440. .region-header .block-locale ul li {
  441. display: inline;
  442. padding: 0 0.5em;
  443. }
  444. /* --------------- Main Menu ------------ */
  445. #main-menu {
  446. clear: both;
  447. }
  448. #main-menu-links {
  449. font-size: 0.929em;
  450. margin: 0;
  451. padding: 0 15px;
  452. }
  453. #main-menu-links li {
  454. float: left; /* LTR */
  455. list-style: none;
  456. padding: 0 1px;
  457. margin: 0 1px;
  458. }
  459. #main-menu-links a {
  460. color: #333;
  461. background: #ccc;
  462. background: rgba(255, 255, 255, 0.7);
  463. float: left; /* LTR */
  464. height: 2.4em;
  465. line-height: 2.4em;
  466. padding: 0 0.8em;
  467. text-decoration: none;
  468. text-shadow: 0 1px #eee;
  469. -khtml-border-radius-topleft: 8px;
  470. -khtml-border-radius-topright: 8px;
  471. -moz-border-radius-topleft: 8px;
  472. -moz-border-radius-topright: 8px;
  473. -webkit-border-top-left-radius: 8px;
  474. -webkit-border-top-right-radius: 8px;
  475. border-top-left-radius: 8px;
  476. border-top-right-radius: 8px;
  477. }
  478. #main-menu-links a:hover,
  479. #main-menu-links a:focus {
  480. background: #f6f6f2;
  481. background: rgba(255, 255, 255, 0.95);
  482. }
  483. #main-menu-links a:active {
  484. background: #b3b3b3;
  485. background: rgba(255, 255, 255, 1);
  486. }
  487. #main-menu-links li a.active {
  488. border-bottom: none;
  489. }
  490. .featured #main-menu-links li a:active,
  491. .featured #main-menu-links li a.active {
  492. background: #f0f0f0;
  493. background: rgba(240, 240, 240, 1.0);
  494. }
  495. /* --------------- Secondary Menu ------------ */
  496. #secondary-menu-links {
  497. float: right; /* LTR */
  498. font-size: 0.929em;
  499. margin: 10px 10px 0;
  500. }
  501. #secondary-menu-links a:hover,
  502. #secondary-menu-links a:focus {
  503. text-decoration: underline;
  504. }
  505. /* ------------------- Main ------------------- */
  506. #main {
  507. margin-top: 20px;
  508. margin-bottom: 40px;
  509. }
  510. /* ----------------- Featured ----------------- */
  511. #featured {
  512. text-align: center;
  513. font-size: 1.643em;
  514. font-weight: normal;
  515. line-height: 1.4;
  516. padding: 20px 0 45px;
  517. margin: 0;
  518. background: #f0f0f0;
  519. background: rgba(30, 50, 10, 0.08);
  520. border-bottom: 1px solid #e7e7e7;
  521. text-shadow: 1px 1px #fff;
  522. }
  523. #featured h2 {
  524. font-size: 1.174em;
  525. line-height: 1;
  526. }
  527. #featured p {
  528. margin: 0;
  529. padding: 0;
  530. }
  531. /* --------------- Highlighted ---------------- */
  532. #highlighted {
  533. border-bottom: 1px solid #d3d7d9;
  534. font-size: 120%;
  535. }
  536. /* ------------------- Help ------------------- */
  537. .region-help {
  538. border: 1px solid #d3d7d9;
  539. padding: 0 1.5em;
  540. margin-bottom: 30px;
  541. }
  542. /* ----------------- Content ------------------ */
  543. .content {
  544. margin-top: 10px;
  545. }
  546. h1#page-title {
  547. font-size: 2em;
  548. line-height: 1;
  549. }
  550. #content h2 {
  551. margin-bottom: 2px;
  552. font-size: 1.429em;
  553. line-height: 1.4;
  554. }
  555. .node .content {
  556. font-size: 1.071em;
  557. }
  558. .node-teaser .content {
  559. font-size: 1em;
  560. }
  561. .node-teaser h2 {
  562. margin-top: 0;
  563. padding-top: 0.5em;
  564. }
  565. .node-teaser h2 a {
  566. color: #181818;
  567. }
  568. .node-teaser {
  569. border-bottom: 1px solid #d3d7d9;
  570. margin-bottom: 30px;
  571. padding-bottom: 15px;
  572. }
  573. .node-sticky {
  574. background: #f9f9f9;
  575. background: rgba(0, 0, 0, 0.024);
  576. border: 1px solid #d3d7d9;
  577. padding: 0 15px 15px;
  578. }
  579. .node-full {
  580. background: none;
  581. border: none;
  582. padding: 0;
  583. }
  584. .node-teaser .content {
  585. clear: none;
  586. line-height: 1.6;
  587. }
  588. .meta {
  589. font-size: 0.857em;
  590. color: #68696b;
  591. margin-bottom: -5px;
  592. }
  593. .submitted .user-picture img {
  594. float: left; /* LTR */
  595. height: 20px;
  596. margin: 1px 5px 0 0; /* LTR */
  597. }
  598. .field-type-taxonomy-term-reference {
  599. margin: 0 0 1.2em;
  600. }
  601. .field-type-taxonomy-term-reference .field-label {
  602. font-weight: normal;
  603. margin: 0;
  604. padding-right: 5px; /* LTR */
  605. }
  606. .field-type-taxonomy-term-reference .field-label,
  607. .field-type-taxonomy-term-reference ul.links {
  608. font-size: 0.8em;
  609. }
  610. .node-teaser .field-type-taxonomy-term-reference .field-label,
  611. .node-teaser .field-type-taxonomy-term-reference ul.links {
  612. font-size: 0.821em;
  613. }
  614. .field-type-taxonomy-term-reference ul.links {
  615. padding: 0;
  616. margin: 0;
  617. list-style: none;
  618. }
  619. .field-type-taxonomy-term-reference ul.links li {
  620. float: left; /* LTR */
  621. padding: 0 1em 0 0; /* LTR */
  622. white-space: nowrap;
  623. }
  624. .link-wrapper {
  625. text-align: right;
  626. }
  627. .field-type-image img,
  628. .user-picture img {
  629. margin: 0 0 1em;
  630. }
  631. ul.links {
  632. color: #68696b;
  633. font-size: 0.821em;
  634. }
  635. .node-unpublished {
  636. margin: -20px -15px 0;
  637. padding: 20px 15px 0;
  638. }
  639. .node-unpublished .comment-text .comment-arrow {
  640. border-left: 1px solid #fff4f4;
  641. border-right: 1px solid #fff4f4;
  642. }
  643. /* ----------------- Comments ----------------- */
  644. .comment h2.title {
  645. margin-bottom: 1em;
  646. }
  647. .comment div.user-picture img {
  648. margin-left: 0; /* LTR */
  649. }
  650. .comment {
  651. margin-bottom: 20px;
  652. display: table;
  653. vertical-align: top;
  654. }
  655. .comment .attribution {
  656. display: table-cell;
  657. padding: 0 30px 0 0; /* LTR */
  658. vertical-align: top;
  659. overflow: hidden;
  660. }
  661. .comment .attribution img {
  662. margin: 0;
  663. border: 1px solid #d3d7d9;
  664. }
  665. .comment .attribution .username {
  666. white-space: nowrap;
  667. }
  668. .comment .submitted p {
  669. margin: 4px 0;
  670. font-size: 1.071em;
  671. line-height: 1.2;
  672. }
  673. .comment .submitted .comment-time {
  674. font-size: 0.786em;
  675. color: #68696b;
  676. }
  677. .comment .submitted .comment-permalink {
  678. font-size: 0.786em;
  679. }
  680. .comment .content {
  681. font-size: 0.929em;
  682. line-height: 1.6;
  683. }
  684. .comment .comment-arrow {
  685. background: url(../images/comment-arrow.gif) no-repeat 0 center transparent; /* LTR */
  686. border-left: 1px solid;
  687. border-right: 1px solid;
  688. height: 40px;
  689. margin-left: -47px; /* LTR */
  690. margin-top: 10px;
  691. position: absolute;
  692. width: 20px;
  693. }
  694. .comment .comment-text {
  695. padding: 10px 25px;
  696. border: 1px solid #d3d7d9;
  697. display: table-cell;
  698. vertical-align: top;
  699. position: relative;
  700. width: 100%;
  701. }
  702. .comment .indented {
  703. margin-left: 40px; /* LTR */
  704. }
  705. .comment ul.links {
  706. padding: 0 0 0.25em 0;
  707. }
  708. .comment ul.links li {
  709. padding: 0 0.5em 0 0; /* LTR */
  710. }
  711. .comment-unpublished {
  712. margin-right: 5px; /* LTR */
  713. padding: 5px 2px 5px 5px; /* LTR */
  714. }
  715. .comment-unpublished .comment-text .comment-arrow {
  716. border-left: 1px solid #fff4f4;
  717. border-right: 1px solid #fff4f4;
  718. }
  719. /* ------------------ Sidebar ----------------- */
  720. .sidebar .section {
  721. padding-top: 10px;
  722. }
  723. .sidebar .block {
  724. border: 1px solid;
  725. padding: 15px 20px;
  726. margin: 0 0 20px;
  727. }
  728. .sidebar h2 {
  729. margin: 0 0 0.5em;
  730. border-bottom: 1px solid #d6d6d6;
  731. padding-bottom: 5px;
  732. text-shadow: 0 1px 0 #fff;
  733. font-size: 1.071em;
  734. line-height: 1.2;
  735. }
  736. .sidebar .block .content {
  737. font-size: 0.914em;
  738. line-height: 1.4;
  739. }
  740. .sidebar tbody {
  741. border: none;
  742. }
  743. .sidebar tr.even,
  744. .sidebar tr.odd {
  745. background: none;
  746. border-bottom: 1px solid #d6d6d6;
  747. }
  748. /* ----------------- Triptych ----------------- */
  749. #triptych-wrapper {
  750. background-color: #f0f0f0;
  751. background: rgba(30, 50, 10, 0.08);
  752. border-top: 1px solid #e7e7e7;
  753. }
  754. #triptych h2 {
  755. color: #000;
  756. font-size: 1.714em;
  757. margin-bottom: 0.8em;
  758. text-shadow: 0 1px 0 #fff;
  759. text-align: center;
  760. line-height: 1;
  761. }
  762. #triptych .block {
  763. margin-bottom: 2em;
  764. padding-bottom: 2em;
  765. border-bottom: 1px solid #dfdfdf;
  766. line-height: 1.3;
  767. }
  768. #triptych .block.last {
  769. border-bottom: none;
  770. }
  771. #triptych .block ul li,
  772. #triptych .block ol li {
  773. list-style: none;
  774. }
  775. #triptych .block ul,
  776. #triptych .block ol {
  777. padding-left: 0;
  778. }
  779. #triptych #block-user-login .form-text {
  780. width: 185px;
  781. }
  782. #triptych #block-user-online p {
  783. margin-bottom: 0;
  784. }
  785. #triptych #block-node-syndicate h2 {
  786. overflow: hidden;
  787. width: 0;
  788. height: 0;
  789. }
  790. #triptych-last #block-node-syndicate {
  791. text-align: right;
  792. }
  793. #triptych #block-search-form .form-type-textfield input {
  794. width: 185px;
  795. }
  796. #triptych-middle #block-system-powered-by {
  797. text-align: center;
  798. }
  799. #triptych-last #block-system-powered-by {
  800. text-align: right;
  801. }
  802. /* ------------------ Footer ------------------ */
  803. #footer-wrapper {
  804. color: #c0c0c0;
  805. color: rgba(255, 255, 255, 0.65);
  806. font-size: 0.857em;
  807. }
  808. #footer-wrapper a {
  809. color: #fcfcfc;
  810. color: rgba(255, 255, 255, 0.8);
  811. }
  812. #footer-wrapper a:hover,
  813. #footer-wrapper a:focus {
  814. color: #fefefe;
  815. color: rgba(255, 255, 255, 0.95);
  816. text-decoration: underline;
  817. }
  818. #footer-wrapper .block {
  819. margin: 20px 0;
  820. border: 1px solid #444;
  821. border-color: rgba(255, 255, 255, 0.1);
  822. padding: 10px;
  823. }
  824. #footer-columns .block-menu,
  825. #footer .block {
  826. margin: 0;
  827. padding: 0;
  828. border: none;
  829. }
  830. #footer .block {
  831. margin: 0.5em 0;
  832. }
  833. #footer .block .content {
  834. padding: 0.5em 0;
  835. margin-top: 0;
  836. }
  837. #footer .block h2 {
  838. margin: 0;
  839. }
  840. #footer-columns h2 {
  841. border-bottom: 1px solid #555;
  842. border-color: rgba(255, 255, 255, 0.15);
  843. font-size: 1em;
  844. margin-bottom: 0;
  845. padding-bottom: 3px;
  846. text-transform: uppercase;
  847. }
  848. #footer-columns .content {
  849. margin-top: 0;
  850. }
  851. #footer-columns p {
  852. margin-top: 1em;
  853. }
  854. #footer-columns .content ul {
  855. list-style: none;
  856. padding-left: 0; /* LTR */
  857. margin-left: 0;
  858. }
  859. #footer-columns .content li {
  860. list-style: none;
  861. margin: 0;
  862. padding: 0;
  863. }
  864. #footer-columns .content li a {
  865. display: block;
  866. border-bottom: 1px solid #555;
  867. border-color: rgba(255, 255, 255, 0.15);
  868. line-height: 1.2;
  869. padding: 0.8em 2px 0.8em 20px; /* LTR */
  870. text-indent: -15px;
  871. }
  872. #footer-columns .content li a:hover,
  873. #footer-columns .content li a:focus {
  874. background-color: #1f1f21;
  875. background-color: rgba(255, 255, 255, 0.05);
  876. text-decoration: none;
  877. }
  878. #footer {
  879. letter-spacing: 0.2px;
  880. margin-top: 30px;
  881. border-top: 1px solid #555;
  882. border-color: rgba(255, 255, 255, 0.15);
  883. }
  884. #footer .region {
  885. margin-top: 20px;
  886. }
  887. #footer .block {
  888. clear: both;
  889. }
  890. #footer ul,
  891. #footer li {
  892. list-style: none;
  893. margin: 0;
  894. padding: 0;
  895. }
  896. #footer li a {
  897. float: left; /* LTR */
  898. padding: 0 12px;
  899. display: block;
  900. border-right: 1px solid #555; /* LTR */
  901. border-color: rgba(255, 255, 255, 0.15);
  902. }
  903. #footer li.first a {
  904. padding-left: 0; /* LTR */
  905. }
  906. #footer li.last a {
  907. padding-right: 0; /* LTR */
  908. border-right: none; /* LTR */
  909. }
  910. #footer-wrapper tr.odd {
  911. background-color: transparent;
  912. }
  913. #footer-wrapper tr.even {
  914. background-color: #2c2c2c;
  915. background-color: rgba(0, 0, 0, 0.15);
  916. }
  917. /* --------------- System Tabs --------------- */
  918. .tabs {
  919. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  920. margin-bottom: 20px;
  921. }
  922. .tabs ul.primary {
  923. padding: 0 3px;
  924. margin: 0;
  925. overflow: hidden;
  926. border: none;
  927. background: transparent url(../images/tabs-border.png) repeat-x left bottom;
  928. }
  929. .tabs ul.primary li {
  930. display: block;
  931. float: left; /* LTR */
  932. vertical-align: bottom;
  933. margin: 0 5px 0 0; /* LTR */
  934. }
  935. .tabs ul.primary li.active a {
  936. border-bottom: 1px solid #ffffff;
  937. }
  938. .tabs ul.primary li a {
  939. color: #000;
  940. background-color: #ededed;
  941. height: 1.8em;
  942. line-height: 1.9;
  943. display: block;
  944. font-size: 0.929em;
  945. float: left; /* not LTR */
  946. padding: 0 10px 3px;
  947. margin: 0;
  948. text-shadow: 0 1px 0 #fff;
  949. -khtml-border-radius-topleft: 6px;
  950. -moz-border-radius-topleft: 6px;
  951. -webkit-border-top-left-radius: 6px;
  952. border-top-left-radius: 6px;
  953. -khtml-border-radius-topright: 6px;
  954. -moz-border-radius-topright: 6px;
  955. -webkit-border-top-right-radius: 6px;
  956. border-top-right-radius: 6px;
  957. }
  958. .tabs ul.primary li.active a {
  959. background-color: #ffffff;
  960. }
  961. .tabs ul.secondary {
  962. border-bottom: none;
  963. padding: 0.5em 0;
  964. }
  965. .tabs ul.secondary li {
  966. display: block;
  967. float: left; /* LTR */
  968. }
  969. .tabs ul.secondary li:last-child {
  970. border-right: none; /* LTR */
  971. }
  972. .tabs ul.secondary li:first-child {
  973. padding-left: 0; /* LTR */
  974. }
  975. .tabs ul.secondary li a {
  976. padding: 0.25em 0.5em;
  977. }
  978. .tabs ul.secondary li a.active {
  979. background: #f2f2f2;
  980. border-bottom: none;
  981. -moz-border-radius: 5px;
  982. -webkit-border-radius: 5px;
  983. -khtml-border-radius: 5px;
  984. border-radius: 5px;
  985. }
  986. ul.action-links {
  987. list-style: none;
  988. margin: 5px;
  989. padding: 0.5em 1em;
  990. }
  991. ul.action-links li {
  992. display: inline-block;
  993. margin-left: 10px;
  994. }
  995. ul.action-links li a {
  996. padding-left: 15px;
  997. background: url(../images/add.png) no-repeat left center;
  998. margin: 0 10px 0 0;
  999. }
  1000. /* ---------------- Messages ----------------- */
  1001. #messages {
  1002. padding: 20px 0 5px;
  1003. margin: 0 auto;
  1004. }
  1005. .featured #messages {
  1006. background: #f0f0f0;
  1007. background: rgba(30, 50, 10, 0.08);
  1008. }
  1009. div.messages {
  1010. margin: 8px 15px;
  1011. }
  1012. /* -------------- Breadcrumbs -------------- */
  1013. .breadcrumb {
  1014. font-size: 0.929em;
  1015. }
  1016. /* -------------- User Profile -------------- */
  1017. .profile .user-picture {
  1018. float: none;
  1019. }
  1020. /* -------------- Password Meter ------------- */
  1021. .confirm-parent,
  1022. .password-parent {
  1023. width: 34em;
  1024. }
  1025. .password-parent,
  1026. div.form-item div.password-suggestions {
  1027. position: relative;
  1028. }
  1029. .password-strength-text,
  1030. .password-strength-title,
  1031. div.password-confirm {
  1032. font-size: 0.82em;
  1033. }
  1034. .password-strength-text {
  1035. margin-top: 0.2em;
  1036. }
  1037. div.password-confirm {
  1038. margin-top: 2.2em;
  1039. width: 20.73em;
  1040. }
  1041. /* ---------------- Buttons ---------------- */
  1042. input.form-submit,
  1043. a.button {
  1044. background: #fff url(../images/buttons.png) 0 0 repeat-x;
  1045. border: 1px solid #e4e4e4;
  1046. border-bottom: 1px solid #b4b4b4;
  1047. border-left-color: #d2d2d2;
  1048. border-right-color: #d2d2d2;
  1049. color: #3a3a3a;
  1050. cursor: pointer;
  1051. font-size: 0.929em;
  1052. font-weight: normal;
  1053. text-align: center;
  1054. margin-bottom: 1em;
  1055. margin-right: 0.6em; /* LTR */
  1056. padding: 4px 17px;
  1057. -khtml-border-radius: 15px;
  1058. -moz-border-radius: 20px;
  1059. -webkit-border-radius: 15px;
  1060. border-radius: 15px;
  1061. }
  1062. a.button:link,
  1063. a.button:visited,
  1064. a.button:hover,
  1065. a.button:focus,
  1066. a.button:active {
  1067. text-decoration: none;
  1068. color: #5a5a5a;
  1069. }
  1070. /* -------------- Form Elements ------------- */
  1071. fieldset {
  1072. background: #ffffff;
  1073. border: 1px solid #cccccc;
  1074. margin-top: 10px;
  1075. margin-bottom: 32px;
  1076. padding: 0 0 10px;
  1077. position: relative;
  1078. top: 12px; /* Offsets the negative margin of legends */
  1079. -khtml-border-radius: 4px;
  1080. -moz-border-radius: 4px;
  1081. -webkit-border-radius: 4px;
  1082. border-radius: 4px;
  1083. }
  1084. .fieldset-wrapper {
  1085. margin-top: 25px;
  1086. }
  1087. .node-form .vertical-tabs .fieldset-wrapper {
  1088. margin-top: 0;
  1089. }
  1090. .filter-wrapper {
  1091. top: 0;
  1092. padding: 1em 0 0.2em;
  1093. -khtml-border-radius-topright: 0;
  1094. -khtml-border-radius-topleft: 0;
  1095. -moz-border-radius-topright: 0;
  1096. -moz-border-radius-topleft: 0;
  1097. -webkit-border-top-left-radius: 0;
  1098. -webkit-border-top-right-radius: 0;
  1099. border-top-left-radius: 0;
  1100. border-top-right-radius: 0;
  1101. }
  1102. .filter-help a {
  1103. font-size: 0.857em;
  1104. padding: 2px 20px 0;
  1105. }
  1106. .filter-wrapper .form-item label {
  1107. margin-right: 10px;
  1108. }
  1109. .filter-wrapper .form-item {
  1110. padding: 0 0 0.5em 0.5em;
  1111. }
  1112. .filter-guidelines {
  1113. padding: 0 1.5em 0 0.5em;
  1114. }
  1115. fieldset.collapsed {
  1116. background: transparent;
  1117. -khtml-border-radius: 0;
  1118. -moz-border-radius: 0;
  1119. -webkit-border-radius: 0;
  1120. border-radius: 0;
  1121. }
  1122. fieldset legend {
  1123. background: #dbdbdb;
  1124. border: 1px solid #ccc;
  1125. border-bottom: none;
  1126. color: #3b3b3b;
  1127. display: block;
  1128. height: 2em;
  1129. left: -1px; /* LTR */
  1130. font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  1131. line-height: 2;
  1132. padding: 0;
  1133. position: absolute;
  1134. text-indent: 10px;
  1135. text-shadow: 0 1px 0 #fff;
  1136. top: -12px;
  1137. width: 100%;
  1138. -khtml-border-radius-topleft: 4px;
  1139. -moz-border-radius-topleft: 4px;
  1140. -webkit-border-top-left-radius: 4px;
  1141. border-top-left-radius: 4px;
  1142. -khtml-border-radius-topright: 4px;
  1143. -moz-border-radius-topright: 4px;
  1144. -webkit-border-top-right-radius: 4px;
  1145. border-top-right-radius: 4px;
  1146. }
  1147. fieldset.collapsed legend {
  1148. -khtml-border-radius: 4px;
  1149. -moz-border-radius: 4px;
  1150. -webkit-border-radius: 4px;
  1151. border-radius: 4px;
  1152. }
  1153. fieldset legend a {
  1154. color: #3b3b3b;
  1155. }
  1156. fieldset legend a:hover,
  1157. fieldset legend a:focus,
  1158. fieldset legend a:active {
  1159. color: #000;
  1160. }
  1161. fieldset .fieldset-wrapper {
  1162. padding: 0 10px;
  1163. }
  1164. fieldset .fieldset-description {
  1165. margin-top: 5px;
  1166. margin-bottom: 1em;
  1167. line-height: 1.4;
  1168. color: #3c3c3c;
  1169. font-style: italic;
  1170. }
  1171. input {
  1172. margin: 2px 0;
  1173. padding: 4px;
  1174. }
  1175. input,
  1176. textarea {
  1177. font-size: 0.929em;
  1178. }
  1179. textarea {
  1180. line-height: 1.5;
  1181. }
  1182. textarea.form-textarea,
  1183. select.form-select {
  1184. padding: 4px;
  1185. }
  1186. input.form-text,
  1187. textarea.form-textarea,
  1188. select.form-select {
  1189. border: 1px solid #ccc;
  1190. }
  1191. input.form-submit:hover,
  1192. input.form-submit:focus {
  1193. background: #dedede;
  1194. }
  1195. .password-suggestions ul li {
  1196. margin-left: 1.2em; /* LTR */
  1197. }
  1198. .form-item {
  1199. margin-bottom: 1em;
  1200. margin-top: 2px;
  1201. }
  1202. .form-item label {
  1203. font-size: 0.929em;
  1204. }
  1205. .form-type-radio label,
  1206. .form-type-checkbox label {
  1207. margin-left: 4px;
  1208. }
  1209. .form-type-radio .description,
  1210. .form-type-checkbox .description {
  1211. margin-left: 2px;
  1212. }
  1213. .form-actions {
  1214. padding-top: 10px;
  1215. }
  1216. /* Contact Form */
  1217. .contact-form #edit-name {
  1218. width: 75%;
  1219. -khtml-border-radius: 4px;
  1220. -moz-border-radius: 4px;
  1221. -webkit-border-radius: 4px;
  1222. border-radius: 4px;
  1223. }
  1224. .contact-form #edit-mail {
  1225. width: 75%;
  1226. -khtml-border-radius: 4px;
  1227. -moz-border-radius: 4px;
  1228. -webkit-border-radius: 4px;
  1229. border-radius: 4px;
  1230. }
  1231. .contact-form #edit-subject {
  1232. width: 75%;
  1233. -khtml-border-radius: 4px;
  1234. -moz-border-radius: 4px;
  1235. -webkit-border-radius: 4px;
  1236. border-radius: 4px;
  1237. }
  1238. .contact-form #edit-message {
  1239. width: 76.3%;
  1240. -khtml-border-top-left-radius: 4px;
  1241. -khtml-border-top-right-radius: 4px;
  1242. -moz-border-radius-topleft: 4px;
  1243. -moz-border-radius-topright: 4px;
  1244. -webkit-border-top-left-radius: 4px;
  1245. -webkit-border-top-right-radius: 4px;
  1246. border-top-left-radius: 4px;
  1247. border-top-right-radius: 4px;
  1248. }
  1249. .contact-form .resizable-textarea .grippie {
  1250. width: 76%;
  1251. -khtml-border-bottom-left-radius: 4px;
  1252. -khtml-border-bottom-right-radius: 4px;
  1253. -moz-border-radius-bottomleft: 4px;
  1254. -moz-border-radius-bottomright: 4px;
  1255. -webkit-border-bottom-left-radius: 4px;
  1256. -webkit-border-bottom-right-radius: 4px;
  1257. border-bottom-left-radius: 4px;
  1258. border-bottom-right-radius: 4px;
  1259. }
  1260. /* Disabled form elements */
  1261. input.form-button-disabled,
  1262. input.form-button-disabled:hover,
  1263. input.form-button-disabled:focus,
  1264. input.form-button-disabled:active,
  1265. .form-disabled input,
  1266. .form-disabled select,
  1267. .form-disabled textarea {
  1268. background: #ededed;
  1269. border-color: #bbb;
  1270. color: #717171;
  1271. }
  1272. .form-disabled .grippie {
  1273. background-color: #ededed;
  1274. border-color: #bbb;
  1275. }
  1276. .form-disabled label {
  1277. color: #717171;
  1278. }
  1279. /* Comment form */
  1280. .comment-form label {
  1281. float: left; /* LTR */
  1282. font-size: 0.929em;
  1283. width: 120px;
  1284. }
  1285. .comment-form input,
  1286. .comment-form .form-select {
  1287. margin: 0;
  1288. -khtml-border-radius: 4px;
  1289. -moz-border-radius: 4px;
  1290. -webkit-border-radius: 4px;
  1291. border-radius: 4px;
  1292. }
  1293. .comment-form .form-type-textarea label {
  1294. float: none;
  1295. }
  1296. .comment-form .form-item,
  1297. .comment-form .form-radios,
  1298. .comment-form .form-type-checkbox,
  1299. .comment-form .form-select {
  1300. margin-bottom: 10px;
  1301. overflow: hidden;
  1302. }
  1303. .comment-form .form-type-checkbox,
  1304. .comment-form .form-radios {
  1305. margin-left: 120px; /* LTR */
  1306. }
  1307. .comment-form .form-type-checkbox label,
  1308. .comment-form .form-radios label {
  1309. float: none;
  1310. margin-top: 0;
  1311. }
  1312. .comment-form input.form-file {
  1313. width: auto;
  1314. }
  1315. .no-sidebars .comment-form .form-text {
  1316. width: 800px;
  1317. }
  1318. .one-sidebar .comment-form .form-text {
  1319. width: 500px;
  1320. }
  1321. .two-sidebars .comment-form .form-text {
  1322. width: 320px;
  1323. }
  1324. .comment-form .form-item .description {
  1325. font-size: 0.786em;
  1326. line-height: 1.2;
  1327. margin-left: 120px; /* LTR */
  1328. }
  1329. #content h2.comment-form {
  1330. margin-bottom: 0.5em;
  1331. }
  1332. .comment-form .form-textarea {
  1333. -khtml-border-radius-topleft: 4px;
  1334. -khtml-border-radius-topright: 4px;
  1335. -moz-border-radius-topleft: 4px;
  1336. -moz-border-radius-topright: 4px;
  1337. -webkit-border-top-left-radius: 4px;
  1338. -webkit-border-top-right-radius: 4px;
  1339. border-top-left-radius: 4px;
  1340. border-top-right-radius: 4px;
  1341. }
  1342. .comment-form fieldset.filter-wrapper .fieldset-wrapper,
  1343. .comment-form .text-format-wrapper .form-item {
  1344. margin-top: 0;
  1345. margin-bottom: 0;
  1346. }
  1347. .filter-wrapper label {
  1348. width: auto;
  1349. float: none;
  1350. }
  1351. .filter-wrapper .form-select {
  1352. min-width: 120px;
  1353. }
  1354. .comment-form fieldset.filter-wrapper .tips {
  1355. font-size: 0.786em;
  1356. }
  1357. #comment-body-add-more-wrapper .form-type-textarea label {
  1358. margin-bottom: 0.4em;
  1359. }
  1360. #edit-actions input {
  1361. margin-right: 0.6em; /* LTR */
  1362. }
  1363. /* -------------- Other Overrides ------------- */
  1364. div.password-suggestions {
  1365. border: 0;
  1366. }
  1367. .ui-widget-overlay {
  1368. background: #222222;
  1369. opacity: 0.7;
  1370. }
  1371. div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane {
  1372. padding: 1em;
  1373. }
  1374. #forum .name {
  1375. font-size: 1.083em;
  1376. }
  1377. #forum .description {
  1378. font-size: 1em;
  1379. }
  1380. /* --------------- Search Form ---------------- */
  1381. #block-search-form {
  1382. padding-bottom: 7px;
  1383. }
  1384. #block-search-form .content {
  1385. margin-top: 0;
  1386. }
  1387. #search-form input#edit-keys,
  1388. #block-search-form .form-item-search-block-form input {
  1389. float: left; /* LTR */
  1390. font-size: 1em;
  1391. height: 1.143em;
  1392. margin-right: 5px;
  1393. width: 9em;
  1394. }
  1395. #search-block-form input.form-submit,
  1396. #search-form input.form-submit {
  1397. margin-left: 0;
  1398. margin-right: 0;
  1399. height: 25px;
  1400. width: 34px;
  1401. padding: 0;
  1402. cursor: pointer;
  1403. text-indent: -9999px;
  1404. border-color: #e4e4e4 #d2d2d2 #b4b4b4;
  1405. background: url(../images/search-button.png) no-repeat center top;
  1406. overflow: hidden;
  1407. }
  1408. #search-block-form input.form-submit:hover,
  1409. #search-block-form input.form-submit:focus,
  1410. #search-form input.form-submit:hover,
  1411. #search-form input.form-submit:focus {
  1412. background-position: center bottom;
  1413. }
  1414. #search-form .form-item-keys label {
  1415. display: block;
  1416. }
  1417. /* --------------- Search Results ---------------- */
  1418. ol.search-results {
  1419. padding-left: 0;
  1420. }
  1421. .search-results li {
  1422. border-bottom: 1px solid #d3d7d9;
  1423. padding-bottom: 0.4285em;
  1424. margin-bottom: 0.5em;
  1425. }
  1426. .search-results li:last-child {
  1427. border-bottom: none;
  1428. padding-bottom: 0;
  1429. margin-bottom: 1em;
  1430. }
  1431. .search-results .search-snippet-info {
  1432. padding-left: 0;
  1433. }
  1434. /* -------------- Shortcut Links -------------- */
  1435. .shortcut-wrapper {
  1436. margin: 2.2em 0 1.1em 0; /* Same as usual h1#page-title margin. */
  1437. }
  1438. .shortcut-wrapper h1#page-title {
  1439. float: left; /* LTR */
  1440. margin: 0;
  1441. }
  1442. div.add-or-remove-shortcuts {
  1443. padding-top: 0.9em;
  1444. }
  1445. .overlay div.add-or-remove-shortcuts {
  1446. padding-top: 0.8em;
  1447. }
  1448. /* ---------- Admin-specific Theming ---------- */
  1449. .page-admin #content img {
  1450. margin-right: 15px; /* LTR */
  1451. }
  1452. .page-admin #content .simpletest-image img {
  1453. margin: 0;
  1454. }
  1455. .page-admin-structure-block-demo .block-region {
  1456. background: #ffff66;
  1457. border: 1px dotted #9f9e00;
  1458. color: #000;
  1459. font: 90% "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  1460. margin: 5px;
  1461. padding: 5px;
  1462. text-align: center;
  1463. text-shadow: none;
  1464. }
  1465. .page-admin-structure-block-demo #featured .block-region {
  1466. font-size: 0.55em;
  1467. }
  1468. .page-admin-structure-block-demo #header .block-region {
  1469. width: 500px;
  1470. }
  1471. .page-admin #admin-dblog img {
  1472. margin: 0 5px;
  1473. }
  1474. /* Fix spacing when Seven is used in the overlay. */
  1475. #system-theme-settings fieldset {
  1476. padding: 0;
  1477. }
  1478. #system-theme-settings fieldset .fieldset-legend {
  1479. margin-top: 0;
  1480. }
  1481. /* Configuration. */
  1482. div.admin .right,
  1483. div.admin .left {
  1484. width: 49%;
  1485. margin: 0;
  1486. }
  1487. div.admin-panel {
  1488. background: #fbfbfb;
  1489. border: 1px solid #ccc;
  1490. margin: 10px 0;
  1491. padding: 0 5px 5px;
  1492. }
  1493. div.admin-panel h3 {
  1494. margin: 16px 7px;
  1495. }
  1496. div.admin-panel dt {
  1497. border-top: 1px solid #ccc;
  1498. padding: 7px 0 0;
  1499. }
  1500. div.admin-panel dd {
  1501. margin: 0 0 10px;
  1502. }
  1503. div.admin-panel .description {
  1504. margin: 0 0 14px 7px;
  1505. }
  1506. /* ---------- Overlay layout styles ----------- */
  1507. .overlay #main,
  1508. .overlay #content {
  1509. width: auto;
  1510. float: none;
  1511. }
  1512. .overlay #page {
  1513. padding: 0 2em;
  1514. }
  1515. .overlay .region-page-top,
  1516. .overlay #header,
  1517. .overlay #page-title,
  1518. .overlay #featured,
  1519. .overlay #sidebar-first,
  1520. .overlay #triptych-wrapper,
  1521. .overlay #footer-wrapper {
  1522. display: none;
  1523. }
  1524. .overlay-processed .field-type-image {
  1525. display: block;
  1526. float: none;
  1527. }
  1528. .overlay #messages {
  1529. width: auto;
  1530. }
  1531. /* ---------- Poll ----------- */
  1532. .node .poll {
  1533. margin: 2em 0;
  1534. }
  1535. .node .poll #edit-choice {
  1536. margin: 0 0 1.5em;
  1537. }
  1538. .poll .vote-form {
  1539. text-align: left; /* LTR */
  1540. }
  1541. .poll .vote-form .choices {
  1542. margin: 0;
  1543. }
  1544. .poll .percent {
  1545. font-size: 0.857em;
  1546. font-style: italic;
  1547. margin-bottom: 3em;
  1548. margin-top: -3.2em;
  1549. float: right;
  1550. text-align: right;
  1551. }
  1552. .poll .text {
  1553. clear: right;
  1554. margin-right: 2.25em;
  1555. }
  1556. .poll .total {
  1557. font-size: 0.929em;
  1558. font-style: italic;
  1559. text-align: right; /* LTR */
  1560. clear: both;
  1561. }
  1562. .node .poll {
  1563. margin: 1.8em 0 0;
  1564. }
  1565. .node .poll .text {
  1566. margin-right: 6.75em;
  1567. }
  1568. .node .poll #edit-choice {
  1569. margin: 0 0 1.2em;
  1570. }
  1571. .poll .bar .foreground {
  1572. background-color: #666;
  1573. }
  1574. #footer-wrapper .poll .bar {
  1575. background-color: #666;
  1576. }
  1577. #footer-wrapper .poll .bar .foreground {
  1578. background-color: #ddd;
  1579. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.