at.settings.form.css

  1. cis7 sites/all/themes/ulmus/adaptivetheme/at_core/css/at.settings.form.css
  2. cle7 sites/all/themes/ulmus/adaptivetheme/at_core/css/at.settings.form.css
  3. ecd7 sites/all/themes/ulmus/adaptivetheme/at_core/css/at.settings.form.css
  4. elmsmedia7 sites/all/themes/ulmus/adaptivetheme/at_core/css/at.settings.form.css
  5. harmony7 sites/all/themes/ulmus/adaptivetheme/at_core/css/at.settings.form.css
  6. icor7 sites/all/themes/ulmus/adaptivetheme/at_core/css/at.settings.form.css
  7. meedjum_blog7 sites/all/themes/ulmus/adaptivetheme/at_core/css/at.settings.form.css
  8. mooc7 sites/all/themes/ulmus/adaptivetheme/at_core/css/at.settings.form.css
/* Theme Settings CSS
   This is crafted to work with Seven and AT Admin themes,
   other admin themes could spit the dummy with these styles. */
.theme-settings-header {
  border-radius: 3px 3px 0 0;
}
.theme-settings-header h1 {
  margin: 0;
  float: left;
  font-size: 1.25em;
  text-shadow: 1px 1px 1px #fff;
}
p.docs-link {
  float: left;
  margin: 3px 10px 0;
  padding: 0;
}
p.docs-link a {
  width: 16px;
  height: 16px;
  display: block !important;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(images/help.png) no-repeat;
  -webkit-transition: none 0 delay;
  -moz-transition: none 0 delay;
  -o-transition: none 0 delay;
  -ms-transition: none 0 delay;
  transition: none 0 delay;
}
p.docs-link a:hover,
p.docs-link a:focus {
  background-position: 0 -16px;
}
p.logo-link {
  float: right;
  width: 65px;
  margin: 0;
  padding: 0;
}
.layout-header a {
  display: block;
}
.layout-header a img {
  width: 100%;
  height: auto;
}
.admin-theme-adaptivetheme_admin div.vertical-tabs {
}
div.vertical-tabs .vertical-tabs-panes {
  min-height: 100px;
}
.vertical-tabs-panes .form-item {
  clear: both;
}
.vertical-tabs-panes label {
  font-weight: 400;
  margin: 5px 0;
  display: inline-block;
}
.vertical-tabs-panes select {
  max-width: 480px; /* Mitigate huge width when page is zoomed */
}
#edit-font label {
  width: 10em;
}
#edit-font #edit-font-size {
  width: auto;
}
#edit-breadcrumb select#edit-breadcrumb-display,
#edit-breadcrumb input#edit-breadcrumb-separator {
  width: auto;
}
#edit-pagestyles fieldset p {
  margin-bottom: 0;
}
div.vertical-tabs .vertical-tabs-panes .form-type-checkbox label,
div.vertical-tabs .vertical-tabs-panes .form-type-radios label {
  float: none;
  width: auto;
}
.no-extensions-enabled,
div.vertical-tabs .vertical-tabs-panes fieldset fieldset {
  background: #ededed;
  border: 0;
  margin: 1px 0;
}
div.vertical-tabs .vertical-tabs-panes fieldset fieldset .fieldset-wrapper {
  padding-top: 10px;
}
div.vertical-tabs .vertical-tabs-panes fieldset fieldset .fieldset-wrapper .fieldset-description {
  padding-bottom: 5px;
}
fieldset.at-layout-form div.form-item  label[for*="-media-query"] {
  padding-bottom: 10px;
}
fieldset.at-layout-form div.form-item[class*="-media-query"] .description {
  padding-top: 3px;
}
.no-extensions-enabled {
  padding: 10px;
}

/* Hide text in form labels where needed
   Kellum Method: http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement */
fieldset.at-layout-form div.form-type-radio label,
div.smalltouch-portrait-layout,
.panel-option-lists .form-radios label  {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-indent: -1000px\9; /* IE */
}

/* edit-disabled responsive layout disabled messages */
.vertical-tabs-panes fieldset fieldset[id*="edit-disabled"],
.vertical-tabs-panes fieldset fieldset[id*="edit-disabled"] .fieldset-wrapper {
  background: transparent;
  margin: 0;
  padding: 0;
}


/* Layout settings */
.at-layout-form div.form-item {
  float: left;
  margin-right: 25px;
  clear: none;
}
fieldset.at-layout-form div.form-item  label,
fieldset.at-layout-form div.form-type-checkbox {
  float: none;
  width: auto;
}
fieldset.at-layout-form div.form-item input {
  width: 8em;
  max-width: 120px;
}
fieldset.at-layout-form select {
  width: 4em;
  max-width: 100px;
}
fieldset.at-layout-form div.form-type-checkbox label,
fieldset.at-media-queries div.form-type-textfield label {
  font-weight: 700;
}
fieldset.at-media-queries div.form-item {
  margin-right: 0;
}
fieldset.at-media-queries div.form-item,
fieldset.at-media-queries div.form-type-textfield input {
  width: 90%;
  max-width: 480px;
}
h4 {
  margin-bottom: 0;
}
fieldset.at-layout-form div.form-type-radio {
  clear: none;
  float: left;
  margin: 0 30px 10px 0;
  text-align: center;
  width: 60px;
}
fieldset.at-layout-form div.form-type-radio input,
fieldset.at-layout-form div[class*="set-max-width"] input  {
  width: auto;
}
fieldset.at-layout-form div.form-type-radio label,
div.smalltouch-portrait-layout  {
  background-repeat: no-repeat;
  margin-top: 4px;
  height: 60px;
  width: 60px;
  display: block;
  float: none;
  text-align: center;
}
div.smalltouch-portrait-layout  {
  float: left;
  margin: 15px 15px 0 0;
}
fieldset#edit-portrait--2  .fieldset-description {
  overflow: hidden;
}
fieldset#edit-landscape,
fieldset#edit-landscape--2,
fieldset#edit-portrait,
fieldset#edit-portrait--2 {
  border: 0;
  background: none;
}
fieldset#edit-landscape > .fieldset-wrapper,
fieldset#edit-landscape--2 > .fieldset-wrapper,
fieldset#edit-portrait > .fieldset-wrapper,
fieldset#edit-portrait--2 > .fieldset-wrapper {
  padding: 0;
}
.vertical-tabs-panes #edit-media-queries  label {
  width: 13em;
}
#edit-media-queries .form-type-checkbox label {
  font-weight: 700;
}
#edit-debug p.warning {
  background: url(images/warning.png) no-repeat left center;
  padding-left: 25px;
}
.field-description-info {
  color: #666;
}

/* Conditional messages for sidebars */
fieldset[id*="message-wrapper"] {
  margin-bottom: 0;
  padding-bottom: 0;
}
fieldset[id*="message-wrapper"] .fieldset-wrapper {
  margin: 0 !important;
  padding: 0;
}
fieldset[id*="message-wrapper"] .fieldset-wrapper .description {
  padding-top: 4px;
}

/* AT Panels */
#edit-panels-wrapper,
#edit-panels-wrapper .fieldset-wrapper {
  background: transparent;
  padding: 10px 0;
}
 #edit-panels-wrapper fieldset {
  margin: 0 0 20px;
  padding-bottom: 0;
}
#edit-panels-wrapper fieldset fieldset {
  margin: 0;
  padding-bottom: 0;
}
#edit-panels-wrapper  fieldset.collapsed  {
  background: transparent;
  overflow: hidden;
  margin: 0 0 10px;
}
#edit-panels-wrapper  fieldset  fieldset.collapsed  {
  margin: 0;
}
#edit-rpw > .fieldset-wrapper > .fieldset-description {}
.panel-option-lists .fieldset-wrapper {
  display: table;
  width: 95%;
}
.panel-option-lists .fieldset-wrapper .fieldset-wrapper {
  padding: 0;
  margin-left: 2.5%;
}
.panel-option-lists .fieldset-wrapper > .form-item {
  display: table-row;
}
.panel-option-lists .fieldset-wrapper > .form-item > label,
.panel-option-lists .fieldset-wrapper > .form-item > div > div {
  display: table-cell;
  vertical-align: middle;
}
div.vertical-tabs .vertical-tabs-panes .panel-option-lists .fieldset-wrapper > .form-item > label {
  font-weight: 400;
  width: 22.5%;
}
.panel-option-lists .fieldset-wrapper legend {
  display: block !important; /* need to show these no matter what */
}
.panel-option-lists label {
}
.panel-option-lists .form-type-radio {
  clear: none;
  float: left;
  margin: 0 30px 10px 0 !important;
  text-align: center;
  width: 40px;
}
.panel-option-lists .form-radios label {
  background: #ddd;
  background-repeat: no-repeat;
  margin-top: 4px;
  height: 40px;
  width: 40px;
  display: block !important;
  float: none;
  text-align: center;
}

/* Wrangel fielset wrappers */
html.js .vertical-tabs-panes fieldset.collapsed div.fieldset-wrapper {
  overflow: hidden;
  display: none !important;
}

/* Fonts */
fieldset#edit-font .fieldset-wrapper legend {
  display: block;
  padding-top: 10px;
}
fieldset#edit-font .fieldset-wrapper .fieldset-wrapper {
  padding-top: 35px;
}
#edit-font > .fieldset-wrapper > fieldset.collapsed {
  background: transparent;
}
#edit-base-font {
  margin-bottom: 11px;
}

/* style select list websafe fonts */
.font-element-wrapper option[value$=-ssl] {font-family: Verdana, Geneva, 'DejaVu Sans', Arial, Helvetica, sans-serif;}
.font-element-wrapper option[value$=-a]   {font-family: Arial, Helvetica, sans-serif;}
.font-element-wrapper option[value$=-cc]  {font-family: Calibri, Candara, Arial, Helvetica, sans-serif;}
.font-element-wrapper option[value$=-m]   {font-family: 'Segoe UI', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif;}
.font-element-wrapper option[value$=-l]   {font-family: 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Verdana, Geneva, sans-seri;}
.font-element-wrapper option[value$=-i]   {font-family: Impact, Haettenschweiler, 'Franklin Gothic Bold', Charcoal, 'Helvetica Inserat', 'Bitstream Vera Sans Bold', 'Arial Black', sans-serif;}
.font-element-wrapper option[value$=-ss]  {font-family: Garamond, Perpetua, 'Times New Roman', serif;}
.font-element-wrapper option[value$=-sl]  {font-family: Georgia, Baskerville, Palatino, 'Palatino Linotype', 'Book Antiqua', 'Times New Roman', serif;}
.font-element-wrapper option[value$=-ms]  {font-family: Consolas, Monaco, 'Courier New', Courier, monospace, sans-serif;}

/* Google font new styles */
#edit-font fieldset[id$=-gwf-styles],
#edit-font fieldset[id$=-gwf-charsets],
#edit-font fieldset[id$=-gwf-styles] .fieldset-wrapper,
#edit-font fieldset[id$=-gwf-charsets] .fieldset-wrapper {
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
}
#edit-font fieldset[id$=-gwf-charsets] {
  margin-bottom: 20px !important;
}
#edit-font fieldset[id$=-gwf-styles] legend,
#edit-font fieldset[id$=-gwf-charsets] legend {
  display: none !important;
}
#edit-font fieldset[id$=-gwf-styles] div.form-type-checkbox,
#edit-font fieldset[id$=-gwf-charsets] div.form-type-checkbox {
  float: left;
  clear: none;
  margin: 0 15px 0 0;
  padding: 7px 0 0 0;
}
#system-theme-settings #edit-font div.form-type-textfield label,
#system-theme-settings #edit-font div.form-type-checkbox label {
  width: auto;
}

/* Heading styles for advanced themes */
.headings-styles-wrapper .form-type-radios,
.headings-styles-wrapper .form-type-select {
  min-width: 10em;
  float: left;
  clear: none;
  padding: 0;
  margin: 0;
}
.headings-styles-wrapper .form-type-select label {
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
  overflow: hidden;
}
#edit-site-name-font-style .form-type-select label {
  position: static !important;
  clip: auto;
  height: auto;
  width: auto;
  overflow: auto;
  padding-bottom: 0.5em;
  display: block !important;
}
.headings-styles-wrapper .form-type-select select {
  min-width: 8em;
}
.headings-styles-wrapper .fieldset-description {
  float: left;
  padding: 0;
  width: 12em;
}
.headings-styles-wrapper .fieldset-wrapper {
  padding: 0 15px;
}
#edit-site-name-font-style .fieldset-description {
  padding-top: 2.2em;
}

/* Global settings form is ugly */
#edit-global-settings .fieldset-description {
  padding-bottom: 0;
}

/* Give some real definition to disabled selects */
select[disabled],
fieldset[disabled] select,
input[disabled] {
  background: #e7e7e7;
  border-color: #ccc;
  color: #666;
}

/* Tweaks fieldsets collapsed */
#edit-site-tweaks fieldset.collapsed {
  background: #fff;
  overflow: hidden;
}
#edit-site-tweaks .fieldset-wrapper legend {
}

/* Meta tags */
#edit-meta .form-type-textfield label {
  width: 18em;
}
#edit-meta .form-type-textfield input {
  width: 20em;
}

/* Image alignment options */
#edit-alignment .description {
  clear: both;
}
#edit-alignment .form-type-radio {
  clear: none;
  float: left;
  margin: 0 30px 10px 0;
  text-align: center;
  width: 50px;
}
#edit-alignment .form-type-radio input.form-radio {
  margin-bottom: 4px;
}
#edit-alignment .form-type-radio label {
  background-image: url(images/image-alignment-sprite.png);
  background-repeat: no-repeat;
  display: table-cell;
  font-size: 0.8em;
  height: 80px;
  margin-top: 0;
  text-align: center;
  vertical-align: bottom;
  width: 50px;
}
#edit-alignment .form-type-radio label[for$=-n] {background-position: 0 0;}
#edit-alignment .form-type-radio label[for$=-l] {background-position: -50px 0;}
#edit-alignment .form-type-radio label[for$=-c] {background-position: -100px 0;}
#edit-alignment .form-type-radio label[for$=-r] {background-position: -150px 0;}

/* Skip link target/ Apple touch */
#edit-ati .fieldset-description ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.form-item-skip-link-target label,
.form-item-apple-touch-icon-path label,
#edit-ati label {
  display: block;
}

/* Misc */
.field-prefix {
  color: #666;
}

/* Revert the decision to fix hidden fieldset legends in vertical tabs until
   its safe to fix this properly, we have many workarounds for this that need to be
   reverted and its not really safe to do that until we're well past 7.13 */
div.vertical-tabs fieldset.vertical-tabs-pane fieldset legend {
  display: none;
}
abbr.form-required,
span.form-required,
span.marker {
  border: 0;
  color: #8a1a11;
  font-weight: 700;
}
div.vertical-tabs {
  margin-top: 0;
}
html.js fieldset.collapsible fieldset .fieldset-legend {
    background-image: none;
    padding-left: 0;
}

/* Gutter width setting */
#edit-design .form-item-global-gutter-width label {
  font-weight: 400;
  display: inline;
}
#edit-design .form-item-global-gutter-width input {
  width: 3em;
  text-align: center;
}

/* Mobile Regions */
#edit-context-regions fieldset legend {
  display: block;
  position: static;
}


#edit-context-regions fieldset .fieldset-wrapper {
  padding: 30px 15px 15px 1px;
}

#edit-context-regions fieldset fieldset .fieldset-wrapper {
  padding: 0 15px 0 1px;
}

.admin-theme-adaptivetheme-admin #edit-context-regions fieldset .fieldset-wrapper {
  padding-left: 15px;
}
.detection {
  color: green;
}
.no-detection {
  color: red;
}

div[class*=form-item-unset-region-options],
div[class*=form-item-move-region-options],
fieldset[id*=edit-region-options] .form-type-select {
  border-left: 13px solid #ddd;
  margin: 0;
  padding: 0 0 0 10px;
}

fieldset[id*=edit-region-options] .form-type-select {
  padding: 10px 0 0 10px;
}

#edit-context-regions fieldset fieldset legend,
div[class*=form-item-unset-region-options] label:first-child,
div[class*=form-item-move-region-options] label:first-child {
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
  overflow: hidden;
}


/* Float block regions */
#edit-float-region-blocks label {
  min-width: 15em;
}
#edit-float-region-blocks .form-type-select,
#edit-float-region-blocks .form-type-radios {
  float: left;
  clear: none;
}
#edit-float-region-blocks .form-type-radios * {
  display: inline-block;
  width: auto;
  min-width: 0;
}
#edit-float-region-blocks .form-type-radios {
  padding: 2px 10px 0 20px;
}
#edit-float-region-blocks .form-type-radios label {
  margin-right: 5px;
}
#edit-float-region-blocks .form-type-radios > label:after {
  content: ":";
}
#edit-float-region-blocks ol {
  list-style: lower-roman;
  margin-bottom: 20px;
}

/* Global CSS files path */
#edit-files-path .form-item-global-files-path {
  margin-bottom: 0;
  padding-bottom: 0;
}
#edit-files-path fieldset .fieldset-wrapper {
  margin: 0 0 20px;
}
#edit-files-path .form-item-global-files-path label {
  margin-bottom: 10px;
}
#edit-global-files-path {
  display: block;
}

/* Debugger media queries dl */
#edit-mediaqueries dl {
  padding: 20px 20px 0;
  background: #fff;
  border: 1px solid #ccc;
}
#edit-mediaqueries dl dt {
  font-weight: 700;
}
#edit-mediaqueries dl dd {
  margin-bottom: 20px;
  margin-left: 0;
}

/* Wrangel Seven to look half decent */
.admin-theme-seven div.vertical-tabs .font-element-wrapper .fieldset-legend,
.admin-theme-seven div.vertical-tabs .panel-option-lists .fieldset-legend {
  position: static;
}
.admin-theme-seven .panel-option-lists .form-type-radio {
  margin-right: 20px;
}
.admin-theme-seven div.smalltouch-portrait-layout {
  margin-top: 7px;
}
.admin-theme-seven div.vertical-tabs fieldset,
.admin-theme-seven div.vertical-tabs fieldset fieldset,
.admin-theme-seven div.vertical-tabs .fieldset-wrapper,
.admin-theme-seven div.vertical-tabs legend
.admin-theme-seven div.vertical-tabs .fieldset-legend {
  margin: 0;
  padding: 0;
}
.admin-theme-seven #edit-panels-wrapper > .fieldset-wrapper > fieldset {
  margin: 0;
  padding: 10px 0 0 0;
  overflow: hidden;
}
.admin-theme-seven #edit-panels-wrapper fieldset fieldset .fieldset-wrapper,
.admin-theme-seven fieldset.collapsible fieldset fieldset .fieldset-wrapper{
  background: #f6f6f6;
}
.admin-theme-seven #edit-panels-wrapper fieldset fieldset .fieldset-wrapper {
  padding-left: 20px;
}
.admin-theme-seven #edit-panels-wrapper fieldset > .fieldset-wrapper {
  padding-top: 0;
  margin-bottom: 20px;
}
.admin-theme-seven #edit-panels-wrapper fieldset > .fieldset-wrapper > fieldset {;
}
.admin-theme-seven #edit-panels-wrapper fieldset fieldset.collapsed {
  margin: 0;
  padding: 10px 0 0;
}
.admin-theme-seven fieldset .fieldset-wrapper .fieldset-wrapper {
  padding: 0;
  margin: 0 15px;
}
.admin-theme-seven fieldset#edit-font fieldset > .fieldset-wrapper  > fieldset > .fieldset-wrapper {
  margin: 0 15px;
  padding: 5px 10px 0;
  background: #f6f6f6;
}
.admin-theme-seven fieldset#edit-font fieldset > .fieldset-wrapper  > fieldset legend {
  padding: 0;
}
.admin-theme-seven fieldset#edit-font fieldset > .fieldset-wrapper  > fieldset .fieldset-legend {
  text-transform: none;
  padding: 5px 0 5px 15px;
}
.admin-theme-seven fieldset#edit-font .fieldset-wrapper legend {
  display: block;
  padding-top: 10px;
  position: absolute;
  top: 0;
}
.admin-theme-seven fieldset#edit-font fieldset.collapsed legend,
.admin-theme-seven fieldset#edit-font fieldset[id$=font-selector] legend,
.admin-theme-seven fieldset#edit-headings fieldset[id=edit-sizes] legend,
.admin-theme-seven fieldset#edit-headings fieldset[id=edit-menus] legend,
.admin-theme-seven fieldset#edit-headings fieldset[id=edit-css] legend {
  position: static;
}
.admin-theme-seven #edit-titles fieldset {
  padding: 0;
}
.admin-theme-seven #edit-titles fieldset .fieldset-description {
  padding: 3px 0;
}
.admin-theme-seven #edit-titles #edit-site-name-font-style .fieldset-description {
  padding-top: 2.2em;
}
.admin-theme-seven #edit-font fieldset[id$=-gwf-styles] .fieldset-wrapper,
.admin-theme-seven #edit-font fieldset[id$=-gwf-charsets] .fieldset-wrapper {
  padding: 0 10px 7px !important;
}
.admin-theme-seven fieldset[id*="message-wrapper"] .fieldset-wrapper .description {
  padding-top: 7px;
}
#edit-ati .form-item-icon-rel label {
  display: inline;
}

File

sites/all/themes/ulmus/adaptivetheme/at_core/css/at.settings.form.css
View source
  1. /* Theme Settings CSS
  2. This is crafted to work with Seven and AT Admin themes,
  3. other admin themes could spit the dummy with these styles. */
  4. .theme-settings-header {
  5. border-radius: 3px 3px 0 0;
  6. }
  7. .theme-settings-header h1 {
  8. margin: 0;
  9. float: left;
  10. font-size: 1.25em;
  11. text-shadow: 1px 1px 1px #fff;
  12. }
  13. p.docs-link {
  14. float: left;
  15. margin: 3px 10px 0;
  16. padding: 0;
  17. }
  18. p.docs-link a {
  19. width: 16px;
  20. height: 16px;
  21. display: block !important;
  22. text-indent: 100%;
  23. white-space: nowrap;
  24. overflow: hidden;
  25. background: url(images/help.png) no-repeat;
  26. -webkit-transition: none 0 delay;
  27. -moz-transition: none 0 delay;
  28. -o-transition: none 0 delay;
  29. -ms-transition: none 0 delay;
  30. transition: none 0 delay;
  31. }
  32. p.docs-link a:hover,
  33. p.docs-link a:focus {
  34. background-position: 0 -16px;
  35. }
  36. p.logo-link {
  37. float: right;
  38. width: 65px;
  39. margin: 0;
  40. padding: 0;
  41. }
  42. .layout-header a {
  43. display: block;
  44. }
  45. .layout-header a img {
  46. width: 100%;
  47. height: auto;
  48. }
  49. .admin-theme-adaptivetheme_admin div.vertical-tabs {
  50. }
  51. div.vertical-tabs .vertical-tabs-panes {
  52. min-height: 100px;
  53. }
  54. .vertical-tabs-panes .form-item {
  55. clear: both;
  56. }
  57. .vertical-tabs-panes label {
  58. font-weight: 400;
  59. margin: 5px 0;
  60. display: inline-block;
  61. }
  62. .vertical-tabs-panes select {
  63. max-width: 480px; /* Mitigate huge width when page is zoomed */
  64. }
  65. #edit-font label {
  66. width: 10em;
  67. }
  68. #edit-font #edit-font-size {
  69. width: auto;
  70. }
  71. #edit-breadcrumb select#edit-breadcrumb-display,
  72. #edit-breadcrumb input#edit-breadcrumb-separator {
  73. width: auto;
  74. }
  75. #edit-pagestyles fieldset p {
  76. margin-bottom: 0;
  77. }
  78. div.vertical-tabs .vertical-tabs-panes .form-type-checkbox label,
  79. div.vertical-tabs .vertical-tabs-panes .form-type-radios label {
  80. float: none;
  81. width: auto;
  82. }
  83. .no-extensions-enabled,
  84. div.vertical-tabs .vertical-tabs-panes fieldset fieldset {
  85. background: #ededed;
  86. border: 0;
  87. margin: 1px 0;
  88. }
  89. div.vertical-tabs .vertical-tabs-panes fieldset fieldset .fieldset-wrapper {
  90. padding-top: 10px;
  91. }
  92. div.vertical-tabs .vertical-tabs-panes fieldset fieldset .fieldset-wrapper .fieldset-description {
  93. padding-bottom: 5px;
  94. }
  95. fieldset.at-layout-form div.form-item label[for*="-media-query"] {
  96. padding-bottom: 10px;
  97. }
  98. fieldset.at-layout-form div.form-item[class*="-media-query"] .description {
  99. padding-top: 3px;
  100. }
  101. .no-extensions-enabled {
  102. padding: 10px;
  103. }
  104. /* Hide text in form labels where needed
  105. Kellum Method: http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement */
  106. fieldset.at-layout-form div.form-type-radio label,
  107. div.smalltouch-portrait-layout,
  108. .panel-option-lists .form-radios label {
  109. text-indent: 100%;
  110. white-space: nowrap;
  111. overflow: hidden;
  112. text-indent: -1000px\9; /* IE */
  113. }
  114. /* edit-disabled responsive layout disabled messages */
  115. .vertical-tabs-panes fieldset fieldset[id*="edit-disabled"],
  116. .vertical-tabs-panes fieldset fieldset[id*="edit-disabled"] .fieldset-wrapper {
  117. background: transparent;
  118. margin: 0;
  119. padding: 0;
  120. }
  121. /* Layout settings */
  122. .at-layout-form div.form-item {
  123. float: left;
  124. margin-right: 25px;
  125. clear: none;
  126. }
  127. fieldset.at-layout-form div.form-item label,
  128. fieldset.at-layout-form div.form-type-checkbox {
  129. float: none;
  130. width: auto;
  131. }
  132. fieldset.at-layout-form div.form-item input {
  133. width: 8em;
  134. max-width: 120px;
  135. }
  136. fieldset.at-layout-form select {
  137. width: 4em;
  138. max-width: 100px;
  139. }
  140. fieldset.at-layout-form div.form-type-checkbox label,
  141. fieldset.at-media-queries div.form-type-textfield label {
  142. font-weight: 700;
  143. }
  144. fieldset.at-media-queries div.form-item {
  145. margin-right: 0;
  146. }
  147. fieldset.at-media-queries div.form-item,
  148. fieldset.at-media-queries div.form-type-textfield input {
  149. width: 90%;
  150. max-width: 480px;
  151. }
  152. h4 {
  153. margin-bottom: 0;
  154. }
  155. fieldset.at-layout-form div.form-type-radio {
  156. clear: none;
  157. float: left;
  158. margin: 0 30px 10px 0;
  159. text-align: center;
  160. width: 60px;
  161. }
  162. fieldset.at-layout-form div.form-type-radio input,
  163. fieldset.at-layout-form div[class*="set-max-width"] input {
  164. width: auto;
  165. }
  166. fieldset.at-layout-form div.form-type-radio label,
  167. div.smalltouch-portrait-layout {
  168. background-repeat: no-repeat;
  169. margin-top: 4px;
  170. height: 60px;
  171. width: 60px;
  172. display: block;
  173. float: none;
  174. text-align: center;
  175. }
  176. div.smalltouch-portrait-layout {
  177. float: left;
  178. margin: 15px 15px 0 0;
  179. }
  180. fieldset#edit-portrait--2 .fieldset-description {
  181. overflow: hidden;
  182. }
  183. fieldset#edit-landscape,
  184. fieldset#edit-landscape--2,
  185. fieldset#edit-portrait,
  186. fieldset#edit-portrait--2 {
  187. border: 0;
  188. background: none;
  189. }
  190. fieldset#edit-landscape > .fieldset-wrapper,
  191. fieldset#edit-landscape--2 > .fieldset-wrapper,
  192. fieldset#edit-portrait > .fieldset-wrapper,
  193. fieldset#edit-portrait--2 > .fieldset-wrapper {
  194. padding: 0;
  195. }
  196. .vertical-tabs-panes #edit-media-queries label {
  197. width: 13em;
  198. }
  199. #edit-media-queries .form-type-checkbox label {
  200. font-weight: 700;
  201. }
  202. #edit-debug p.warning {
  203. background: url(images/warning.png) no-repeat left center;
  204. padding-left: 25px;
  205. }
  206. .field-description-info {
  207. color: #666;
  208. }
  209. /* Conditional messages for sidebars */
  210. fieldset[id*="message-wrapper"] {
  211. margin-bottom: 0;
  212. padding-bottom: 0;
  213. }
  214. fieldset[id*="message-wrapper"] .fieldset-wrapper {
  215. margin: 0 !important;
  216. padding: 0;
  217. }
  218. fieldset[id*="message-wrapper"] .fieldset-wrapper .description {
  219. padding-top: 4px;
  220. }
  221. /* AT Panels */
  222. #edit-panels-wrapper,
  223. #edit-panels-wrapper .fieldset-wrapper {
  224. background: transparent;
  225. padding: 10px 0;
  226. }
  227. #edit-panels-wrapper fieldset {
  228. margin: 0 0 20px;
  229. padding-bottom: 0;
  230. }
  231. #edit-panels-wrapper fieldset fieldset {
  232. margin: 0;
  233. padding-bottom: 0;
  234. }
  235. #edit-panels-wrapper fieldset.collapsed {
  236. background: transparent;
  237. overflow: hidden;
  238. margin: 0 0 10px;
  239. }
  240. #edit-panels-wrapper fieldset fieldset.collapsed {
  241. margin: 0;
  242. }
  243. #edit-rpw > .fieldset-wrapper > .fieldset-description {}
  244. .panel-option-lists .fieldset-wrapper {
  245. display: table;
  246. width: 95%;
  247. }
  248. .panel-option-lists .fieldset-wrapper .fieldset-wrapper {
  249. padding: 0;
  250. margin-left: 2.5%;
  251. }
  252. .panel-option-lists .fieldset-wrapper > .form-item {
  253. display: table-row;
  254. }
  255. .panel-option-lists .fieldset-wrapper > .form-item > label,
  256. .panel-option-lists .fieldset-wrapper > .form-item > div > div {
  257. display: table-cell;
  258. vertical-align: middle;
  259. }
  260. div.vertical-tabs .vertical-tabs-panes .panel-option-lists .fieldset-wrapper > .form-item > label {
  261. font-weight: 400;
  262. width: 22.5%;
  263. }
  264. .panel-option-lists .fieldset-wrapper legend {
  265. display: block !important; /* need to show these no matter what */
  266. }
  267. .panel-option-lists label {
  268. }
  269. .panel-option-lists .form-type-radio {
  270. clear: none;
  271. float: left;
  272. margin: 0 30px 10px 0 !important;
  273. text-align: center;
  274. width: 40px;
  275. }
  276. .panel-option-lists .form-radios label {
  277. background: #ddd;
  278. background-repeat: no-repeat;
  279. margin-top: 4px;
  280. height: 40px;
  281. width: 40px;
  282. display: block !important;
  283. float: none;
  284. text-align: center;
  285. }
  286. /* Wrangel fielset wrappers */
  287. html.js .vertical-tabs-panes fieldset.collapsed div.fieldset-wrapper {
  288. overflow: hidden;
  289. display: none !important;
  290. }
  291. /* Fonts */
  292. fieldset#edit-font .fieldset-wrapper legend {
  293. display: block;
  294. padding-top: 10px;
  295. }
  296. fieldset#edit-font .fieldset-wrapper .fieldset-wrapper {
  297. padding-top: 35px;
  298. }
  299. #edit-font > .fieldset-wrapper > fieldset.collapsed {
  300. background: transparent;
  301. }
  302. #edit-base-font {
  303. margin-bottom: 11px;
  304. }
  305. /* style select list websafe fonts */
  306. .font-element-wrapper option[value$=-ssl] {font-family: Verdana, Geneva, 'DejaVu Sans', Arial, Helvetica, sans-serif;}
  307. .font-element-wrapper option[value$=-a] {font-family: Arial, Helvetica, sans-serif;}
  308. .font-element-wrapper option[value$=-cc] {font-family: Calibri, Candara, Arial, Helvetica, sans-serif;}
  309. .font-element-wrapper option[value$=-m] {font-family: 'Segoe UI', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif;}
  310. .font-element-wrapper option[value$=-l] {font-family: 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Verdana, Geneva, sans-seri;}
  311. .font-element-wrapper option[value$=-i] {font-family: Impact, Haettenschweiler, 'Franklin Gothic Bold', Charcoal, 'Helvetica Inserat', 'Bitstream Vera Sans Bold', 'Arial Black', sans-serif;}
  312. .font-element-wrapper option[value$=-ss] {font-family: Garamond, Perpetua, 'Times New Roman', serif;}
  313. .font-element-wrapper option[value$=-sl] {font-family: Georgia, Baskerville, Palatino, 'Palatino Linotype', 'Book Antiqua', 'Times New Roman', serif;}
  314. .font-element-wrapper option[value$=-ms] {font-family: Consolas, Monaco, 'Courier New', Courier, monospace, sans-serif;}
  315. /* Google font new styles */
  316. #edit-font fieldset[id$=-gwf-styles],
  317. #edit-font fieldset[id$=-gwf-charsets],
  318. #edit-font fieldset[id$=-gwf-styles] .fieldset-wrapper,
  319. #edit-font fieldset[id$=-gwf-charsets] .fieldset-wrapper {
  320. overflow: hidden;
  321. padding: 0 !important;
  322. margin: 0 !important;
  323. }
  324. #edit-font fieldset[id$=-gwf-charsets] {
  325. margin-bottom: 20px !important;
  326. }
  327. #edit-font fieldset[id$=-gwf-styles] legend,
  328. #edit-font fieldset[id$=-gwf-charsets] legend {
  329. display: none !important;
  330. }
  331. #edit-font fieldset[id$=-gwf-styles] div.form-type-checkbox,
  332. #edit-font fieldset[id$=-gwf-charsets] div.form-type-checkbox {
  333. float: left;
  334. clear: none;
  335. margin: 0 15px 0 0;
  336. padding: 7px 0 0 0;
  337. }
  338. #system-theme-settings #edit-font div.form-type-textfield label,
  339. #system-theme-settings #edit-font div.form-type-checkbox label {
  340. width: auto;
  341. }
  342. /* Heading styles for advanced themes */
  343. .headings-styles-wrapper .form-type-radios,
  344. .headings-styles-wrapper .form-type-select {
  345. min-width: 10em;
  346. float: left;
  347. clear: none;
  348. padding: 0;
  349. margin: 0;
  350. }
  351. .headings-styles-wrapper .form-type-select label {
  352. clip: rect(1px 1px 1px 1px);
  353. clip: rect(1px, 1px, 1px, 1px);
  354. position: absolute;
  355. overflow: hidden;
  356. }
  357. #edit-site-name-font-style .form-type-select label {
  358. position: static !important;
  359. clip: auto;
  360. height: auto;
  361. width: auto;
  362. overflow: auto;
  363. padding-bottom: 0.5em;
  364. display: block !important;
  365. }
  366. .headings-styles-wrapper .form-type-select select {
  367. min-width: 8em;
  368. }
  369. .headings-styles-wrapper .fieldset-description {
  370. float: left;
  371. padding: 0;
  372. width: 12em;
  373. }
  374. .headings-styles-wrapper .fieldset-wrapper {
  375. padding: 0 15px;
  376. }
  377. #edit-site-name-font-style .fieldset-description {
  378. padding-top: 2.2em;
  379. }
  380. /* Global settings form is ugly */
  381. #edit-global-settings .fieldset-description {
  382. padding-bottom: 0;
  383. }
  384. /* Give some real definition to disabled selects */
  385. select[disabled],
  386. fieldset[disabled] select,
  387. input[disabled] {
  388. background: #e7e7e7;
  389. border-color: #ccc;
  390. color: #666;
  391. }
  392. /* Tweaks fieldsets collapsed */
  393. #edit-site-tweaks fieldset.collapsed {
  394. background: #fff;
  395. overflow: hidden;
  396. }
  397. #edit-site-tweaks .fieldset-wrapper legend {
  398. }
  399. /* Meta tags */
  400. #edit-meta .form-type-textfield label {
  401. width: 18em;
  402. }
  403. #edit-meta .form-type-textfield input {
  404. width: 20em;
  405. }
  406. /* Image alignment options */
  407. #edit-alignment .description {
  408. clear: both;
  409. }
  410. #edit-alignment .form-type-radio {
  411. clear: none;
  412. float: left;
  413. margin: 0 30px 10px 0;
  414. text-align: center;
  415. width: 50px;
  416. }
  417. #edit-alignment .form-type-radio input.form-radio {
  418. margin-bottom: 4px;
  419. }
  420. #edit-alignment .form-type-radio label {
  421. background-image: url(images/image-alignment-sprite.png);
  422. background-repeat: no-repeat;
  423. display: table-cell;
  424. font-size: 0.8em;
  425. height: 80px;
  426. margin-top: 0;
  427. text-align: center;
  428. vertical-align: bottom;
  429. width: 50px;
  430. }
  431. #edit-alignment .form-type-radio label[for$=-n] {background-position: 0 0;}
  432. #edit-alignment .form-type-radio label[for$=-l] {background-position: -50px 0;}
  433. #edit-alignment .form-type-radio label[for$=-c] {background-position: -100px 0;}
  434. #edit-alignment .form-type-radio label[for$=-r] {background-position: -150px 0;}
  435. /* Skip link target/ Apple touch */
  436. #edit-ati .fieldset-description ul {
  437. list-style: none;
  438. padding: 0;
  439. margin: 0;
  440. }
  441. .form-item-skip-link-target label,
  442. .form-item-apple-touch-icon-path label,
  443. #edit-ati label {
  444. display: block;
  445. }
  446. /* Misc */
  447. .field-prefix {
  448. color: #666;
  449. }
  450. /* Revert the decision to fix hidden fieldset legends in vertical tabs until
  451. its safe to fix this properly, we have many workarounds for this that need to be
  452. reverted and its not really safe to do that until we're well past 7.13 */
  453. div.vertical-tabs fieldset.vertical-tabs-pane fieldset legend {
  454. display: none;
  455. }
  456. abbr.form-required,
  457. span.form-required,
  458. span.marker {
  459. border: 0;
  460. color: #8a1a11;
  461. font-weight: 700;
  462. }
  463. div.vertical-tabs {
  464. margin-top: 0;
  465. }
  466. html.js fieldset.collapsible fieldset .fieldset-legend {
  467. background-image: none;
  468. padding-left: 0;
  469. }
  470. /* Gutter width setting */
  471. #edit-design .form-item-global-gutter-width label {
  472. font-weight: 400;
  473. display: inline;
  474. }
  475. #edit-design .form-item-global-gutter-width input {
  476. width: 3em;
  477. text-align: center;
  478. }
  479. /* Mobile Regions */
  480. #edit-context-regions fieldset legend {
  481. display: block;
  482. position: static;
  483. }
  484. #edit-context-regions fieldset .fieldset-wrapper {
  485. padding: 30px 15px 15px 1px;
  486. }
  487. #edit-context-regions fieldset fieldset .fieldset-wrapper {
  488. padding: 0 15px 0 1px;
  489. }
  490. .admin-theme-adaptivetheme-admin #edit-context-regions fieldset .fieldset-wrapper {
  491. padding-left: 15px;
  492. }
  493. .detection {
  494. color: green;
  495. }
  496. .no-detection {
  497. color: red;
  498. }
  499. div[class*=form-item-unset-region-options],
  500. div[class*=form-item-move-region-options],
  501. fieldset[id*=edit-region-options] .form-type-select {
  502. border-left: 13px solid #ddd;
  503. margin: 0;
  504. padding: 0 0 0 10px;
  505. }
  506. fieldset[id*=edit-region-options] .form-type-select {
  507. padding: 10px 0 0 10px;
  508. }
  509. #edit-context-regions fieldset fieldset legend,
  510. div[class*=form-item-unset-region-options] label:first-child,
  511. div[class*=form-item-move-region-options] label:first-child {
  512. clip: rect(1px 1px 1px 1px);
  513. clip: rect(1px, 1px, 1px, 1px);
  514. position: absolute;
  515. overflow: hidden;
  516. }
  517. /* Float block regions */
  518. #edit-float-region-blocks label {
  519. min-width: 15em;
  520. }
  521. #edit-float-region-blocks .form-type-select,
  522. #edit-float-region-blocks .form-type-radios {
  523. float: left;
  524. clear: none;
  525. }
  526. #edit-float-region-blocks .form-type-radios * {
  527. display: inline-block;
  528. width: auto;
  529. min-width: 0;
  530. }
  531. #edit-float-region-blocks .form-type-radios {
  532. padding: 2px 10px 0 20px;
  533. }
  534. #edit-float-region-blocks .form-type-radios label {
  535. margin-right: 5px;
  536. }
  537. #edit-float-region-blocks .form-type-radios > label:after {
  538. content: ":";
  539. }
  540. #edit-float-region-blocks ol {
  541. list-style: lower-roman;
  542. margin-bottom: 20px;
  543. }
  544. /* Global CSS files path */
  545. #edit-files-path .form-item-global-files-path {
  546. margin-bottom: 0;
  547. padding-bottom: 0;
  548. }
  549. #edit-files-path fieldset .fieldset-wrapper {
  550. margin: 0 0 20px;
  551. }
  552. #edit-files-path .form-item-global-files-path label {
  553. margin-bottom: 10px;
  554. }
  555. #edit-global-files-path {
  556. display: block;
  557. }
  558. /* Debugger media queries dl */
  559. #edit-mediaqueries dl {
  560. padding: 20px 20px 0;
  561. background: #fff;
  562. border: 1px solid #ccc;
  563. }
  564. #edit-mediaqueries dl dt {
  565. font-weight: 700;
  566. }
  567. #edit-mediaqueries dl dd {
  568. margin-bottom: 20px;
  569. margin-left: 0;
  570. }
  571. /* Wrangel Seven to look half decent */
  572. .admin-theme-seven div.vertical-tabs .font-element-wrapper .fieldset-legend,
  573. .admin-theme-seven div.vertical-tabs .panel-option-lists .fieldset-legend {
  574. position: static;
  575. }
  576. .admin-theme-seven .panel-option-lists .form-type-radio {
  577. margin-right: 20px;
  578. }
  579. .admin-theme-seven div.smalltouch-portrait-layout {
  580. margin-top: 7px;
  581. }
  582. .admin-theme-seven div.vertical-tabs fieldset,
  583. .admin-theme-seven div.vertical-tabs fieldset fieldset,
  584. .admin-theme-seven div.vertical-tabs .fieldset-wrapper,
  585. .admin-theme-seven div.vertical-tabs legend
  586. .admin-theme-seven div.vertical-tabs .fieldset-legend {
  587. margin: 0;
  588. padding: 0;
  589. }
  590. .admin-theme-seven #edit-panels-wrapper > .fieldset-wrapper > fieldset {
  591. margin: 0;
  592. padding: 10px 0 0 0;
  593. overflow: hidden;
  594. }
  595. .admin-theme-seven #edit-panels-wrapper fieldset fieldset .fieldset-wrapper,
  596. .admin-theme-seven fieldset.collapsible fieldset fieldset .fieldset-wrapper{
  597. background: #f6f6f6;
  598. }
  599. .admin-theme-seven #edit-panels-wrapper fieldset fieldset .fieldset-wrapper {
  600. padding-left: 20px;
  601. }
  602. .admin-theme-seven #edit-panels-wrapper fieldset > .fieldset-wrapper {
  603. padding-top: 0;
  604. margin-bottom: 20px;
  605. }
  606. .admin-theme-seven #edit-panels-wrapper fieldset > .fieldset-wrapper > fieldset {;
  607. }
  608. .admin-theme-seven #edit-panels-wrapper fieldset fieldset.collapsed {
  609. margin: 0;
  610. padding: 10px 0 0;
  611. }
  612. .admin-theme-seven fieldset .fieldset-wrapper .fieldset-wrapper {
  613. padding: 0;
  614. margin: 0 15px;
  615. }
  616. .admin-theme-seven fieldset#edit-font fieldset > .fieldset-wrapper > fieldset > .fieldset-wrapper {
  617. margin: 0 15px;
  618. padding: 5px 10px 0;
  619. background: #f6f6f6;
  620. }
  621. .admin-theme-seven fieldset#edit-font fieldset > .fieldset-wrapper > fieldset legend {
  622. padding: 0;
  623. }
  624. .admin-theme-seven fieldset#edit-font fieldset > .fieldset-wrapper > fieldset .fieldset-legend {
  625. text-transform: none;
  626. padding: 5px 0 5px 15px;
  627. }
  628. .admin-theme-seven fieldset#edit-font .fieldset-wrapper legend {
  629. display: block;
  630. padding-top: 10px;
  631. position: absolute;
  632. top: 0;
  633. }
  634. .admin-theme-seven fieldset#edit-font fieldset.collapsed legend,
  635. .admin-theme-seven fieldset#edit-font fieldset[id$=font-selector] legend,
  636. .admin-theme-seven fieldset#edit-headings fieldset[id=edit-sizes] legend,
  637. .admin-theme-seven fieldset#edit-headings fieldset[id=edit-menus] legend,
  638. .admin-theme-seven fieldset#edit-headings fieldset[id=edit-css] legend {
  639. position: static;
  640. }
  641. .admin-theme-seven #edit-titles fieldset {
  642. padding: 0;
  643. }
  644. .admin-theme-seven #edit-titles fieldset .fieldset-description {
  645. padding: 3px 0;
  646. }
  647. .admin-theme-seven #edit-titles #edit-site-name-font-style .fieldset-description {
  648. padding-top: 2.2em;
  649. }
  650. .admin-theme-seven #edit-font fieldset[id$=-gwf-styles] .fieldset-wrapper,
  651. .admin-theme-seven #edit-font fieldset[id$=-gwf-charsets] .fieldset-wrapper {
  652. padding: 0 10px 7px !important;
  653. }
  654. .admin-theme-seven fieldset[id*="message-wrapper"] .fieldset-wrapper .description {
  655. padding-top: 7px;
  656. }
  657. #edit-ati .form-item-icon-rel label {
  658. display: inline;
  659. }