at_admin.css

  1. cis7 sites/all/themes/ulmus/adaptivetheme/at_admin/css/at_admin.css
  2. cle7 sites/all/themes/ulmus/adaptivetheme/at_admin/css/at_admin.css
  3. ecd7 sites/all/themes/ulmus/adaptivetheme/at_admin/css/at_admin.css
  4. elmsmedia7 sites/all/themes/ulmus/adaptivetheme/at_admin/css/at_admin.css
  5. harmony7 sites/all/themes/ulmus/adaptivetheme/at_admin/css/at_admin.css
  6. icor7 sites/all/themes/ulmus/adaptivetheme/at_admin/css/at_admin.css
  7. meedjum_blog7 sites/all/themes/ulmus/adaptivetheme/at_admin/css/at_admin.css
  8. mooc7 sites/all/themes/ulmus/adaptivetheme/at_admin/css/at_admin.css
/* AT Admin Styles */
html {
  font-size: 81.3%;
}
body,
body.section-admin {
  background: #fff;
  color: #222;
  font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Geneva, sans-serif;
  margin: 0;
  padding: 0;
}

/* If gutters are set in theme settings they will override these
   values: see Extensions > Modify Output > Design */
#main-content,
.block-inner,
.pane-inner,
.menu-wrapper,
.branding-elements,
.breadcrumb-wrapper,
.attribution,
.at-panel .rounded-corner,
div.messages {
  margin-left: 10px;
  margin-right: 10px;
}

/* Panel pages need negative margin equal to the gutter width applied to #content,
  this is taken care of in theme settings as per above for normal gutters */
.page-panels #content {
  margin-left: -10px;
  margin-right: -10px;
}

/* Wrangle things in small views */
@media only screen and (min-width:320px) and (max-width:768px) {
  body.admin-menu {
      margin-top: 40px !important;
  }
  #placeholder {
    position: static;
  }
  #topbar time {
    display: none;
  }
}
@media only screen and (min-width:769px) {
  body.admin-menu {
      margin-top: 20px !important;
  }
}

pre, code {
  font-family: Consolas, Monaco, "Courier New", Courier, monospace;
  background: #fff;
}

/* Layout */
#block-system-main,
#skip-nav,
#page-title,
.local-tasks,
#content,
#messages-and-help {
  padding: 0;
}
.overlay #page {
  background: none;
  width: 100%;
}
.overlay div.add-or-remove-shortcuts {
  margin-top: 7px;
  position: static;
  right: auto;
  top: auto;
}
.content-columns {
  margin: 0 15px;
}

/* Micro reset */
tbody,
tfoot,
thead,
tr,
label {
  margin: 0;
  padding: 0;
}
label {
  margin: 5px 0;
}
h3 {
  font-size: 1.12em;
  font-weight: 400;
  margin: 1em 0 0;
}
p {
  line-height: 1.4;
}

/* Page */
h1#page-title {
  font-size: 1.33em;
  padding: 0;
  display: inline-block;
}
#footer {
  margin-left: 10px;
  margin-right: 10px;
}
#columns {
  margin-top: 5px;
  margin-bottom: 30px;
}
#content {
  padding: 0 10px;
}
#main-content {
  padding-top: 10px;
  position: relative;
}
.content-header {
  background: #eee;
}
#main-content-header {
  padding-top: 20px;
  position: relative;
  min-height: 50px;
}
#page-footer {
  background: #fff;
  margin: 0;
  padding: 15px 0;
}
.page-block .region {
  margin: .5em 0;
}
.page-block #content .region-inner {
  background: #fff;
  border: none;
}
.page-block .region .block {
  background: #fff;
}
.page-block #main-content .block-region {
  padding: 9px 12px;
}
.block-region {
  font-size: 1em;
  margin: 10px 0 0;
}
#blocks tr.region-title {
  background: #fff;
  color: #333;
}
#blocks tr.region-title td {
  font-weight: bold;
  padding-top: 2em;
  background: #f9f9f9;
}
#blocks tr.odd,
#blocks tr.even {
  background: #fff;
}
#blocks td,
#blocks th {
  border-bottom: 1px solid #f9f9f9;
}
#block-admin-display-form div.messages {
  margin-left: 0;
  margin-right: 0;
}

/* Hyperlinks */
a {
  text-decoration: none;
}
a:active,
a.active,
.block a:active,
.block a.active {
  color: #222;
}
a img {
  border: none;
}
a,
a:link,
a:visited,
.block a,
.block a:visited,
tr #acquia-agent-no-search a:link,
tr #acquia-agent-no-search a:visited {
  color: #3188D1;
}
a:hover,
a:focus {
  text-decoration: underline;
}
.show-on-focus a,
.show-on-focus a:link,
.show-on-focus a:visited {
  background: #333;
}

/* Site name and logo */
#site-name a:link,
#site-name a:visited {
  color: #bbb;
}
#logo {
  float: right;
}

/* Topbar */
.topbar-wrapper {
  position: relative;
  background: #555;
}
#topbar time,
#breadcrumb {
  padding: 7px 0;
  font-size: 0.923em;
  line-height: 1.5;
}
#topbar time {
  float: right;
}
#breadcrumb {
  float: left;
}
#breadcrumb ol {
  margin: 0;
  padding: 0;
}
#breadcrumb .breadcrumb-label {
  font-size: 1em;
  display: inline;
  padding-right: 10px;
  font-weight: 700;
  color: #e7e7e7;
}
#breadcrumb .breadcrumb-label:after {
  content: ":";
}
#breadcrumb .with-breadcrumb-label ol {
  display: inline;
}
#breadcrumb li {
  list-style: none;
  display: inline;
}
#topbar time,
ol#crumbs,
ol#crumbs a:link,
ol#crumbs a:visited {
  color: #e7e7e7;
}
ol#crumbs a:hover,
ol#crumbs a:focus,
ol#crumbs a:active {
  color: #fff;
}
.crumb-title {
  font-style: italic;
}

/* Pager */
.item-list ul.pager {
  margin: 0 0 20px;
  padding-bottom: 4px;
  padding-top: 15px;
  color: #fff;
}
.item-list ul.pager li {
  margin: 0;
  color: #fff;
}
.item-list ul.pager li a {
  font-weight: 700;
  padding: 6px 10px;
}
.item-list ul.pager li a:hover,
.item-list ul.pager li.pager-current {
  font-weight: 700;
  background-color: #bbb;
  color: #fff;
  border-radius: 4px;
}
.item-list ul.pager li.pager-current {
  padding: 6px 10px;
}
.item-list ul.pager li a:link,
.item-list ul.pager li a:visited {
  color: #444;
}

/* Attribution */
#attribution {
  font-size: .82em;
  padding: 6px 0 10px;
  text-align: center;
}
#attribution a {
  color: #999;
}
#attribution a:hover,
#attribution a:focus {
  color: #d7d7d7;
}

/* Blocks */
.block {
  margin: 0;
}
.block-inner {
  clear: both;
  background: #fff;
}
.region-sidebar-first .block,
.region-sidebar-second .block {
  padding: 20px 0 0;
}
#block-system-main .block-inner {
  clear: both;
  border: 0;
  background: #fff;
}
.region-help .block {
  margin: 0;
}
.region-help .block-inner {
  background: none;
  border: 0;
  margin-bottom: 0;
}
#block-system-main .content {
  margin: 0;
}
#block-system-0 .block-inner {
  border: none;
  text-align: center;
}
tr .block {
  border: 0;
}
.block h2 {
  font-size: 1em;
  margin: 0;
  padding: 0;
}
.admin-panel h3 {
  display: block;
  font-size: 1.12em;
  padding: .1em .5em .2em;
  background: #d7d7d7;
  text-shadow: 0 1px 1px #fff;
}
.admin-panel h3 {
  line-height: 1.75;
  margin: 0;
}
#block-system-powered-by .block-inner {
  text-align: center;
  background: none;
  border: 0;
}

/* Item lists, menus etc */
.block-search input.form-text {
  max-width: 99%;
}
.block .more-link {
  text-align: left;
  text-transform: lowercase;
}
.block .more-link a:after {
  content: "...";
}
#block-user-3 .item-list h3 {
  font-size: 1em;
}
.block ul {
  padding: 0;
  margin: 0;
}
.block ul.menu {
  margin: 0 0 0 15px;
}
ul.menu li {
  margin: 0;
}
.block .item-list ul,
.block .item-list ol {
  margin: 0;
}
.item-list ul li,
.item-list ol li,
ul.menu li {
  padding: .35em 0 0;
}
ul.menu li a {
  display: block;
}
#main-content ul.menu,
#main-content ul.menu li {
  font-weight: 700;
  list-style:none;
  margin:0;
}

/* Index and Tasks */
dl.admin-list,
dl.node-type-list {
  padding: 0;
}
dl.admin-list{
  border-top: 1px solid #eee;
  padding-top: 5px;
}
dl.admin-list dt,
dl.node-type-list dt {
  background: url("images/circle-arrow-small.png") no-repeat scroll 2px center transparent;
  border-bottom: 0;
  font-weight: 400;
  line-height: 2;
  padding: 0 0 0 25px;
}
dl.admin-list dd,
dl.node-type-list dd {
  border-bottom: 1px solid #eee;
  margin: 0 0 5px;
  padding: 0 0 15px 25px;
  color: #777;
}
dl.admin-list.compact dt,
dl.node-type-list.compact dt {
  width: auto;
  float: none;
}
div.admin-panel dl,
div.admin-panel dt {
  border: none;
}
div.admin-panel dt,
div.admin-panel dd {
  padding: 0 10px 0 25px;
  display: block;
  float: none;
  width: auto;
  line-height: 1.5;
  border: 0;
}
div.admin-panel dd {
  padding-bottom: 10px;
}
div.admin-panel {
  margin: 0 0 .75em;
  padding: 0;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
}
div.admin .left,
div.admin .right {
  margin-left: 0;
  margin-right: 0;
  width: 49%;
}
.admin-panel .body {
  padding: 0 1em;
}
.admin-panel p {
  margin: 0;
  padding: 1em 0 0;
}
.admin-panel ul,
.admin-panel ul.menu,
.admin-panel .item-list ul {
  padding: 0 0 1em;
}
.admin-panel dl {
  margin: 0;
  padding: 1em 0;
}
.admin-panel dt,
.admin-panel ul.menu li,
.admin-panel ul.item-list li {
  font-weight: 400;
}
.admin-panel dd {
  font-size: .94em;
  margin-left: 0;
  color: #555;
}
.admin .compact-link {
  margin: 0 0 1em;
}
.admin .compact-link a {
  padding: .3em .5em;
}
.page-admin-by-module .admin-panel .body p {
  font-size: .94em;
  color: #555;
}
#user-admin-filter ul li,
#node-admin-filter ul li {
  list-style: none;
}
.more-help-link {
  font-size: .94em;
  line-height: 1.667em;
}
#permissions td.permission {
  padding-left: .5em;
}
#permissions td.module {
  font-weight: 700;
  background: #eee;
  color: #222;
}
div.add-or-remove-shortcuts  {
  display: inline-block;
}
.admin-panel ul li {
  color: #555;
}
a.block-demo-backlink,
a.block-demo-backlink:link,
a.block-demo-backlink:visited {
  padding:4px 10px 2px;
}

/* Main, Secondary, local tasks menus */
ul.primary {
  border-bottom: 0;
  margin: 20px 0 0;
  padding: 0 0 .4em 0;
}
ul.primary li a {
  background: #bcbcbc;
  color: #fff;
  border: 0 !important;
  margin-right: 3px;
  padding: 0 16px;
  font-weight: 700;
  font-size: 0.923em;
  display: block;
  float: left;
  line-height: 2.25;
  text-transform: uppercase;
  text-decoration: none;
  white-space: normal;
  border-radius: 6px 6px 0 0;
  -webkit-transition: background 0.2s ease-in;
  -moz-transition: background 0.2s ease-in;
  -o-transition: background 0.2s ease-in;
  -ms-transition: background 0.2s ease-in;
  transition: background 0.2s ease-in;
}
ul.primary li a:hover {
  background: #6e6e6e;
}
ul.primary li a:active {
  text-decoration: none;
}
ul.primary li.active a,
ul.primary li.active a:active,
ul.primary li.active a:hover,
ul.primary li.active a:focus {
  background: #fff;
  color: #6e6e6e;
  text-decoration: none !important;
}

@media only screen and (max-width: 600px) {
  ul.primary li a {
    float: none;
    margin-bottom: 6px;
    border-radius: 6px;
  }
}

.secondary-tasks-wrapper {
  background: #fff;
}
#secondary-tasks {
  padding: 15px 0 0;
}
ul.secondary {
  border-bottom: 0;
  margin: 0;
  padding: 0;
  font-size: 0.923em;
}
ul.secondary li {
  border-right: 0;
  list-style: none;
  padding: 0; /* LTR */
  margin: 0 2px 0 0;
  display: block;
  float: left;
}
ul.secondary li a {
  color: #3188D1;
  display: block;
  float: left;
  font-weight: 600;
  font-size: 0.923em;
  height: 1.8em;
  line-height: 1.8em;
  padding: 0 10px;
  text-transform: none;
}
ul.secondary li a:hover,
ul.secondary li a:focus {
  text-decoration: underline;
}
ul.secondary li a.active {
  border-bottom: 0;
  color: #194468;
  text-decoration: underline;
}

/* Tables */
table {
  border-spacing: 0;
  margin: 0 0 10px;
  padding: 0;
  border-bottom: 1px solid #eee;
  width: 100%;
}
table.sticky-header {
  z-index: 10;
}
thead label {
  padding: 0 10px;
}
tr.even,
tr.odd {
  border-bottom: 0;
}
caption,
th {
  font-weight: 700;
}
table,
td,
th {
  vertical-align: middle;
}
thead tr,
thead th {
  font-weight: 700;
  border-bottom: 0;
  color: #494949;
  background: #f5f5f5;
}
tbody {
  border-top: 1px solid #eee;
}
td,th {
  margin: 0;
  padding: 10px 7px;
}
th.active a {
  padding-right: 25px;
  position: relative;
}
th.active a img {
  position: absolute;
  top: 0;
  right: 3px;
}
tr.odd,tr.info {
  background-color: #fff;
}
td.region,
td.module,
td.container td.category {
  font-weight: 700;
  background-color: #eee;
  border-bottom: 1px solid #d7d7d7;
  border-top: 1.5em solid #fff;
  color: #222;
}
tr:first-child td.region,
tr:first-child td.module,
tr:first-child td.container {
  border-top-width: 0;
}
#block-admin-display-form tr .block {
  background: transparent;
}
body div.tabledrag-changed-warning {
  margin: 0 0 10px 0;
}
#system-modules td strong {
  display: block;
  width: 110px;
}
#edit-logo-path,
#edit-favicon-path {
  width: 90%;
}
#system-theme-settings .button-wrapper {
  clear: both;
  display: block;
}
.section-admin table {
  width: 100%;
}
.section-admin table.image-anchor {
  width: auto;
}
.page-admin-build-themes #system-themes-form table {
  position: relative;
  z-index: 999;
}
span.tabledrag-changed {
  display: none;
}
tr.even {
  background-color: #f9f9f9;
}
tr.drag,
#blocks tr.drag {
  background-color: #fffff0;
}
tr.drag-previous,
#blocks tr.drag-previous {
  background-color: #ffd;
}
tr.odd td.active {
  background-color: #eee;
}
tr.even td.active {
  background-color: #f5f5f5;
}
.tabledrag-toggle-weight-wrapper {
  padding: 5px 0 2px;
}
.tabledrag-toggle-weight-wrapper a:focus,
.tabledrag-toggle-weight-wrapper a:hover {
  text-decoration: underline;
  border: 0;
  background: none;
}
a.tabledrag-handle .handle {
  margin-top: -0.42em;
}
#system-modules table th {
  min-width: 60px;
}
#system-modules table th:nth-child(1) {
  width: 70px;
}
#system-modules table th:nth-child(2) {
  width: 120px;
}
#system-modules table th:nth-child(3) {
  width: 90px;
}
#system-modules table th[colspan*="3"] {
  width: 260px;
}
#system-modules table .odd .permissions,
#system-modules table .odd .help,
#system-modules table .odd .configure {
  width: 100px;
  background: #fafafa;
}
#system-modules table .even .permissions,
#system-modules table .even .help,
#system-modules table .even .configure {
  width: 100px;
  background: #f5f5f5;
}
#system-modules table .odd .help,
#system-modules table .even .help {
  width: 60px;
}

/* Message */
div.messages {
  background-position: 8px 5px;
  margin: 10px;
  border-radius: 2px;
}
#block-system-help {
  background: url(images/help.png) no-repeat 8px 5px #f0f8ff;
  border: 0;
  margin: 10px 10px 0;
  padding: 0;
  border-radius: 2px;
}
.block-region {
  background-color: #f7f8f8;
  border: 2px dashed #ddd;
  clear: both;
  color: #666;
  font-family: Consolas, "Lucida Console", Menlo, Monaco, "DejaVu Sans Mono", monospace, sans-serif;
  font-size: 1.077em;
  font-weight: 400;
  margin-bottom: 10px;
  margin-top: 5px;
  padding: 3px 6px 1px;
  border-radius: 6px;

}
#page article.article-unpublished,
#page article.comment-unpublished {
  background-color: #fffce5;
}
#page .article-unpublished .unpublished,
#page .comment-unpublished .unpublished {
  background: url("images/warning.png") no-repeat 1px 7px;
  color: #625b42;
  font-weight: 700;
  padding: 5px 10px 10px 20px;
}
div#acquia-agent-no-search {
  padding-left: 3em !important;
  margin: 8px 0;
}
a.block-demo-backlink,
a.block-demo-backlink:link,
a.block-demo-backlink:visited {
  left: 50%;
  margin-left: -9em;
  text-align: center;
  width: 18em;
}
.vertical-tab-button-error a {
  border: 1px solid #FC6F5D;
}
body.maintenance-page,
body.maintenance-page .container {
  width: 100%;
  max-width: 960px;
  margin: 0 auto 30px;
}
body.maintenance-page #header {
  padding-left: 0;
  padding-right: 0;
}
div.region-help,
div.messages {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
}
tr #acquia-agent-no-search {
  background-position: 24px 5px;
  padding-left: 75px;
}
div.error a:hover,
div.error a:focus,
div.status a:hover,
div.status a:focus,
div.help a:hover,
div.help a:focus,
div.warning a:hover,
div.warning a:focus {
  text-decoration: underline;
}
div.admin-requirements,div.admin-required {
  color: #666;
  line-height: 1.5;
  padding: 0;
}
#block-system-help .content {
  margin: 0;
  padding: 7px 0 10px 40px;
}
#block-system-help code,
div.messages code,
div.error a:link,
div.error a:visited,
div.status a:link,
div.status a:visited,
div.help a:link,
div.help a:visited,
div.warning a:link,
div.warning a:visited {
  font-weight: 700;
}
#block-system-help p:last-child,
#block-system-help ul:last-child,
#block-system-help .content p:last-child {
  margin-bottom: 0;
}
#block-system-help p:first-child,
#block-system-help .content p:first-child {
  margin-top: 0;
}

/* Forms - hodge podge of styles and targets */
form {
  margin: 0 0 18px;
  padding: 0;
}
input {
  border-radius: 2px;
}
.form-actions {
  margin-bottom: 10px;
  margin-top: 10px;
}
input.text,
input.title,
textarea,
select {
  margin: 0;
  border: 1px solid #d7d7d7;
  padding: 3px 3px 4px;
}
select {
  padding: 2px 2px 2px 3px;
}
input.form-text,
textarea {
  height: auto;
  padding: 3px;
  border: 1px solid #d7d7d7;
}
input.form-checkbox,
input.form-radio {
  margin: 0 3px;
}
.form-item label.option,
.form-item label.option input {
  vertical-align: middle;
}
td div.description,
.form-item .description,
.description {
  padding: 4px 0;
  color: #666;
}
#user-admin-settings fieldset .fieldset-description {
  font-size: 1em;
  padding-bottom: 5px;
  color: #666;
}
.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 0;
}
textarea,
input {
  font: 1em Verdana, Arial, "Bitstream Vera Sans", sans-serif;
  max-width: 100%;
}
div.form-item {
  margin-bottom: 15px;
  margin-top: 10px;
}
tr.odd .ajax-new-content .form-item,
tr.even .ajax-new-content .form-item {
  margin-bottom: 5px;
  margin-top: 5px;
}
.form-item textarea.error {
  padding: 2px;
}
abbr.form-required,
span.form-required,
span.marker {
  border: 0;
  color: #8a1a11;
  font-weight: 700;
}
#node-admin-filter ul {
  padding: 4px 0;
}
#edit-operation-wrapper select {
  margin: 4px;
}
div.resizable-textarea textarea {
  margin-top: 0;
}
#edit-title {
  width: 98.5%;
  font-size: 1.231em;
}
a.button,
input.form-submit,
input.teaser-button {
  background-color: transparent;
  background-image: url(images/blue-button.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  border: 1px solid #fff;
  color: #fff;
  cursor: pointer;
  font-size: 1em;
  font-weight: 700;
  margin: 3px 10px 3px 0;
  outline: 1px solid #9babb0;
  padding: 2px 6px;
  -webkit-background-size: 100% 200%;
  -moz-background-size: 100% 200%;
  background-size: 100% 200%;
  border-radius: 4px;
}
.ajax-new-content input.form-submit,
.ajax-new-content input.teaser-button {
  margin: 3px 10px 3px 0;
}
input[value~=Save],
input[value~=Update],
#system-theme-settings input#edit-submit,
.node-form input#edit-submit.form-submit,
input#edit-save.form-submit {
  background-image: url(images/green-button.png);
}
a.button-no,
input[value~=Cancel],
input#edit-delete.form-submit,
#system-modules-uninstall input#edit-submit,
#user-multiple-delete-confirm input#edit-submit {
  background-image: url(images/red-button.png);
}
a.button:hover,
input[value~=Update]:hover,
input[value~=Save]:hover,
#system-theme-settings input#edit-submit:hover,
input.form-submit:hover,
input.teaser-button:hover,
input#edit-save.form-submit:hover,
.node-form input#edit-submit.form-submit:hover,
input#edit-delete.form-submit:hover,
#system-modules-uninstall input#edit-submit:hover,
#user-multiple-delete-confirm input#edit-submit:hover {
  background-position: bottom;
  cursor: pointer;
  text-decoration:none;
}
#edit-views-apply,
#edit-views-reset {
  margin-top: 20px;
}
#views-ui-analyze-view-button {
  margin: 0;
  padding: 6px 0 4px;
}
form#views-add-display-form  {
  padding-bottom: 4px;
}
form#views-add-display-form div.form-item {
  margin-bottom: 4px;
}
#views-live-preview form div.form-item-live-preview  {
  margin: 20px 0 0 0;
}
#views-live-preview form input#preview-submit {
  margin: 25px 0 0 0;
}
.fieldset-block-info {
  margin-bottom: .5em;
}
.fieldset-block-info dt {
  font-size: .846em;
  border-bottom: 1px solid #e5e5e5;
}
.fieldset-block-info dd {
  font-size: .923em;
  margin: 0 0 .3em;
  color: #777;
}
fieldset {
  background: #fafafa;
  border: 0;
  margin: 0 0 15px;
  padding: 10px 0;
  position: relative;
}
.fieldset-wrapper {
  padding: 0 15px;
}
fieldset fieldset {
  background: #ededed;
}
fieldset fieldset .fieldset-wrapper {
  padding: 10px 15px;
}
fieldset fieldset fieldset {
  background: #ededed;
}
fieldset fieldset fieldset .fieldset-wrapper {
  padding: 10px 15px;
}
.filter-wrapper {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html.js fieldset.collapsed {
  height: auto;
}
fieldset.collapsed {
  background: transparent;
  margin-bottom: 0;
  padding-bottom: 0;
  border-radius: 0;
}
fieldset#edit-body-und-0-format {
  border-radius: 0 0 3px 3px;
}
.vertical-tabs fieldset {
  border-radius: 0;
  background: #fff;
}
.vertical-tabs-panes > fieldset > .fieldset-wrapper {
  padding: 10px 15px;
}
.vertical-tabs-panes fieldset fieldset .fieldset-wrapper {
  padding-top: 0 !important;
}
legend {
  font-size: 1em;
  border: 0;
  background: #d4d4d4;
  display: block;
  padding: 7px 1%;
  width: 98%;
  border-radius: 2px;
}
fieldset legend,
fieldset legend a:link,
fieldset legend a:visited,
fieldset legend a:hover,
fieldset legend a:focus,
fieldset legend a:active {
  font-weight: 600;
  color: #424242;
}
html.js fieldset span.fieldset-legend {
  background-image: none !important;
  padding-left: 0 !important;
}
html.js fieldset.collapsible .fieldset-legend a {
  background: url('images/menu-expanded.png') no-repeat scroll 5px 65% transparent;
  padding-left: 15px;
}
html.js fieldset.collapsed .fieldset-legend a {
  background-image: url('images/menu-collapsed.png');
  background-position: 5px 50%;
}
html.js #edit-css-settings > legend > .fieldset-legend {
  padding-left: 0;
  background-image: none;
}
table fieldset,
table legend {
  background: transparent;
  border: 0;
}
table legend {
  font-weight: 700;
  padding: 4px 15px;
  text-transform: uppercase;
}
input.form-text:focus,
input.text:focus,
input.title:focus,
select:focus {
  background: #ffffdf;
  border: 1px solid #fc0;
}
textarea:focus {
  border: 1px solid #fc0;
}
.filter-wrapper {
  background: #f9f9f9;
  border-width: 0 1px 1px 1px;
  border-color: #d7d7d7;
  border-style: solid;
  border-radius: 0 0 3px 3px;
}
.text-format-wrapper .description {
  margin: 3px 0 15px;
}
#search-theme-form,
.fieldset-block-info dl,
.at-admin-block-edit-links ul,
.admin-panel .item-list ul,
.page-admin-by-module .admin-panel .body,
div.form-item div.description img {
  margin: 0;
}
#node-form #edit-title,
input.title {
  font-size: 1.25em;
  width: 85%;
}
.form-item strong.error {
  display: block;
}
#system-themes-form td:first-child {
  vertical-align: top;
}
#block-system-0 .fieldset-block-info,
caption,
th,
td {
  text-align: left;
}
div.vertical-tabs ul.vertical-tabs-list li {
  background: #f5f5f5;
}
.fieldset-description h3 {
  margin: 0 0 10px;
  padding: 0;
  font-weight: 700;
}
#system-theme-settings #edit-font .fieldset-wrapper legend {
  padding-top: 4px;
}
#system-theme-settings #edit-font label {
  width: 3.6em;
}
html.js input.form-autocomplete {
  background-position: 100% 4px;
}
html.js input.throbbing {
  background-position: 100% -16px;
}
div.form-type-textfield {
  position: relative;
}

/* Panels layout page TODO: check accessibility regarding width settings */
.panels-layouts-checkboxes .form-checkboxes .form-item,
#panels-choose-layout .form-radios .form-item {
  margin-right: 10px;
  width: 120px;
  text-align: center;
}
.panels-layouts-checkboxes .form-checkboxes .form-item .layout-icon,
#panels-choose-layout .form-radios .form-item .layout-icon {
  height: 13em;
  width: 120px;
}
.panels-layouts-checkboxes .form-checkboxes .option,
#panels-choose-layout .form-radios .form-item .option {
  text-align: center;
  width: 120px;
}
#panels-choose-layout .layout-icon .caption {
  font-size: 0.9em;
  padding: 0 4px;
  width: 112px;
}
#update-manager-install-form p {
  margin-top: .75em;
}

/* Action links */
nav.action-links-wrapper {}
ul.action-links {
  margin: 20px 10px 0;
  padding: 0;
  list-style: none;
}
ul.action-links li {
  margin-bottom: 5px;
  display: block;
  float: left;
}
ul.action-links li a {
  background: #f5f5f5;
  border-bottom: 1px solid #eee;
  color: #666;
  display: block;
  float: left;
  font-size: 1em;
  font-weight: 600;
  line-height: 2em;
  margin: 0 10px 0 0;
  padding: 0 10px;
  text-shadow: 0 1px 1px #fff;
  border-radius: 12px;
  -webkit-transition: background 0.2s ease-in;
  -moz-transition: background 0.2s ease-in;
  -o-transition: background 0.2s ease-in;
  -ms-transition: background 0.2s ease-in;
  transition: background 0.2s ease-in;
}
ul.action-links li a:before {
  content: "+ ";
}
ul.action-links li a:hover,
ul.action-links li a:focus {
  background: #ddd;
  color: #666;
  text-decoration: none;
  border-bottom-color: #ccc;
}

/* Themes list */
.system-themes-list h2 {
  margin:1em 0 0;
}

/* Content exposed filters */
.block .item-list ul.current-filters {
  margin: 0 0 15px;
  padding: 0;
}
.exposed-filters .additional-filters {
  font-style: italic;
  margin: 0 1.5em 0 0.5em;
}
.exposed-filters .form-item label {
  float: left;
  font-weight: bold;
  margin: 4px 0;
  padding: 0;
  text-transform: capitalize;
  width: 14em;
}
.exposed-filters .filters {
  width: auto;
}
.exposed-filters .form-item {
  background:#F9F9F9;
  margin: 0 0 1px;
  padding: 3px 3px 3px 10px;
}
.exposed-filters .form-item label {
  float: left;
  font-weight: bold;
  text-transform: capitalize;
  width: 14em;
  margin: 4px 0;
  padding: 0;
}

/* Dashboard */
#dashboard #disabled-blocks .block {
  clear: none;
}
.dashboard-region ul {
  padding: 5px 0;
}

/* Block search */
#block-search-form .block-inner {
  background: none;
  border: none;
}

/* Tips */
#edit-body-und-0-format {
  padding-top: 0;
}
#edit-body-und-0-format-help {
  padding-top: 1.7em;
}
.tips {
  font-size: 0.95em;
  margin: 0;
  padding: 0 0 0 1.5em;
}

/* Skip Navigation */
#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;
  border-radius: 0 0 10px 10px;
}
#skip-link a:hover,
#skip-link a:active,
#skip-link a:focus {
  outline: 0;
}

/* Overlay overrides */
#overlay .content-columns {
  margin: 0;
}
#overlay .topbar-wrapper {
  background: transparent;
}
#overlay #topbar,
#overlay  #banner {
  padding-left: 0;
  padding-right: 0;
}
#overlay #main-content {
  padding-top: 0;
}
#overlay dl.admin-list,
#overlay dl.node-type-list {
  padding: 0;
}
#overlay ol#crumbs,
#overlay ol#crumbs a:link,
#overlay ol#crumbs a:visited {
  color: #666;
}
#overlay ol#crumbs a:hover,
#overlay ol#crumbs a:focus,
#overlay ol#crumbs a:active {
  color: #333;
}
#overlay-tabs li a,
#overlay-tabs li a:active,
#overlay-tabs li a:visited,
#overlay-tabs li a:hover {
  background-color:#aaa;
}
#overlay div.add-or-remove-shortcuts {
  padding-top: 0.6em;
  position:static;
  right:auto;
  top:auto;
}
#overlay #skip-nav,
#overlay header,
#overlay footer,
#overlay h1#page-title,
#overlay #primary-tasks,
#overlay #topbar time {
  display: none;
}
#overlay ul.secondary li a {
  padding: 0 20px 0 0;
}
#overlay-titlebar {
  padding: 0 14px;
}
#overlay div.region-help,
#overlay div.messages {
  margin: 20px 0;
}

/* Color form */
#color_scheme_form .form-item-scheme label, #color_scheme_form .color-form #palette label {
  font-size: 0.923em;
  width: 17.3em;
}
#color_scheme_form .color-form  #palette .form-item {
  margin: 4px 0;
  padding: 5px 2px 3px 7px;
  width: 23em;
}
#color_scheme_form #palette .unlocked,
#color_scheme_form #palette .hook,
#color_scheme_form #palette .lock {
  display: none;
}
#color_scheme_form #palette .color-form .form-text {
  margin-right: 0;
}
#color_scheme_form .color-form .form-item {
  padding-left: 7px;
}

/* Themes list */
.theme-selector .screenshot, .theme-selector .no-screenshot,
.system-themes-list-enabled .theme-selector .screenshot,
.system-themes-list-enabled .theme-selector .no-screenshot,
.system-themes-list-disabled .theme-selector .screenshot,
.system-themes-list-disabled .theme-selector .no-screenshot {
  height: auto;
  line-height: 1;
  width: 140px;
  float: left;
  margin: 10px 20px 10px 10px;
}
.theme-default .screenshot {
  border: 1px solid #E0E0D8;
}
.system-themes-list-disabled .theme-selector {
  float: none;
  padding: 0;
  width: auto;
  clear: both;
  display: block;
}
.system-themes-list-disabled .theme-info {
  min-height: 1px;
}
.theme-selector {
  padding: 15px 0;
}
.system-themes-list-enabled .theme-default {
  background-color: #f8fff0;
  margin-top: 10px;
}
.system-themes-list-enabled .theme-info,
.system-themes-list-disabled .theme-info {
  padding: 8px;
}
#system-themes-page .theme-info h3 {
  font-weight: bold;
  margin-bottom: 0.5em;
  margin-top: 0;
}
#system-themes-page .theme-info .theme-description {
  color: #666;
}
.system-themes-list-disabled h2 {
  margin-bottom: 10px;
}

/* Vertical tabs */
.vertical-tabs ul.vertical-tabs-list strong {
  font-weight: 600;
  font-size: 0.923em;
}
.vertical-tabs ul.vertical-tabs-list li a:focus,
.vertical-tabs ul.vertical-tabs-list li a:active,
.vertical-tabs ul.vertical-tabs-list li a:hover {
  background: #fafafa;
}
.vertical-tabs ul.vertical-tabs-list li.selected a:focus,
.vertical-tabs ul.vertical-tabs-list li.selected a:active,
.vertical-tabs ul.vertical-tabs-list li.selected a:hover {
  background: #fff;
}
.vertical-tabs ul.vertical-tabs-list li a:focus strong,
.vertical-tabs ul.vertical-tabs-list li a:active strong,
.vertical-tabs ul.vertical-tabs-list li a:hover strong {
  text-decoration: none;
}

/* Appearance list */
.theme-selector .operations li {
  border-right: 0;
  padding: 0;
  margin-right: 15px;
}
.vertical-tabs-panes .at-media-queries label {
  display: block;
}

/* Views UI */
.views-display-top .secondary > li {
  margin: 2px 5px 1px 0;
  padding-left: 0;
}
.views-displays ul.secondary a {
  border: 1px solid #d7d7d7;
  line-height: 1.5;
  padding: 3px 5px 0;
  margin: 0;
  border-radius: 2px;
}
.views-displays ul.secondary li.open a {
  border-radius: 2px 2px 0 0 !important;
}
.views-admin .icon.add {
  background-position: -2px 6px;
}
.views-displays .secondary a:hover > .icon.add {
  background-position: -2px -23px;
}
.views-displays .secondary .open a:hover > .icon.add {
  background-position: -2px 6px;
}
.views-display-top .ctools-button-processed {
  top: 10px;
}
#edit-display-settings-title {
  background: transparent;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
.views-displays ul.secondary .action-list {
  top: 27px;
}
.views-displays ul.secondary .action-list li {
  width: 100%;
}
.ctools-toggle {
  margin-top: 0.615em;
}
.views-display-column > .ctools-toggle {
  margin-top: 0.923em;
}
.views-display-column > .ctools-toggle.ctools-toggle-collapsed {
  margin-top: 0.769em;
}
.ctools-button-processed {
  background-color: #fdfdfd;
  border-color: #d7d7d7;
  font-size: 0.823em;
  padding-bottom: 2px;
  padding-top: 2px;
  border-radius: 4px;
}
.views-display-top .ctools-button-processed,
.views-display-top ul.secondary a {
  background-color: #fff;
}
.views-displays .secondary a:hover, .views-displays .secondary .active a {
  background-color: #d7d7d7;
  border-bottom-width: 1px;
  color: #666;
}
.views-ui-dialog #views-ajax-popup {
  -webkit-box-shadow: 0 4px 4px 4px rgba(0,0,0,0.4);
  box-shadow: 0 4px 4px 4px rgba(0,0,0,0.4);
}
.views-ui-dialog input.form-submit {
  margin: 3px 10px 3px 0;
}
.views-edit-view .ctools-dropbutton .ctools-content input,
.views-edit-view .action-list input {
  color: #3188D1;
  font-weight: 300;
  margin: 0;
  outline: 0 none;
  padding: 0 12px;
  text-align: left;
}
.ctools-dropbutton-processed .ctools-content ul {
  margin: 0;
  padding: 0;
  min-width: 65px;
}
.ctools-dropbutton-processed .ctools-twisty,
.ctools-dropbutton-processed.open .ctools-twisty {
  top: 0.75em;
}

/* Advanced help */
.advanced-help-link {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
.views-ui-display-tab-bucket .advanced-help-link {
  margin-top: 6px;
}

/* Fix Panels whacky CSS */
#page-manager-edit .page-manager-ajax-pad .content-title {
  font-size: 1em;
  line-height: 1.8em;
  padding: 0 5px 0 20px;
}
.page-manager-ajax-pad .content-header {
  background: transparent;
}
#page-manager-edit .secondary-actions {
  border-bottom: 0;
}
#page-manager-edit .page-manager-tabs ul.page-manager-operations {
  border-right: 0;
  line-height: 2em;
  border-bottom: 1px solid #aaa;
}
#page-manager-edit .page-manager-edit-operations a[title="Get a summary of the information about this page."] {
  padding-left: 5px;
}
#page-manager-edit .page-manager-edit-operations ul.page-manager-operations {
  border-bottom: 0;
}
#page-manager-edit .page-manager-edit-operations li ul {
  margin-left: 0;
}
#page-manager-edit .page-manager-edit-operations li li {
  margin-left: 5px;
}
#page-manager-edit .page-manager-edit-operations li a {
  color: #3188d1;
  padding: 0;
}
#page-manager-edit .page-manager-edit-operations li li.active {
  border-right: 1px solid #fff;
  left: 1px;
  margin-left: 4px;
  position: relative;
}
#page-manager-edit .page-manager-edit-operations li.active-group .page-manager-group-title {
  background-image: none;
}
#page-manager-edit .page-manager-tabs #page-manager-page-summary  ul.page-manager-operations {
  border-right: 1px solid #ddd;
  border-bottom: 0;
}
#page-manager-edit .page-manager-tabs #page-manager-page-summary  ul.page-manager-operations li {
  border-color: #ddd;
}
.handler-summary .handler-title {
  border-bottom: 0 none;
}
#page-manager-edit .page-manager-wrapper  ul.links {
  list-style: none;
  margin: 10px 0 5px;
  padding: 0;
  font-weight: 700;
}
.panels-layouts-checkboxes .form-checkboxes .form-item,
#panels-choose-layout .form-type-radio,
.panels-choose-layout .form-type-radio {
  float: left;
  margin-right: 10px;
  width: 120px;
}
.panels-layouts-checkboxes .form-checkboxes .option input,
#panels-choose-layout .form-type-radio input,
.panels-choose-layout .form-type-radio input {
  display: block;
  text-align: center;
  width: 120px;
  margin: 3px 0;
}
#page-manager-edit .description {
  margin-bottom: 1em;
}
#ctools-context-handler-edit-context th,
#ctools-context-handler-edit-context td {
  width: 50%;
  text-align: left;
}
#page-manager-edit .page-manager-edit-operations li.active,
#page-manager-edit .page-manager-edit-operations li.active-group .page-manager-group-title,
#page-manager-edit .page-manager-edit-operations li.active a,
#page-manager-edit .page-manager-edit-operations li.active a:hover {
  background-position: 98% center;
  color: inherit;
}
#page-manager-edit .changed-notification {
  background-color: #fffce5;
  border-color: #ed5;
  color: #840;
  margin: 15px 0 10px;
  padding: 10px;
}
.wizard-trail {
  font-size: 1em;
  margin-bottom: 1em;
  color: #aaa;
}
.wizard-trail-current {
  color: #41a61e;
}
.page-manager-tabs div.messages {
  margin: 15px 0;
}
#panels-dnd-main div.panel-region h2.label {
  font-size: 1em;
  margin: 4px 0;
}
#panels-dnd-main .panel-pane .pane-title {
  padding: 2px 0 5px;
  font-size: 1em;
}
.panels-add-content-modal {
  background-repeat: repeat-y;
}
.content-type-button div {
  top: auto;
}

/* Module Filter */
#module-filter-squeeze {
  padding: 10px 10px 5px;
}

/* Admin menu */
#admin-menu, #admin-menu ul {
  font-size: x-small;
  line-height: 1.3;
}

/* Context module */
table.context-admin td.ctools-export-ui-operations {
  padding-top: 15px;
}
.context-plugin-title {
	margin-top: 5px;
}
.page-admin-structure-context #edit-info {
	margin-bottom: 0;
	padding-bottom: 0;
}
.page-admin-structure-context .form-item-condition-mode {
	padding: 0 15px;
	margin: 0 0 30px;
}
.page-admin-structure-context .context-plugins {
	margin: 0 10px 15px;
}
.page-admin-structure-context .buttons {
	margin: 0 10px 15px;
}
.context-plugins .context-plugin-selector {
	background: #f0f0f0;
	width: 24%;
	border-color: #fff;
	border-style: solid solid none;
	border-width: 1px 1px 0;
}
.page-admin-structure-context .context-plugins .context-plugin-forms {
	background: #fff;
	border: 1px solid #e8e8e8;
	min-height: 148px;
}
.page-admin-structure-context .context-plugins .context-plugin-forms .context-plugin-form {
  padding: 10px 10px 10px 20px;
}
.page-admin-structure-context .context-plugins .context-plugin-info {
	border-top: 1px solid #e8e8e8;
	border-bottom: 0 none;
	min-height: 130px;
}
.page-admin-structure-context .context-plugin-list {
	border-top: 0;
	border-bottom: 0;
	margin: 0;
	padding: 0;
}
.page-admin-structure-context .context-plugin-list li a {
	padding: 10px;
	outline: 0;
	background: #fff;
}
.page-admin-structure-context .context-plugin-list li a.active-form {
  background: #fff;
}
.page-admin-structure-context .context-plugins .context-plugin-list li span.remove {
	background: #ddd;
	border-radius: 5px;
	font-size: 0.8em;
	font-weight: 400;
	padding: 0 5px;
	right: 10px;
	top: 12px;
}
/* Very specific form items */
.form-item-conditions-plugins-menu-values select {
	min-height: 200px;
}
.context-plugin-form-block table {
	border: 0;
}
.context-plugin-form-block tbody {
  border-top: 0;
}
#context-blockform td.blocks, #context-blockform td.selector {
	border: 0;
	padding: 0 15px 10px 0;
	width: 50%;
}
#context-blockform td.selector {
	padding: 0 0 10px 0;
}
#context-blockform td.blocks, #context-blockform td.selector {
  vertical-align: top;
}
#context-blockform .context-blockform-selector {
  border: 1px solid #ddd;
  height: 30em;
  padding: 10px;
}
#context-blockform .context-blockform-selector label {
  margin-bottom: 2px;
}
#context-blockform .context-blockform-selector .form-checkboxes {
  margin-bottom: 20px;
}

/* @font-your-face has fragile styles for tabs, bash them until they submit! */
.view-fontyourface-browse ul.tabs {
  border-bottom: 1px solid #BCBCBC;
  font-size: 0.923em;
  line-height: 2.25em;
  min-height: 2.25em;
  margin: 0;
  padding: 5px 0 0;
}
.view-fontyourface-browse ul.tabs li {
  display: inline-block;
  float: left;
  list-style: none;
  position: static;
  top: auto;
}
.view-fontyourface-browse ul.tabs li a {
  background: #bcbcbc;
  border-color: #bcbcbc;
  border-style: solid;
  border-width: 1px 1px 0;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  line-height: 2.25em;
  margin-right: 3px;
  padding: 0 16px;
  text-decoration: none;
  white-space: normal;
  border-radius: 6px 6px 0 0;
}
.view-fontyourface-browse ul.tabs li a:hover,
.view-fontyourface-browse ul.tabs li a:focus {
  background: #6e6e6e;
  border-color: #6e6e6e;
  color: #fff;
}
.view-fontyourface-browse ul.tabs li a.active,
.view-fontyourface-browse ul.tabs li a.active:active,
.view-fontyourface-browse ul.tabs li a.active:hover,
.view-fontyourface-browse ul.tabs li a.active:focus {
  background: #fff;
  color: #6e6e6e;
  border-color: #bcbcbc;
}

.dev-query {
  padding: 20px 20px 100px;
  background: #eee;
}


/* Media query test for vertical tabs */

/* Tablet landscape */
@media only screen and (min-width:769px) and (max-width:1024px) {
  div.vertical-tabs  {
    margin-left: 200px;
  }
  .vertical-tabs ul.vertical-tabs-list {
    margin-left: -200px;
    width: 200px;
  }
}

/* Standard layout */
@media only screen and (min-width:1025px) {
  div.vertical-tabs  {
    margin-left: 240px;
  }
  .vertical-tabs ul.vertical-tabs-list {
    margin-left: -240px;
    width: 240px;
  }
}

/* Helpful classes for hiding content */
.offscreen {
  position: absolute;
  top: -99999em;
  width: 1px;
  height: 1px;
  overflow: hidden;
  outline: 0;
}
.element-hidden {
  display: none;
}

/* Experimental */
input[type="radio"],
input[type="checkbox"] {
}

File

sites/all/themes/ulmus/adaptivetheme/at_admin/css/at_admin.css
View source
  1. /* AT Admin Styles */
  2. html {
  3. font-size: 81.3%;
  4. }
  5. body,
  6. body.section-admin {
  7. background: #fff;
  8. color: #222;
  9. font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Geneva, sans-serif;
  10. margin: 0;
  11. padding: 0;
  12. }
  13. /* If gutters are set in theme settings they will override these
  14. values: see Extensions > Modify Output > Design */
  15. #main-content,
  16. .block-inner,
  17. .pane-inner,
  18. .menu-wrapper,
  19. .branding-elements,
  20. .breadcrumb-wrapper,
  21. .attribution,
  22. .at-panel .rounded-corner,
  23. div.messages {
  24. margin-left: 10px;
  25. margin-right: 10px;
  26. }
  27. /* Panel pages need negative margin equal to the gutter width applied to #content,
  28. this is taken care of in theme settings as per above for normal gutters */
  29. .page-panels #content {
  30. margin-left: -10px;
  31. margin-right: -10px;
  32. }
  33. /* Wrangle things in small views */
  34. @media only screen and (min-width:320px) and (max-width:768px) {
  35. body.admin-menu {
  36. margin-top: 40px !important;
  37. }
  38. #placeholder {
  39. position: static;
  40. }
  41. #topbar time {
  42. display: none;
  43. }
  44. }
  45. @media only screen and (min-width:769px) {
  46. body.admin-menu {
  47. margin-top: 20px !important;
  48. }
  49. }
  50. pre, code {
  51. font-family: Consolas, Monaco, "Courier New", Courier, monospace;
  52. background: #fff;
  53. }
  54. /* Layout */
  55. #block-system-main,
  56. #skip-nav,
  57. #page-title,
  58. .local-tasks,
  59. #content,
  60. #messages-and-help {
  61. padding: 0;
  62. }
  63. .overlay #page {
  64. background: none;
  65. width: 100%;
  66. }
  67. .overlay div.add-or-remove-shortcuts {
  68. margin-top: 7px;
  69. position: static;
  70. right: auto;
  71. top: auto;
  72. }
  73. .content-columns {
  74. margin: 0 15px;
  75. }
  76. /* Micro reset */
  77. tbody,
  78. tfoot,
  79. thead,
  80. tr,
  81. label {
  82. margin: 0;
  83. padding: 0;
  84. }
  85. label {
  86. margin: 5px 0;
  87. }
  88. h3 {
  89. font-size: 1.12em;
  90. font-weight: 400;
  91. margin: 1em 0 0;
  92. }
  93. p {
  94. line-height: 1.4;
  95. }
  96. /* Page */
  97. h1#page-title {
  98. font-size: 1.33em;
  99. padding: 0;
  100. display: inline-block;
  101. }
  102. #footer {
  103. margin-left: 10px;
  104. margin-right: 10px;
  105. }
  106. #columns {
  107. margin-top: 5px;
  108. margin-bottom: 30px;
  109. }
  110. #content {
  111. padding: 0 10px;
  112. }
  113. #main-content {
  114. padding-top: 10px;
  115. position: relative;
  116. }
  117. .content-header {
  118. background: #eee;
  119. }
  120. #main-content-header {
  121. padding-top: 20px;
  122. position: relative;
  123. min-height: 50px;
  124. }
  125. #page-footer {
  126. background: #fff;
  127. margin: 0;
  128. padding: 15px 0;
  129. }
  130. .page-block .region {
  131. margin: .5em 0;
  132. }
  133. .page-block #content .region-inner {
  134. background: #fff;
  135. border: none;
  136. }
  137. .page-block .region .block {
  138. background: #fff;
  139. }
  140. .page-block #main-content .block-region {
  141. padding: 9px 12px;
  142. }
  143. .block-region {
  144. font-size: 1em;
  145. margin: 10px 0 0;
  146. }
  147. #blocks tr.region-title {
  148. background: #fff;
  149. color: #333;
  150. }
  151. #blocks tr.region-title td {
  152. font-weight: bold;
  153. padding-top: 2em;
  154. background: #f9f9f9;
  155. }
  156. #blocks tr.odd,
  157. #blocks tr.even {
  158. background: #fff;
  159. }
  160. #blocks td,
  161. #blocks th {
  162. border-bottom: 1px solid #f9f9f9;
  163. }
  164. #block-admin-display-form div.messages {
  165. margin-left: 0;
  166. margin-right: 0;
  167. }
  168. /* Hyperlinks */
  169. a {
  170. text-decoration: none;
  171. }
  172. a:active,
  173. a.active,
  174. .block a:active,
  175. .block a.active {
  176. color: #222;
  177. }
  178. a img {
  179. border: none;
  180. }
  181. a,
  182. a:link,
  183. a:visited,
  184. .block a,
  185. .block a:visited,
  186. tr #acquia-agent-no-search a:link,
  187. tr #acquia-agent-no-search a:visited {
  188. color: #3188D1;
  189. }
  190. a:hover,
  191. a:focus {
  192. text-decoration: underline;
  193. }
  194. .show-on-focus a,
  195. .show-on-focus a:link,
  196. .show-on-focus a:visited {
  197. background: #333;
  198. }
  199. /* Site name and logo */
  200. #site-name a:link,
  201. #site-name a:visited {
  202. color: #bbb;
  203. }
  204. #logo {
  205. float: right;
  206. }
  207. /* Topbar */
  208. .topbar-wrapper {
  209. position: relative;
  210. background: #555;
  211. }
  212. #topbar time,
  213. #breadcrumb {
  214. padding: 7px 0;
  215. font-size: 0.923em;
  216. line-height: 1.5;
  217. }
  218. #topbar time {
  219. float: right;
  220. }
  221. #breadcrumb {
  222. float: left;
  223. }
  224. #breadcrumb ol {
  225. margin: 0;
  226. padding: 0;
  227. }
  228. #breadcrumb .breadcrumb-label {
  229. font-size: 1em;
  230. display: inline;
  231. padding-right: 10px;
  232. font-weight: 700;
  233. color: #e7e7e7;
  234. }
  235. #breadcrumb .breadcrumb-label:after {
  236. content: ":";
  237. }
  238. #breadcrumb .with-breadcrumb-label ol {
  239. display: inline;
  240. }
  241. #breadcrumb li {
  242. list-style: none;
  243. display: inline;
  244. }
  245. #topbar time,
  246. ol#crumbs,
  247. ol#crumbs a:link,
  248. ol#crumbs a:visited {
  249. color: #e7e7e7;
  250. }
  251. ol#crumbs a:hover,
  252. ol#crumbs a:focus,
  253. ol#crumbs a:active {
  254. color: #fff;
  255. }
  256. .crumb-title {
  257. font-style: italic;
  258. }
  259. /* Pager */
  260. .item-list ul.pager {
  261. margin: 0 0 20px;
  262. padding-bottom: 4px;
  263. padding-top: 15px;
  264. color: #fff;
  265. }
  266. .item-list ul.pager li {
  267. margin: 0;
  268. color: #fff;
  269. }
  270. .item-list ul.pager li a {
  271. font-weight: 700;
  272. padding: 6px 10px;
  273. }
  274. .item-list ul.pager li a:hover,
  275. .item-list ul.pager li.pager-current {
  276. font-weight: 700;
  277. background-color: #bbb;
  278. color: #fff;
  279. border-radius: 4px;
  280. }
  281. .item-list ul.pager li.pager-current {
  282. padding: 6px 10px;
  283. }
  284. .item-list ul.pager li a:link,
  285. .item-list ul.pager li a:visited {
  286. color: #444;
  287. }
  288. /* Attribution */
  289. #attribution {
  290. font-size: .82em;
  291. padding: 6px 0 10px;
  292. text-align: center;
  293. }
  294. #attribution a {
  295. color: #999;
  296. }
  297. #attribution a:hover,
  298. #attribution a:focus {
  299. color: #d7d7d7;
  300. }
  301. /* Blocks */
  302. .block {
  303. margin: 0;
  304. }
  305. .block-inner {
  306. clear: both;
  307. background: #fff;
  308. }
  309. .region-sidebar-first .block,
  310. .region-sidebar-second .block {
  311. padding: 20px 0 0;
  312. }
  313. #block-system-main .block-inner {
  314. clear: both;
  315. border: 0;
  316. background: #fff;
  317. }
  318. .region-help .block {
  319. margin: 0;
  320. }
  321. .region-help .block-inner {
  322. background: none;
  323. border: 0;
  324. margin-bottom: 0;
  325. }
  326. #block-system-main .content {
  327. margin: 0;
  328. }
  329. #block-system-0 .block-inner {
  330. border: none;
  331. text-align: center;
  332. }
  333. tr .block {
  334. border: 0;
  335. }
  336. .block h2 {
  337. font-size: 1em;
  338. margin: 0;
  339. padding: 0;
  340. }
  341. .admin-panel h3 {
  342. display: block;
  343. font-size: 1.12em;
  344. padding: .1em .5em .2em;
  345. background: #d7d7d7;
  346. text-shadow: 0 1px 1px #fff;
  347. }
  348. .admin-panel h3 {
  349. line-height: 1.75;
  350. margin: 0;
  351. }
  352. #block-system-powered-by .block-inner {
  353. text-align: center;
  354. background: none;
  355. border: 0;
  356. }
  357. /* Item lists, menus etc */
  358. .block-search input.form-text {
  359. max-width: 99%;
  360. }
  361. .block .more-link {
  362. text-align: left;
  363. text-transform: lowercase;
  364. }
  365. .block .more-link a:after {
  366. content: "...";
  367. }
  368. #block-user-3 .item-list h3 {
  369. font-size: 1em;
  370. }
  371. .block ul {
  372. padding: 0;
  373. margin: 0;
  374. }
  375. .block ul.menu {
  376. margin: 0 0 0 15px;
  377. }
  378. ul.menu li {
  379. margin: 0;
  380. }
  381. .block .item-list ul,
  382. .block .item-list ol {
  383. margin: 0;
  384. }
  385. .item-list ul li,
  386. .item-list ol li,
  387. ul.menu li {
  388. padding: .35em 0 0;
  389. }
  390. ul.menu li a {
  391. display: block;
  392. }
  393. #main-content ul.menu,
  394. #main-content ul.menu li {
  395. font-weight: 700;
  396. list-style:none;
  397. margin:0;
  398. }
  399. /* Index and Tasks */
  400. dl.admin-list,
  401. dl.node-type-list {
  402. padding: 0;
  403. }
  404. dl.admin-list{
  405. border-top: 1px solid #eee;
  406. padding-top: 5px;
  407. }
  408. dl.admin-list dt,
  409. dl.node-type-list dt {
  410. background: url("images/circle-arrow-small.png") no-repeat scroll 2px center transparent;
  411. border-bottom: 0;
  412. font-weight: 400;
  413. line-height: 2;
  414. padding: 0 0 0 25px;
  415. }
  416. dl.admin-list dd,
  417. dl.node-type-list dd {
  418. border-bottom: 1px solid #eee;
  419. margin: 0 0 5px;
  420. padding: 0 0 15px 25px;
  421. color: #777;
  422. }
  423. dl.admin-list.compact dt,
  424. dl.node-type-list.compact dt {
  425. width: auto;
  426. float: none;
  427. }
  428. div.admin-panel dl,
  429. div.admin-panel dt {
  430. border: none;
  431. }
  432. div.admin-panel dt,
  433. div.admin-panel dd {
  434. padding: 0 10px 0 25px;
  435. display: block;
  436. float: none;
  437. width: auto;
  438. line-height: 1.5;
  439. border: 0;
  440. }
  441. div.admin-panel dd {
  442. padding-bottom: 10px;
  443. }
  444. div.admin-panel {
  445. margin: 0 0 .75em;
  446. padding: 0;
  447. border: 1px solid #d7d7d7;
  448. border-radius: 3px;
  449. }
  450. div.admin .left,
  451. div.admin .right {
  452. margin-left: 0;
  453. margin-right: 0;
  454. width: 49%;
  455. }
  456. .admin-panel .body {
  457. padding: 0 1em;
  458. }
  459. .admin-panel p {
  460. margin: 0;
  461. padding: 1em 0 0;
  462. }
  463. .admin-panel ul,
  464. .admin-panel ul.menu,
  465. .admin-panel .item-list ul {
  466. padding: 0 0 1em;
  467. }
  468. .admin-panel dl {
  469. margin: 0;
  470. padding: 1em 0;
  471. }
  472. .admin-panel dt,
  473. .admin-panel ul.menu li,
  474. .admin-panel ul.item-list li {
  475. font-weight: 400;
  476. }
  477. .admin-panel dd {
  478. font-size: .94em;
  479. margin-left: 0;
  480. color: #555;
  481. }
  482. .admin .compact-link {
  483. margin: 0 0 1em;
  484. }
  485. .admin .compact-link a {
  486. padding: .3em .5em;
  487. }
  488. .page-admin-by-module .admin-panel .body p {
  489. font-size: .94em;
  490. color: #555;
  491. }
  492. #user-admin-filter ul li,
  493. #node-admin-filter ul li {
  494. list-style: none;
  495. }
  496. .more-help-link {
  497. font-size: .94em;
  498. line-height: 1.667em;
  499. }
  500. #permissions td.permission {
  501. padding-left: .5em;
  502. }
  503. #permissions td.module {
  504. font-weight: 700;
  505. background: #eee;
  506. color: #222;
  507. }
  508. div.add-or-remove-shortcuts {
  509. display: inline-block;
  510. }
  511. .admin-panel ul li {
  512. color: #555;
  513. }
  514. a.block-demo-backlink,
  515. a.block-demo-backlink:link,
  516. a.block-demo-backlink:visited {
  517. padding:4px 10px 2px;
  518. }
  519. /* Main, Secondary, local tasks menus */
  520. ul.primary {
  521. border-bottom: 0;
  522. margin: 20px 0 0;
  523. padding: 0 0 .4em 0;
  524. }
  525. ul.primary li a {
  526. background: #bcbcbc;
  527. color: #fff;
  528. border: 0 !important;
  529. margin-right: 3px;
  530. padding: 0 16px;
  531. font-weight: 700;
  532. font-size: 0.923em;
  533. display: block;
  534. float: left;
  535. line-height: 2.25;
  536. text-transform: uppercase;
  537. text-decoration: none;
  538. white-space: normal;
  539. border-radius: 6px 6px 0 0;
  540. -webkit-transition: background 0.2s ease-in;
  541. -moz-transition: background 0.2s ease-in;
  542. -o-transition: background 0.2s ease-in;
  543. -ms-transition: background 0.2s ease-in;
  544. transition: background 0.2s ease-in;
  545. }
  546. ul.primary li a:hover {
  547. background: #6e6e6e;
  548. }
  549. ul.primary li a:active {
  550. text-decoration: none;
  551. }
  552. ul.primary li.active a,
  553. ul.primary li.active a:active,
  554. ul.primary li.active a:hover,
  555. ul.primary li.active a:focus {
  556. background: #fff;
  557. color: #6e6e6e;
  558. text-decoration: none !important;
  559. }
  560. @media only screen and (max-width: 600px) {
  561. ul.primary li a {
  562. float: none;
  563. margin-bottom: 6px;
  564. border-radius: 6px;
  565. }
  566. }
  567. .secondary-tasks-wrapper {
  568. background: #fff;
  569. }
  570. #secondary-tasks {
  571. padding: 15px 0 0;
  572. }
  573. ul.secondary {
  574. border-bottom: 0;
  575. margin: 0;
  576. padding: 0;
  577. font-size: 0.923em;
  578. }
  579. ul.secondary li {
  580. border-right: 0;
  581. list-style: none;
  582. padding: 0; /* LTR */
  583. margin: 0 2px 0 0;
  584. display: block;
  585. float: left;
  586. }
  587. ul.secondary li a {
  588. color: #3188D1;
  589. display: block;
  590. float: left;
  591. font-weight: 600;
  592. font-size: 0.923em;
  593. height: 1.8em;
  594. line-height: 1.8em;
  595. padding: 0 10px;
  596. text-transform: none;
  597. }
  598. ul.secondary li a:hover,
  599. ul.secondary li a:focus {
  600. text-decoration: underline;
  601. }
  602. ul.secondary li a.active {
  603. border-bottom: 0;
  604. color: #194468;
  605. text-decoration: underline;
  606. }
  607. /* Tables */
  608. table {
  609. border-spacing: 0;
  610. margin: 0 0 10px;
  611. padding: 0;
  612. border-bottom: 1px solid #eee;
  613. width: 100%;
  614. }
  615. table.sticky-header {
  616. z-index: 10;
  617. }
  618. thead label {
  619. padding: 0 10px;
  620. }
  621. tr.even,
  622. tr.odd {
  623. border-bottom: 0;
  624. }
  625. caption,
  626. th {
  627. font-weight: 700;
  628. }
  629. table,
  630. td,
  631. th {
  632. vertical-align: middle;
  633. }
  634. thead tr,
  635. thead th {
  636. font-weight: 700;
  637. border-bottom: 0;
  638. color: #494949;
  639. background: #f5f5f5;
  640. }
  641. tbody {
  642. border-top: 1px solid #eee;
  643. }
  644. td,th {
  645. margin: 0;
  646. padding: 10px 7px;
  647. }
  648. th.active a {
  649. padding-right: 25px;
  650. position: relative;
  651. }
  652. th.active a img {
  653. position: absolute;
  654. top: 0;
  655. right: 3px;
  656. }
  657. tr.odd,tr.info {
  658. background-color: #fff;
  659. }
  660. td.region,
  661. td.module,
  662. td.container td.category {
  663. font-weight: 700;
  664. background-color: #eee;
  665. border-bottom: 1px solid #d7d7d7;
  666. border-top: 1.5em solid #fff;
  667. color: #222;
  668. }
  669. tr:first-child td.region,
  670. tr:first-child td.module,
  671. tr:first-child td.container {
  672. border-top-width: 0;
  673. }
  674. #block-admin-display-form tr .block {
  675. background: transparent;
  676. }
  677. body div.tabledrag-changed-warning {
  678. margin: 0 0 10px 0;
  679. }
  680. #system-modules td strong {
  681. display: block;
  682. width: 110px;
  683. }
  684. #edit-logo-path,
  685. #edit-favicon-path {
  686. width: 90%;
  687. }
  688. #system-theme-settings .button-wrapper {
  689. clear: both;
  690. display: block;
  691. }
  692. .section-admin table {
  693. width: 100%;
  694. }
  695. .section-admin table.image-anchor {
  696. width: auto;
  697. }
  698. .page-admin-build-themes #system-themes-form table {
  699. position: relative;
  700. z-index: 999;
  701. }
  702. span.tabledrag-changed {
  703. display: none;
  704. }
  705. tr.even {
  706. background-color: #f9f9f9;
  707. }
  708. tr.drag,
  709. #blocks tr.drag {
  710. background-color: #fffff0;
  711. }
  712. tr.drag-previous,
  713. #blocks tr.drag-previous {
  714. background-color: #ffd;
  715. }
  716. tr.odd td.active {
  717. background-color: #eee;
  718. }
  719. tr.even td.active {
  720. background-color: #f5f5f5;
  721. }
  722. .tabledrag-toggle-weight-wrapper {
  723. padding: 5px 0 2px;
  724. }
  725. .tabledrag-toggle-weight-wrapper a:focus,
  726. .tabledrag-toggle-weight-wrapper a:hover {
  727. text-decoration: underline;
  728. border: 0;
  729. background: none;
  730. }
  731. a.tabledrag-handle .handle {
  732. margin-top: -0.42em;
  733. }
  734. #system-modules table th {
  735. min-width: 60px;
  736. }
  737. #system-modules table th:nth-child(1) {
  738. width: 70px;
  739. }
  740. #system-modules table th:nth-child(2) {
  741. width: 120px;
  742. }
  743. #system-modules table th:nth-child(3) {
  744. width: 90px;
  745. }
  746. #system-modules table th[colspan*="3"] {
  747. width: 260px;
  748. }
  749. #system-modules table .odd .permissions,
  750. #system-modules table .odd .help,
  751. #system-modules table .odd .configure {
  752. width: 100px;
  753. background: #fafafa;
  754. }
  755. #system-modules table .even .permissions,
  756. #system-modules table .even .help,
  757. #system-modules table .even .configure {
  758. width: 100px;
  759. background: #f5f5f5;
  760. }
  761. #system-modules table .odd .help,
  762. #system-modules table .even .help {
  763. width: 60px;
  764. }
  765. /* Message */
  766. div.messages {
  767. background-position: 8px 5px;
  768. margin: 10px;
  769. border-radius: 2px;
  770. }
  771. #block-system-help {
  772. background: url(images/help.png) no-repeat 8px 5px #f0f8ff;
  773. border: 0;
  774. margin: 10px 10px 0;
  775. padding: 0;
  776. border-radius: 2px;
  777. }
  778. .block-region {
  779. background-color: #f7f8f8;
  780. border: 2px dashed #ddd;
  781. clear: both;
  782. color: #666;
  783. font-family: Consolas, "Lucida Console", Menlo, Monaco, "DejaVu Sans Mono", monospace, sans-serif;
  784. font-size: 1.077em;
  785. font-weight: 400;
  786. margin-bottom: 10px;
  787. margin-top: 5px;
  788. padding: 3px 6px 1px;
  789. border-radius: 6px;
  790. }
  791. #page article.article-unpublished,
  792. #page article.comment-unpublished {
  793. background-color: #fffce5;
  794. }
  795. #page .article-unpublished .unpublished,
  796. #page .comment-unpublished .unpublished {
  797. background: url("images/warning.png") no-repeat 1px 7px;
  798. color: #625b42;
  799. font-weight: 700;
  800. padding: 5px 10px 10px 20px;
  801. }
  802. div#acquia-agent-no-search {
  803. padding-left: 3em !important;
  804. margin: 8px 0;
  805. }
  806. a.block-demo-backlink,
  807. a.block-demo-backlink:link,
  808. a.block-demo-backlink:visited {
  809. left: 50%;
  810. margin-left: -9em;
  811. text-align: center;
  812. width: 18em;
  813. }
  814. .vertical-tab-button-error a {
  815. border: 1px solid #FC6F5D;
  816. }
  817. body.maintenance-page,
  818. body.maintenance-page .container {
  819. width: 100%;
  820. max-width: 960px;
  821. margin: 0 auto 30px;
  822. }
  823. body.maintenance-page #header {
  824. padding-left: 0;
  825. padding-right: 0;
  826. }
  827. div.region-help,
  828. div.messages {
  829. margin-top: 20px;
  830. margin-bottom: 20px;
  831. border: 0;
  832. }
  833. tr #acquia-agent-no-search {
  834. background-position: 24px 5px;
  835. padding-left: 75px;
  836. }
  837. div.error a:hover,
  838. div.error a:focus,
  839. div.status a:hover,
  840. div.status a:focus,
  841. div.help a:hover,
  842. div.help a:focus,
  843. div.warning a:hover,
  844. div.warning a:focus {
  845. text-decoration: underline;
  846. }
  847. div.admin-requirements,div.admin-required {
  848. color: #666;
  849. line-height: 1.5;
  850. padding: 0;
  851. }
  852. #block-system-help .content {
  853. margin: 0;
  854. padding: 7px 0 10px 40px;
  855. }
  856. #block-system-help code,
  857. div.messages code,
  858. div.error a:link,
  859. div.error a:visited,
  860. div.status a:link,
  861. div.status a:visited,
  862. div.help a:link,
  863. div.help a:visited,
  864. div.warning a:link,
  865. div.warning a:visited {
  866. font-weight: 700;
  867. }
  868. #block-system-help p:last-child,
  869. #block-system-help ul:last-child,
  870. #block-system-help .content p:last-child {
  871. margin-bottom: 0;
  872. }
  873. #block-system-help p:first-child,
  874. #block-system-help .content p:first-child {
  875. margin-top: 0;
  876. }
  877. /* Forms - hodge podge of styles and targets */
  878. form {
  879. margin: 0 0 18px;
  880. padding: 0;
  881. }
  882. input {
  883. border-radius: 2px;
  884. }
  885. .form-actions {
  886. margin-bottom: 10px;
  887. margin-top: 10px;
  888. }
  889. input.text,
  890. input.title,
  891. textarea,
  892. select {
  893. margin: 0;
  894. border: 1px solid #d7d7d7;
  895. padding: 3px 3px 4px;
  896. }
  897. select {
  898. padding: 2px 2px 2px 3px;
  899. }
  900. input.form-text,
  901. textarea {
  902. height: auto;
  903. padding: 3px;
  904. border: 1px solid #d7d7d7;
  905. }
  906. input.form-checkbox,
  907. input.form-radio {
  908. margin: 0 3px;
  909. }
  910. .form-item label.option,
  911. .form-item label.option input {
  912. vertical-align: middle;
  913. }
  914. td div.description,
  915. .form-item .description,
  916. .description {
  917. padding: 4px 0;
  918. color: #666;
  919. }
  920. #user-admin-settings fieldset .fieldset-description {
  921. font-size: 1em;
  922. padding-bottom: 5px;
  923. color: #666;
  924. }
  925. .form-type-radio .description,
  926. .form-type-checkbox .description {
  927. margin-left: 0;
  928. }
  929. textarea,
  930. input {
  931. font: 1em Verdana, Arial, "Bitstream Vera Sans", sans-serif;
  932. max-width: 100%;
  933. }
  934. div.form-item {
  935. margin-bottom: 15px;
  936. margin-top: 10px;
  937. }
  938. tr.odd .ajax-new-content .form-item,
  939. tr.even .ajax-new-content .form-item {
  940. margin-bottom: 5px;
  941. margin-top: 5px;
  942. }
  943. .form-item textarea.error {
  944. padding: 2px;
  945. }
  946. abbr.form-required,
  947. span.form-required,
  948. span.marker {
  949. border: 0;
  950. color: #8a1a11;
  951. font-weight: 700;
  952. }
  953. #node-admin-filter ul {
  954. padding: 4px 0;
  955. }
  956. #edit-operation-wrapper select {
  957. margin: 4px;
  958. }
  959. div.resizable-textarea textarea {
  960. margin-top: 0;
  961. }
  962. #edit-title {
  963. width: 98.5%;
  964. font-size: 1.231em;
  965. }
  966. a.button,
  967. input.form-submit,
  968. input.teaser-button {
  969. background-color: transparent;
  970. background-image: url(images/blue-button.png);
  971. background-repeat: no-repeat;
  972. background-position: 0 0;
  973. border: 1px solid #fff;
  974. color: #fff;
  975. cursor: pointer;
  976. font-size: 1em;
  977. font-weight: 700;
  978. margin: 3px 10px 3px 0;
  979. outline: 1px solid #9babb0;
  980. padding: 2px 6px;
  981. -webkit-background-size: 100% 200%;
  982. -moz-background-size: 100% 200%;
  983. background-size: 100% 200%;
  984. border-radius: 4px;
  985. }
  986. .ajax-new-content input.form-submit,
  987. .ajax-new-content input.teaser-button {
  988. margin: 3px 10px 3px 0;
  989. }
  990. input[value~=Save],
  991. input[value~=Update],
  992. #system-theme-settings input#edit-submit,
  993. .node-form input#edit-submit.form-submit,
  994. input#edit-save.form-submit {
  995. background-image: url(images/green-button.png);
  996. }
  997. a.button-no,
  998. input[value~=Cancel],
  999. input#edit-delete.form-submit,
  1000. #system-modules-uninstall input#edit-submit,
  1001. #user-multiple-delete-confirm input#edit-submit {
  1002. background-image: url(images/red-button.png);
  1003. }
  1004. a.button:hover,
  1005. input[value~=Update]:hover,
  1006. input[value~=Save]:hover,
  1007. #system-theme-settings input#edit-submit:hover,
  1008. input.form-submit:hover,
  1009. input.teaser-button:hover,
  1010. input#edit-save.form-submit:hover,
  1011. .node-form input#edit-submit.form-submit:hover,
  1012. input#edit-delete.form-submit:hover,
  1013. #system-modules-uninstall input#edit-submit:hover,
  1014. #user-multiple-delete-confirm input#edit-submit:hover {
  1015. background-position: bottom;
  1016. cursor: pointer;
  1017. text-decoration:none;
  1018. }
  1019. #edit-views-apply,
  1020. #edit-views-reset {
  1021. margin-top: 20px;
  1022. }
  1023. #views-ui-analyze-view-button {
  1024. margin: 0;
  1025. padding: 6px 0 4px;
  1026. }
  1027. form#views-add-display-form {
  1028. padding-bottom: 4px;
  1029. }
  1030. form#views-add-display-form div.form-item {
  1031. margin-bottom: 4px;
  1032. }
  1033. #views-live-preview form div.form-item-live-preview {
  1034. margin: 20px 0 0 0;
  1035. }
  1036. #views-live-preview form input#preview-submit {
  1037. margin: 25px 0 0 0;
  1038. }
  1039. .fieldset-block-info {
  1040. margin-bottom: .5em;
  1041. }
  1042. .fieldset-block-info dt {
  1043. font-size: .846em;
  1044. border-bottom: 1px solid #e5e5e5;
  1045. }
  1046. .fieldset-block-info dd {
  1047. font-size: .923em;
  1048. margin: 0 0 .3em;
  1049. color: #777;
  1050. }
  1051. fieldset {
  1052. background: #fafafa;
  1053. border: 0;
  1054. margin: 0 0 15px;
  1055. padding: 10px 0;
  1056. position: relative;
  1057. }
  1058. .fieldset-wrapper {
  1059. padding: 0 15px;
  1060. }
  1061. fieldset fieldset {
  1062. background: #ededed;
  1063. }
  1064. fieldset fieldset .fieldset-wrapper {
  1065. padding: 10px 15px;
  1066. }
  1067. fieldset fieldset fieldset {
  1068. background: #ededed;
  1069. }
  1070. fieldset fieldset fieldset .fieldset-wrapper {
  1071. padding: 10px 15px;
  1072. }
  1073. .filter-wrapper {
  1074. border-top-left-radius: 0;
  1075. border-top-right-radius: 0;
  1076. }
  1077. html.js fieldset.collapsed {
  1078. height: auto;
  1079. }
  1080. fieldset.collapsed {
  1081. background: transparent;
  1082. margin-bottom: 0;
  1083. padding-bottom: 0;
  1084. border-radius: 0;
  1085. }
  1086. fieldset#edit-body-und-0-format {
  1087. border-radius: 0 0 3px 3px;
  1088. }
  1089. .vertical-tabs fieldset {
  1090. border-radius: 0;
  1091. background: #fff;
  1092. }
  1093. .vertical-tabs-panes > fieldset > .fieldset-wrapper {
  1094. padding: 10px 15px;
  1095. }
  1096. .vertical-tabs-panes fieldset fieldset .fieldset-wrapper {
  1097. padding-top: 0 !important;
  1098. }
  1099. legend {
  1100. font-size: 1em;
  1101. border: 0;
  1102. background: #d4d4d4;
  1103. display: block;
  1104. padding: 7px 1%;
  1105. width: 98%;
  1106. border-radius: 2px;
  1107. }
  1108. fieldset legend,
  1109. fieldset legend a:link,
  1110. fieldset legend a:visited,
  1111. fieldset legend a:hover,
  1112. fieldset legend a:focus,
  1113. fieldset legend a:active {
  1114. font-weight: 600;
  1115. color: #424242;
  1116. }
  1117. html.js fieldset span.fieldset-legend {
  1118. background-image: none !important;
  1119. padding-left: 0 !important;
  1120. }
  1121. html.js fieldset.collapsible .fieldset-legend a {
  1122. background: url('images/menu-expanded.png') no-repeat scroll 5px 65% transparent;
  1123. padding-left: 15px;
  1124. }
  1125. html.js fieldset.collapsed .fieldset-legend a {
  1126. background-image: url('images/menu-collapsed.png');
  1127. background-position: 5px 50%;
  1128. }
  1129. html.js #edit-css-settings > legend > .fieldset-legend {
  1130. padding-left: 0;
  1131. background-image: none;
  1132. }
  1133. table fieldset,
  1134. table legend {
  1135. background: transparent;
  1136. border: 0;
  1137. }
  1138. table legend {
  1139. font-weight: 700;
  1140. padding: 4px 15px;
  1141. text-transform: uppercase;
  1142. }
  1143. input.form-text:focus,
  1144. input.text:focus,
  1145. input.title:focus,
  1146. select:focus {
  1147. background: #ffffdf;
  1148. border: 1px solid #fc0;
  1149. }
  1150. textarea:focus {
  1151. border: 1px solid #fc0;
  1152. }
  1153. .filter-wrapper {
  1154. background: #f9f9f9;
  1155. border-width: 0 1px 1px 1px;
  1156. border-color: #d7d7d7;
  1157. border-style: solid;
  1158. border-radius: 0 0 3px 3px;
  1159. }
  1160. .text-format-wrapper .description {
  1161. margin: 3px 0 15px;
  1162. }
  1163. #search-theme-form,
  1164. .fieldset-block-info dl,
  1165. .at-admin-block-edit-links ul,
  1166. .admin-panel .item-list ul,
  1167. .page-admin-by-module .admin-panel .body,
  1168. div.form-item div.description img {
  1169. margin: 0;
  1170. }
  1171. #node-form #edit-title,
  1172. input.title {
  1173. font-size: 1.25em;
  1174. width: 85%;
  1175. }
  1176. .form-item strong.error {
  1177. display: block;
  1178. }
  1179. #system-themes-form td:first-child {
  1180. vertical-align: top;
  1181. }
  1182. #block-system-0 .fieldset-block-info,
  1183. caption,
  1184. th,
  1185. td {
  1186. text-align: left;
  1187. }
  1188. div.vertical-tabs ul.vertical-tabs-list li {
  1189. background: #f5f5f5;
  1190. }
  1191. .fieldset-description h3 {
  1192. margin: 0 0 10px;
  1193. padding: 0;
  1194. font-weight: 700;
  1195. }
  1196. #system-theme-settings #edit-font .fieldset-wrapper legend {
  1197. padding-top: 4px;
  1198. }
  1199. #system-theme-settings #edit-font label {
  1200. width: 3.6em;
  1201. }
  1202. html.js input.form-autocomplete {
  1203. background-position: 100% 4px;
  1204. }
  1205. html.js input.throbbing {
  1206. background-position: 100% -16px;
  1207. }
  1208. div.form-type-textfield {
  1209. position: relative;
  1210. }
  1211. /* Panels layout page TODO: check accessibility regarding width settings */
  1212. .panels-layouts-checkboxes .form-checkboxes .form-item,
  1213. #panels-choose-layout .form-radios .form-item {
  1214. margin-right: 10px;
  1215. width: 120px;
  1216. text-align: center;
  1217. }
  1218. .panels-layouts-checkboxes .form-checkboxes .form-item .layout-icon,
  1219. #panels-choose-layout .form-radios .form-item .layout-icon {
  1220. height: 13em;
  1221. width: 120px;
  1222. }
  1223. .panels-layouts-checkboxes .form-checkboxes .option,
  1224. #panels-choose-layout .form-radios .form-item .option {
  1225. text-align: center;
  1226. width: 120px;
  1227. }
  1228. #panels-choose-layout .layout-icon .caption {
  1229. font-size: 0.9em;
  1230. padding: 0 4px;
  1231. width: 112px;
  1232. }
  1233. #update-manager-install-form p {
  1234. margin-top: .75em;
  1235. }
  1236. /* Action links */
  1237. nav.action-links-wrapper {}
  1238. ul.action-links {
  1239. margin: 20px 10px 0;
  1240. padding: 0;
  1241. list-style: none;
  1242. }
  1243. ul.action-links li {
  1244. margin-bottom: 5px;
  1245. display: block;
  1246. float: left;
  1247. }
  1248. ul.action-links li a {
  1249. background: #f5f5f5;
  1250. border-bottom: 1px solid #eee;
  1251. color: #666;
  1252. display: block;
  1253. float: left;
  1254. font-size: 1em;
  1255. font-weight: 600;
  1256. line-height: 2em;
  1257. margin: 0 10px 0 0;
  1258. padding: 0 10px;
  1259. text-shadow: 0 1px 1px #fff;
  1260. border-radius: 12px;
  1261. -webkit-transition: background 0.2s ease-in;
  1262. -moz-transition: background 0.2s ease-in;
  1263. -o-transition: background 0.2s ease-in;
  1264. -ms-transition: background 0.2s ease-in;
  1265. transition: background 0.2s ease-in;
  1266. }
  1267. ul.action-links li a:before {
  1268. content: "+ ";
  1269. }
  1270. ul.action-links li a:hover,
  1271. ul.action-links li a:focus {
  1272. background: #ddd;
  1273. color: #666;
  1274. text-decoration: none;
  1275. border-bottom-color: #ccc;
  1276. }
  1277. /* Themes list */
  1278. .system-themes-list h2 {
  1279. margin:1em 0 0;
  1280. }
  1281. /* Content exposed filters */
  1282. .block .item-list ul.current-filters {
  1283. margin: 0 0 15px;
  1284. padding: 0;
  1285. }
  1286. .exposed-filters .additional-filters {
  1287. font-style: italic;
  1288. margin: 0 1.5em 0 0.5em;
  1289. }
  1290. .exposed-filters .form-item label {
  1291. float: left;
  1292. font-weight: bold;
  1293. margin: 4px 0;
  1294. padding: 0;
  1295. text-transform: capitalize;
  1296. width: 14em;
  1297. }
  1298. .exposed-filters .filters {
  1299. width: auto;
  1300. }
  1301. .exposed-filters .form-item {
  1302. background:#F9F9F9;
  1303. margin: 0 0 1px;
  1304. padding: 3px 3px 3px 10px;
  1305. }
  1306. .exposed-filters .form-item label {
  1307. float: left;
  1308. font-weight: bold;
  1309. text-transform: capitalize;
  1310. width: 14em;
  1311. margin: 4px 0;
  1312. padding: 0;
  1313. }
  1314. /* Dashboard */
  1315. #dashboard #disabled-blocks .block {
  1316. clear: none;
  1317. }
  1318. .dashboard-region ul {
  1319. padding: 5px 0;
  1320. }
  1321. /* Block search */
  1322. #block-search-form .block-inner {
  1323. background: none;
  1324. border: none;
  1325. }
  1326. /* Tips */
  1327. #edit-body-und-0-format {
  1328. padding-top: 0;
  1329. }
  1330. #edit-body-und-0-format-help {
  1331. padding-top: 1.7em;
  1332. }
  1333. .tips {
  1334. font-size: 0.95em;
  1335. margin: 0;
  1336. padding: 0 0 0 1.5em;
  1337. }
  1338. /* Skip Navigation */
  1339. #skip-link {
  1340. left: 50%;
  1341. margin-left: -5.25em;
  1342. margin-top: 0;
  1343. position: absolute;
  1344. width: auto;
  1345. z-index: 50;
  1346. }
  1347. #skip-link a,
  1348. #skip-link a:link,
  1349. #skip-link a:visited {
  1350. background: #444;
  1351. background: rgba(0, 0, 0, 0.6);
  1352. color: #fff;
  1353. display: block;
  1354. font-size: 0.94em;
  1355. line-height: 1.7;
  1356. padding: 1px 10px 2px 10px;
  1357. text-decoration: none;
  1358. border-radius: 0 0 10px 10px;
  1359. }
  1360. #skip-link a:hover,
  1361. #skip-link a:active,
  1362. #skip-link a:focus {
  1363. outline: 0;
  1364. }
  1365. /* Overlay overrides */
  1366. #overlay .content-columns {
  1367. margin: 0;
  1368. }
  1369. #overlay .topbar-wrapper {
  1370. background: transparent;
  1371. }
  1372. #overlay #topbar,
  1373. #overlay #banner {
  1374. padding-left: 0;
  1375. padding-right: 0;
  1376. }
  1377. #overlay #main-content {
  1378. padding-top: 0;
  1379. }
  1380. #overlay dl.admin-list,
  1381. #overlay dl.node-type-list {
  1382. padding: 0;
  1383. }
  1384. #overlay ol#crumbs,
  1385. #overlay ol#crumbs a:link,
  1386. #overlay ol#crumbs a:visited {
  1387. color: #666;
  1388. }
  1389. #overlay ol#crumbs a:hover,
  1390. #overlay ol#crumbs a:focus,
  1391. #overlay ol#crumbs a:active {
  1392. color: #333;
  1393. }
  1394. #overlay-tabs li a,
  1395. #overlay-tabs li a:active,
  1396. #overlay-tabs li a:visited,
  1397. #overlay-tabs li a:hover {
  1398. background-color:#aaa;
  1399. }
  1400. #overlay div.add-or-remove-shortcuts {
  1401. padding-top: 0.6em;
  1402. position:static;
  1403. right:auto;
  1404. top:auto;
  1405. }
  1406. #overlay #skip-nav,
  1407. #overlay header,
  1408. #overlay footer,
  1409. #overlay h1#page-title,
  1410. #overlay #primary-tasks,
  1411. #overlay #topbar time {
  1412. display: none;
  1413. }
  1414. #overlay ul.secondary li a {
  1415. padding: 0 20px 0 0;
  1416. }
  1417. #overlay-titlebar {
  1418. padding: 0 14px;
  1419. }
  1420. #overlay div.region-help,
  1421. #overlay div.messages {
  1422. margin: 20px 0;
  1423. }
  1424. /* Color form */
  1425. #color_scheme_form .form-item-scheme label, #color_scheme_form .color-form #palette label {
  1426. font-size: 0.923em;
  1427. width: 17.3em;
  1428. }
  1429. #color_scheme_form .color-form #palette .form-item {
  1430. margin: 4px 0;
  1431. padding: 5px 2px 3px 7px;
  1432. width: 23em;
  1433. }
  1434. #color_scheme_form #palette .unlocked,
  1435. #color_scheme_form #palette .hook,
  1436. #color_scheme_form #palette .lock {
  1437. display: none;
  1438. }
  1439. #color_scheme_form #palette .color-form .form-text {
  1440. margin-right: 0;
  1441. }
  1442. #color_scheme_form .color-form .form-item {
  1443. padding-left: 7px;
  1444. }
  1445. /* Themes list */
  1446. .theme-selector .screenshot, .theme-selector .no-screenshot,
  1447. .system-themes-list-enabled .theme-selector .screenshot,
  1448. .system-themes-list-enabled .theme-selector .no-screenshot,
  1449. .system-themes-list-disabled .theme-selector .screenshot,
  1450. .system-themes-list-disabled .theme-selector .no-screenshot {
  1451. height: auto;
  1452. line-height: 1;
  1453. width: 140px;
  1454. float: left;
  1455. margin: 10px 20px 10px 10px;
  1456. }
  1457. .theme-default .screenshot {
  1458. border: 1px solid #E0E0D8;
  1459. }
  1460. .system-themes-list-disabled .theme-selector {
  1461. float: none;
  1462. padding: 0;
  1463. width: auto;
  1464. clear: both;
  1465. display: block;
  1466. }
  1467. .system-themes-list-disabled .theme-info {
  1468. min-height: 1px;
  1469. }
  1470. .theme-selector {
  1471. padding: 15px 0;
  1472. }
  1473. .system-themes-list-enabled .theme-default {
  1474. background-color: #f8fff0;
  1475. margin-top: 10px;
  1476. }
  1477. .system-themes-list-enabled .theme-info,
  1478. .system-themes-list-disabled .theme-info {
  1479. padding: 8px;
  1480. }
  1481. #system-themes-page .theme-info h3 {
  1482. font-weight: bold;
  1483. margin-bottom: 0.5em;
  1484. margin-top: 0;
  1485. }
  1486. #system-themes-page .theme-info .theme-description {
  1487. color: #666;
  1488. }
  1489. .system-themes-list-disabled h2 {
  1490. margin-bottom: 10px;
  1491. }
  1492. /* Vertical tabs */
  1493. .vertical-tabs ul.vertical-tabs-list strong {
  1494. font-weight: 600;
  1495. font-size: 0.923em;
  1496. }
  1497. .vertical-tabs ul.vertical-tabs-list li a:focus,
  1498. .vertical-tabs ul.vertical-tabs-list li a:active,
  1499. .vertical-tabs ul.vertical-tabs-list li a:hover {
  1500. background: #fafafa;
  1501. }
  1502. .vertical-tabs ul.vertical-tabs-list li.selected a:focus,
  1503. .vertical-tabs ul.vertical-tabs-list li.selected a:active,
  1504. .vertical-tabs ul.vertical-tabs-list li.selected a:hover {
  1505. background: #fff;
  1506. }
  1507. .vertical-tabs ul.vertical-tabs-list li a:focus strong,
  1508. .vertical-tabs ul.vertical-tabs-list li a:active strong,
  1509. .vertical-tabs ul.vertical-tabs-list li a:hover strong {
  1510. text-decoration: none;
  1511. }
  1512. /* Appearance list */
  1513. .theme-selector .operations li {
  1514. border-right: 0;
  1515. padding: 0;
  1516. margin-right: 15px;
  1517. }
  1518. .vertical-tabs-panes .at-media-queries label {
  1519. display: block;
  1520. }
  1521. /* Views UI */
  1522. .views-display-top .secondary > li {
  1523. margin: 2px 5px 1px 0;
  1524. padding-left: 0;
  1525. }
  1526. .views-displays ul.secondary a {
  1527. border: 1px solid #d7d7d7;
  1528. line-height: 1.5;
  1529. padding: 3px 5px 0;
  1530. margin: 0;
  1531. border-radius: 2px;
  1532. }
  1533. .views-displays ul.secondary li.open a {
  1534. border-radius: 2px 2px 0 0 !important;
  1535. }
  1536. .views-admin .icon.add {
  1537. background-position: -2px 6px;
  1538. }
  1539. .views-displays .secondary a:hover > .icon.add {
  1540. background-position: -2px -23px;
  1541. }
  1542. .views-displays .secondary .open a:hover > .icon.add {
  1543. background-position: -2px 6px;
  1544. }
  1545. .views-display-top .ctools-button-processed {
  1546. top: 10px;
  1547. }
  1548. #edit-display-settings-title {
  1549. background: transparent;
  1550. display: inline-block;
  1551. font-size: inherit;
  1552. line-height: inherit;
  1553. margin: 0;
  1554. }
  1555. .views-displays ul.secondary .action-list {
  1556. top: 27px;
  1557. }
  1558. .views-displays ul.secondary .action-list li {
  1559. width: 100%;
  1560. }
  1561. .ctools-toggle {
  1562. margin-top: 0.615em;
  1563. }
  1564. .views-display-column > .ctools-toggle {
  1565. margin-top: 0.923em;
  1566. }
  1567. .views-display-column > .ctools-toggle.ctools-toggle-collapsed {
  1568. margin-top: 0.769em;
  1569. }
  1570. .ctools-button-processed {
  1571. background-color: #fdfdfd;
  1572. border-color: #d7d7d7;
  1573. font-size: 0.823em;
  1574. padding-bottom: 2px;
  1575. padding-top: 2px;
  1576. border-radius: 4px;
  1577. }
  1578. .views-display-top .ctools-button-processed,
  1579. .views-display-top ul.secondary a {
  1580. background-color: #fff;
  1581. }
  1582. .views-displays .secondary a:hover, .views-displays .secondary .active a {
  1583. background-color: #d7d7d7;
  1584. border-bottom-width: 1px;
  1585. color: #666;
  1586. }
  1587. .views-ui-dialog #views-ajax-popup {
  1588. -webkit-box-shadow: 0 4px 4px 4px rgba(0,0,0,0.4);
  1589. box-shadow: 0 4px 4px 4px rgba(0,0,0,0.4);
  1590. }
  1591. .views-ui-dialog input.form-submit {
  1592. margin: 3px 10px 3px 0;
  1593. }
  1594. .views-edit-view .ctools-dropbutton .ctools-content input,
  1595. .views-edit-view .action-list input {
  1596. color: #3188D1;
  1597. font-weight: 300;
  1598. margin: 0;
  1599. outline: 0 none;
  1600. padding: 0 12px;
  1601. text-align: left;
  1602. }
  1603. .ctools-dropbutton-processed .ctools-content ul {
  1604. margin: 0;
  1605. padding: 0;
  1606. min-width: 65px;
  1607. }
  1608. .ctools-dropbutton-processed .ctools-twisty,
  1609. .ctools-dropbutton-processed.open .ctools-twisty {
  1610. top: 0.75em;
  1611. }
  1612. /* Advanced help */
  1613. .advanced-help-link {
  1614. -webkit-transition: none;
  1615. -moz-transition: none;
  1616. -o-transition: none;
  1617. -ms-transition: none;
  1618. transition: none;
  1619. }
  1620. .views-ui-display-tab-bucket .advanced-help-link {
  1621. margin-top: 6px;
  1622. }
  1623. /* Fix Panels whacky CSS */
  1624. #page-manager-edit .page-manager-ajax-pad .content-title {
  1625. font-size: 1em;
  1626. line-height: 1.8em;
  1627. padding: 0 5px 0 20px;
  1628. }
  1629. .page-manager-ajax-pad .content-header {
  1630. background: transparent;
  1631. }
  1632. #page-manager-edit .secondary-actions {
  1633. border-bottom: 0;
  1634. }
  1635. #page-manager-edit .page-manager-tabs ul.page-manager-operations {
  1636. border-right: 0;
  1637. line-height: 2em;
  1638. border-bottom: 1px solid #aaa;
  1639. }
  1640. #page-manager-edit .page-manager-edit-operations a[title="Get a summary of the information about this page."] {
  1641. padding-left: 5px;
  1642. }
  1643. #page-manager-edit .page-manager-edit-operations ul.page-manager-operations {
  1644. border-bottom: 0;
  1645. }
  1646. #page-manager-edit .page-manager-edit-operations li ul {
  1647. margin-left: 0;
  1648. }
  1649. #page-manager-edit .page-manager-edit-operations li li {
  1650. margin-left: 5px;
  1651. }
  1652. #page-manager-edit .page-manager-edit-operations li a {
  1653. color: #3188d1;
  1654. padding: 0;
  1655. }
  1656. #page-manager-edit .page-manager-edit-operations li li.active {
  1657. border-right: 1px solid #fff;
  1658. left: 1px;
  1659. margin-left: 4px;
  1660. position: relative;
  1661. }
  1662. #page-manager-edit .page-manager-edit-operations li.active-group .page-manager-group-title {
  1663. background-image: none;
  1664. }
  1665. #page-manager-edit .page-manager-tabs #page-manager-page-summary ul.page-manager-operations {
  1666. border-right: 1px solid #ddd;
  1667. border-bottom: 0;
  1668. }
  1669. #page-manager-edit .page-manager-tabs #page-manager-page-summary ul.page-manager-operations li {
  1670. border-color: #ddd;
  1671. }
  1672. .handler-summary .handler-title {
  1673. border-bottom: 0 none;
  1674. }
  1675. #page-manager-edit .page-manager-wrapper ul.links {
  1676. list-style: none;
  1677. margin: 10px 0 5px;
  1678. padding: 0;
  1679. font-weight: 700;
  1680. }
  1681. .panels-layouts-checkboxes .form-checkboxes .form-item,
  1682. #panels-choose-layout .form-type-radio,
  1683. .panels-choose-layout .form-type-radio {
  1684. float: left;
  1685. margin-right: 10px;
  1686. width: 120px;
  1687. }
  1688. .panels-layouts-checkboxes .form-checkboxes .option input,
  1689. #panels-choose-layout .form-type-radio input,
  1690. .panels-choose-layout .form-type-radio input {
  1691. display: block;
  1692. text-align: center;
  1693. width: 120px;
  1694. margin: 3px 0;
  1695. }
  1696. #page-manager-edit .description {
  1697. margin-bottom: 1em;
  1698. }
  1699. #ctools-context-handler-edit-context th,
  1700. #ctools-context-handler-edit-context td {
  1701. width: 50%;
  1702. text-align: left;
  1703. }
  1704. #page-manager-edit .page-manager-edit-operations li.active,
  1705. #page-manager-edit .page-manager-edit-operations li.active-group .page-manager-group-title,
  1706. #page-manager-edit .page-manager-edit-operations li.active a,
  1707. #page-manager-edit .page-manager-edit-operations li.active a:hover {
  1708. background-position: 98% center;
  1709. color: inherit;
  1710. }
  1711. #page-manager-edit .changed-notification {
  1712. background-color: #fffce5;
  1713. border-color: #ed5;
  1714. color: #840;
  1715. margin: 15px 0 10px;
  1716. padding: 10px;
  1717. }
  1718. .wizard-trail {
  1719. font-size: 1em;
  1720. margin-bottom: 1em;
  1721. color: #aaa;
  1722. }
  1723. .wizard-trail-current {
  1724. color: #41a61e;
  1725. }
  1726. .page-manager-tabs div.messages {
  1727. margin: 15px 0;
  1728. }
  1729. #panels-dnd-main div.panel-region h2.label {
  1730. font-size: 1em;
  1731. margin: 4px 0;
  1732. }
  1733. #panels-dnd-main .panel-pane .pane-title {
  1734. padding: 2px 0 5px;
  1735. font-size: 1em;
  1736. }
  1737. .panels-add-content-modal {
  1738. background-repeat: repeat-y;
  1739. }
  1740. .content-type-button div {
  1741. top: auto;
  1742. }
  1743. /* Module Filter */
  1744. #module-filter-squeeze {
  1745. padding: 10px 10px 5px;
  1746. }
  1747. /* Admin menu */
  1748. #admin-menu, #admin-menu ul {
  1749. font-size: x-small;
  1750. line-height: 1.3;
  1751. }
  1752. /* Context module */
  1753. table.context-admin td.ctools-export-ui-operations {
  1754. padding-top: 15px;
  1755. }
  1756. .context-plugin-title {
  1757. margin-top: 5px;
  1758. }
  1759. .page-admin-structure-context #edit-info {
  1760. margin-bottom: 0;
  1761. padding-bottom: 0;
  1762. }
  1763. .page-admin-structure-context .form-item-condition-mode {
  1764. padding: 0 15px;
  1765. margin: 0 0 30px;
  1766. }
  1767. .page-admin-structure-context .context-plugins {
  1768. margin: 0 10px 15px;
  1769. }
  1770. .page-admin-structure-context .buttons {
  1771. margin: 0 10px 15px;
  1772. }
  1773. .context-plugins .context-plugin-selector {
  1774. background: #f0f0f0;
  1775. width: 24%;
  1776. border-color: #fff;
  1777. border-style: solid solid none;
  1778. border-width: 1px 1px 0;
  1779. }
  1780. .page-admin-structure-context .context-plugins .context-plugin-forms {
  1781. background: #fff;
  1782. border: 1px solid #e8e8e8;
  1783. min-height: 148px;
  1784. }
  1785. .page-admin-structure-context .context-plugins .context-plugin-forms .context-plugin-form {
  1786. padding: 10px 10px 10px 20px;
  1787. }
  1788. .page-admin-structure-context .context-plugins .context-plugin-info {
  1789. border-top: 1px solid #e8e8e8;
  1790. border-bottom: 0 none;
  1791. min-height: 130px;
  1792. }
  1793. .page-admin-structure-context .context-plugin-list {
  1794. border-top: 0;
  1795. border-bottom: 0;
  1796. margin: 0;
  1797. padding: 0;
  1798. }
  1799. .page-admin-structure-context .context-plugin-list li a {
  1800. padding: 10px;
  1801. outline: 0;
  1802. background: #fff;
  1803. }
  1804. .page-admin-structure-context .context-plugin-list li a.active-form {
  1805. background: #fff;
  1806. }
  1807. .page-admin-structure-context .context-plugins .context-plugin-list li span.remove {
  1808. background: #ddd;
  1809. border-radius: 5px;
  1810. font-size: 0.8em;
  1811. font-weight: 400;
  1812. padding: 0 5px;
  1813. right: 10px;
  1814. top: 12px;
  1815. }
  1816. /* Very specific form items */
  1817. .form-item-conditions-plugins-menu-values select {
  1818. min-height: 200px;
  1819. }
  1820. .context-plugin-form-block table {
  1821. border: 0;
  1822. }
  1823. .context-plugin-form-block tbody {
  1824. border-top: 0;
  1825. }
  1826. #context-blockform td.blocks, #context-blockform td.selector {
  1827. border: 0;
  1828. padding: 0 15px 10px 0;
  1829. width: 50%;
  1830. }
  1831. #context-blockform td.selector {
  1832. padding: 0 0 10px 0;
  1833. }
  1834. #context-blockform td.blocks, #context-blockform td.selector {
  1835. vertical-align: top;
  1836. }
  1837. #context-blockform .context-blockform-selector {
  1838. border: 1px solid #ddd;
  1839. height: 30em;
  1840. padding: 10px;
  1841. }
  1842. #context-blockform .context-blockform-selector label {
  1843. margin-bottom: 2px;
  1844. }
  1845. #context-blockform .context-blockform-selector .form-checkboxes {
  1846. margin-bottom: 20px;
  1847. }
  1848. /* @font-your-face has fragile styles for tabs, bash them until they submit! */
  1849. .view-fontyourface-browse ul.tabs {
  1850. border-bottom: 1px solid #BCBCBC;
  1851. font-size: 0.923em;
  1852. line-height: 2.25em;
  1853. min-height: 2.25em;
  1854. margin: 0;
  1855. padding: 5px 0 0;
  1856. }
  1857. .view-fontyourface-browse ul.tabs li {
  1858. display: inline-block;
  1859. float: left;
  1860. list-style: none;
  1861. position: static;
  1862. top: auto;
  1863. }
  1864. .view-fontyourface-browse ul.tabs li a {
  1865. background: #bcbcbc;
  1866. border-color: #bcbcbc;
  1867. border-style: solid;
  1868. border-width: 1px 1px 0;
  1869. color: #fff;
  1870. display: inline-block;
  1871. font-weight: 700;
  1872. line-height: 2.25em;
  1873. margin-right: 3px;
  1874. padding: 0 16px;
  1875. text-decoration: none;
  1876. white-space: normal;
  1877. border-radius: 6px 6px 0 0;
  1878. }
  1879. .view-fontyourface-browse ul.tabs li a:hover,
  1880. .view-fontyourface-browse ul.tabs li a:focus {
  1881. background: #6e6e6e;
  1882. border-color: #6e6e6e;
  1883. color: #fff;
  1884. }
  1885. .view-fontyourface-browse ul.tabs li a.active,
  1886. .view-fontyourface-browse ul.tabs li a.active:active,
  1887. .view-fontyourface-browse ul.tabs li a.active:hover,
  1888. .view-fontyourface-browse ul.tabs li a.active:focus {
  1889. background: #fff;
  1890. color: #6e6e6e;
  1891. border-color: #bcbcbc;
  1892. }
  1893. .dev-query {
  1894. padding: 20px 20px 100px;
  1895. background: #eee;
  1896. }
  1897. /* Media query test for vertical tabs */
  1898. /* Tablet landscape */
  1899. @media only screen and (min-width:769px) and (max-width:1024px) {
  1900. div.vertical-tabs {
  1901. margin-left: 200px;
  1902. }
  1903. .vertical-tabs ul.vertical-tabs-list {
  1904. margin-left: -200px;
  1905. width: 200px;
  1906. }
  1907. }
  1908. /* Standard layout */
  1909. @media only screen and (min-width:1025px) {
  1910. div.vertical-tabs {
  1911. margin-left: 240px;
  1912. }
  1913. .vertical-tabs ul.vertical-tabs-list {
  1914. margin-left: -240px;
  1915. width: 240px;
  1916. }
  1917. }
  1918. /* Helpful classes for hiding content */
  1919. .offscreen {
  1920. position: absolute;
  1921. top: -99999em;
  1922. width: 1px;
  1923. height: 1px;
  1924. overflow: hidden;
  1925. outline: 0;
  1926. }
  1927. .element-hidden {
  1928. display: none;
  1929. }
  1930. /* Experimental */
  1931. input[type="radio"],
  1932. input[type="checkbox"] {
  1933. }