First commit
18
themes/seven/ie.css
Normal file
|
@ -0,0 +1,18 @@
|
|||
|
||||
/* IE7 renders legends in nested fieldsets without a width. */
|
||||
fieldset legend {
|
||||
height: 1%;
|
||||
}
|
||||
|
||||
/* IE renders absolute positioned legend where fieldset content starts. */
|
||||
fieldset .fieldset-legend {
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
/* IE renders monospace font too big. */
|
||||
code,
|
||||
pre,
|
||||
kbd {
|
||||
font-size: 1em;
|
||||
}
|
17
themes/seven/ie6.css
Normal file
|
@ -0,0 +1,17 @@
|
|||
|
||||
ul.menu li,
|
||||
ul.menu li a,
|
||||
ul.links li,
|
||||
ul.links li a,
|
||||
.action-links,
|
||||
#page {
|
||||
height: 1%;
|
||||
}
|
||||
#block-system-main ul.admin-list li a {
|
||||
height: 1px;
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
#block-system-main ul.admin-list li div.description a {
|
||||
display: inline;
|
||||
}
|
23
themes/seven/ie7.css
Normal file
|
@ -0,0 +1,23 @@
|
|||
|
||||
ul.tabs.primary {
|
||||
padding: 0;
|
||||
}
|
||||
ul.primary li,
|
||||
ul.primary li a,
|
||||
ul.primary li.active a {
|
||||
float: none !important;
|
||||
display: inline;
|
||||
}
|
||||
ul.primary li,
|
||||
ul.primary li a,
|
||||
ul.primary li a.active,
|
||||
ul.primary li a:active,
|
||||
ul.primary li a:visited,
|
||||
ul.primary li a:hover,
|
||||
ul.primary li.active a {
|
||||
zoom: 1;
|
||||
position: relative;
|
||||
}
|
||||
ul.admin-list li {
|
||||
position: static;
|
||||
}
|
BIN
themes/seven/images/add.png
Normal file
After Width: | Height: | Size: 160 B |
BIN
themes/seven/images/arrow-asc.png
Normal file
After Width: | Height: | Size: 88 B |
BIN
themes/seven/images/arrow-desc.png
Normal file
After Width: | Height: | Size: 95 B |
BIN
themes/seven/images/arrow-next.png
Normal file
After Width: | Height: | Size: 118 B |
BIN
themes/seven/images/arrow-prev.png
Normal file
After Width: | Height: | Size: 115 B |
BIN
themes/seven/images/buttons.png
Normal file
After Width: | Height: | Size: 786 B |
BIN
themes/seven/images/fc-rtl.png
Normal file
After Width: | Height: | Size: 76 B |
BIN
themes/seven/images/fc.png
Normal file
After Width: | Height: | Size: 82 B |
BIN
themes/seven/images/list-item-rtl.png
Normal file
After Width: | Height: | Size: 225 B |
BIN
themes/seven/images/list-item.png
Normal file
After Width: | Height: | Size: 195 B |
BIN
themes/seven/images/task-check.png
Normal file
After Width: | Height: | Size: 261 B |
BIN
themes/seven/images/task-item-rtl.png
Normal file
After Width: | Height: | Size: 178 B |
BIN
themes/seven/images/task-item.png
Normal file
After Width: | Height: | Size: 105 B |
BIN
themes/seven/images/ui-icons-222222-256x240.png
Normal file
After Width: | Height: | Size: 3.6 KiB |
BIN
themes/seven/images/ui-icons-454545-256x240.png
Normal file
After Width: | Height: | Size: 3.6 KiB |
BIN
themes/seven/images/ui-icons-800000-256x240.png
Normal file
After Width: | Height: | Size: 3.6 KiB |
BIN
themes/seven/images/ui-icons-888888-256x240.png
Normal file
After Width: | Height: | Size: 3.6 KiB |
BIN
themes/seven/images/ui-icons-ffffff-256x240.png
Normal file
After Width: | Height: | Size: 3.6 KiB |
436
themes/seven/jquery.ui.theme.css
vendored
Normal file
|
@ -0,0 +1,436 @@
|
|||
/**
|
||||
* @file
|
||||
* Seven styles for jQuery UI.
|
||||
* Overrides /misc/ui/ui.theme.css.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Component containers
|
||||
*/
|
||||
.ui-widget {
|
||||
background: #fff;
|
||||
}
|
||||
.ui-widget-content {
|
||||
border: solid 1px #ccc;
|
||||
}
|
||||
|
||||
/**
|
||||
* Interaction states
|
||||
*/
|
||||
.ui-state-default,
|
||||
.ui-state-hover,
|
||||
.ui-state-focus,
|
||||
.ui-state-active {
|
||||
outline: 0;
|
||||
}
|
||||
.ui-state-active {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/**
|
||||
* Interaction cues
|
||||
*/
|
||||
.ui-state-highlight,
|
||||
.ui-widget-content .ui-state-highlight {
|
||||
color: #840;
|
||||
background: #fe6;
|
||||
border: solid 1px #ed5;
|
||||
}
|
||||
.ui-state-error,
|
||||
.ui-widget-content .ui-state-error {
|
||||
color: #fff;
|
||||
background: #e63;
|
||||
border-color: #d52;
|
||||
}
|
||||
.ui-state-disabled,
|
||||
.ui-widget-content .ui-state-disabled {
|
||||
opacity: .35;
|
||||
filter: Alpha(Opacity=35);
|
||||
}
|
||||
.ui-priority-secondary,
|
||||
.ui-widget-content .ui-priority-secondary {
|
||||
opacity: .7;
|
||||
filter: Alpha(Opacity=70);
|
||||
}
|
||||
|
||||
/**
|
||||
* Icons
|
||||
*/
|
||||
/* states and images */
|
||||
.ui-icon {
|
||||
display: block;
|
||||
text-indent: -99999px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
overflow: hidden;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url(images/ui-icons-222222-256x240.png);
|
||||
}
|
||||
.ui-widget-content .ui-icon,
|
||||
.ui-widget-header .ui-icon {
|
||||
background-image: url(images/ui-icons-222222-256x240.png);
|
||||
}
|
||||
.ui-state-default .ui-icon {
|
||||
background-image: url(images/ui-icons-888888-256x240.png);
|
||||
}
|
||||
.ui-state-hover .ui-icon,
|
||||
.ui-state-focus .ui-icon,
|
||||
.ui-state-active .ui-icon {
|
||||
background-image: url(images/ui-icons-454545-256x240.png);
|
||||
}
|
||||
.ui-state-highlight .ui-icon {
|
||||
background-image: url(images/ui-icons-800000-256x240.png);
|
||||
}
|
||||
.ui-state-error .ui-icon,
|
||||
.ui-state-error-text .ui-icon {
|
||||
background-image: url(images/ui-icons-ffffff-256x240.png);
|
||||
}
|
||||
.ui-widget p .ui-icon {
|
||||
margin: 2px 3px 0 0;
|
||||
}
|
||||
|
||||
/* positioning */
|
||||
.ui-icon-carat-1-ne { background-position: -16px 0; }
|
||||
.ui-icon-carat-1-e { background-position: -32px 0; }
|
||||
.ui-icon-carat-1-se { background-position: -48px 0; }
|
||||
.ui-icon-carat-1-s { background-position: -64px 0; }
|
||||
.ui-icon-carat-1-sw { background-position: -80px 0; }
|
||||
.ui-icon-carat-1-w { background-position: -96px 0; }
|
||||
.ui-icon-carat-1-nw { background-position: -112px 0; }
|
||||
.ui-icon-carat-2-n-s { background-position: -128px 0; }
|
||||
.ui-icon-carat-2-e-w { background-position: -144px 0; }
|
||||
.ui-icon-triangle-1-n { background-position: 0 -16px; }
|
||||
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
|
||||
.ui-icon-triangle-1-e { background-position: -32px -16px; }
|
||||
.ui-icon-triangle-1-se { background-position: -48px -16px; }
|
||||
.ui-icon-triangle-1-s { background-position: -64px -16px; }
|
||||
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
|
||||
.ui-icon-triangle-1-w { background-position: -96px -16px; }
|
||||
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
|
||||
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
|
||||
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
|
||||
.ui-icon-arrow-1-n { background-position: 0 -32px; }
|
||||
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
|
||||
.ui-icon-arrow-1-e { background-position: -32px -32px; }
|
||||
.ui-icon-arrow-1-se { background-position: -48px -32px; }
|
||||
.ui-icon-arrow-1-s { background-position: -64px -32px; }
|
||||
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
|
||||
.ui-icon-arrow-1-w { background-position: -96px -32px; }
|
||||
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
|
||||
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
|
||||
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
|
||||
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
|
||||
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
|
||||
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
|
||||
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
|
||||
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
|
||||
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
|
||||
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
|
||||
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
|
||||
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
|
||||
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
|
||||
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
|
||||
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
|
||||
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
|
||||
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
|
||||
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
|
||||
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
|
||||
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
|
||||
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
|
||||
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
|
||||
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
|
||||
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
|
||||
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
|
||||
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
|
||||
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
|
||||
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
|
||||
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
|
||||
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
|
||||
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
|
||||
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
|
||||
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
|
||||
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
|
||||
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
|
||||
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
|
||||
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
|
||||
.ui-icon-arrow-4 { background-position: 0 -80px; }
|
||||
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
|
||||
.ui-icon-extlink { background-position: -32px -80px; }
|
||||
.ui-icon-newwin { background-position: -48px -80px; }
|
||||
.ui-icon-refresh { background-position: -64px -80px; }
|
||||
.ui-icon-shuffle { background-position: -80px -80px; }
|
||||
.ui-icon-transfer-e-w { background-position: -96px -80px; }
|
||||
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
|
||||
.ui-icon-folder-collapsed { background-position: 0 -96px; }
|
||||
.ui-icon-folder-open { background-position: -16px -96px; }
|
||||
.ui-icon-document { background-position: -32px -96px; }
|
||||
.ui-icon-document-b { background-position: -48px -96px; }
|
||||
.ui-icon-note { background-position: -64px -96px; }
|
||||
.ui-icon-mail-closed { background-position: -80px -96px; }
|
||||
.ui-icon-mail-open { background-position: -96px -96px; }
|
||||
.ui-icon-suitcase { background-position: -112px -96px; }
|
||||
.ui-icon-comment { background-position: -128px -96px; }
|
||||
.ui-icon-person { background-position: -144px -96px; }
|
||||
.ui-icon-print { background-position: -160px -96px; }
|
||||
.ui-icon-trash { background-position: -176px -96px; }
|
||||
.ui-icon-locked { background-position: -192px -96px; }
|
||||
.ui-icon-unlocked { background-position: -208px -96px; }
|
||||
.ui-icon-bookmark { background-position: -224px -96px; }
|
||||
.ui-icon-tag { background-position: -240px -96px; }
|
||||
.ui-icon-home { background-position: 0 -112px; }
|
||||
.ui-icon-flag { background-position: -16px -112px; }
|
||||
.ui-icon-calendar { background-position: -32px -112px; }
|
||||
.ui-icon-cart { background-position: -48px -112px; }
|
||||
.ui-icon-pencil { background-position: -64px -112px; }
|
||||
.ui-icon-clock { background-position: -80px -112px; }
|
||||
.ui-icon-disk { background-position: -96px -112px; }
|
||||
.ui-icon-calculator { background-position: -112px -112px; }
|
||||
.ui-icon-zoomin { background-position: -128px -112px; }
|
||||
.ui-icon-zoomout { background-position: -144px -112px; }
|
||||
.ui-icon-search { background-position: -160px -112px; }
|
||||
.ui-icon-wrench { background-position: -176px -112px; }
|
||||
.ui-icon-gear { background-position: -192px -112px; }
|
||||
.ui-icon-heart { background-position: -208px -112px; }
|
||||
.ui-icon-star { background-position: -224px -112px; }
|
||||
.ui-icon-link { background-position: -240px -112px; }
|
||||
.ui-icon-cancel { background-position: 0 -128px; }
|
||||
.ui-icon-plus { background-position: -16px -128px; }
|
||||
.ui-icon-plusthick { background-position: -32px -128px; }
|
||||
.ui-icon-minus { background-position: -48px -128px; }
|
||||
.ui-icon-minusthick { background-position: -64px -128px; }
|
||||
.ui-icon-close { background-position: -80px -128px; }
|
||||
.ui-icon-closethick { background-position: -96px -128px; }
|
||||
.ui-icon-key { background-position: -112px -128px; }
|
||||
.ui-icon-lightbulb { background-position: -128px -128px; }
|
||||
.ui-icon-scissors { background-position: -144px -128px; }
|
||||
.ui-icon-clipboard { background-position: -160px -128px; }
|
||||
.ui-icon-copy { background-position: -176px -128px; }
|
||||
.ui-icon-contact { background-position: -192px -128px; }
|
||||
.ui-icon-image { background-position: -208px -128px; }
|
||||
.ui-icon-video { background-position: -224px -128px; }
|
||||
.ui-icon-script { background-position: -240px -128px; }
|
||||
.ui-icon-alert { background-position: 0 -144px; }
|
||||
.ui-icon-info { background-position: -16px -144px; }
|
||||
.ui-icon-notice { background-position: -32px -144px; }
|
||||
.ui-icon-help { background-position: -48px -144px; }
|
||||
.ui-icon-check { background-position: -64px -144px; }
|
||||
.ui-icon-bullet { background-position: -80px -144px; }
|
||||
.ui-icon-radio-off { background-position: -96px -144px; }
|
||||
.ui-icon-radio-on { background-position: -112px -144px; }
|
||||
.ui-icon-pin-w { background-position: -128px -144px; }
|
||||
.ui-icon-pin-s { background-position: -144px -144px; }
|
||||
.ui-icon-play { background-position: 0 -160px; }
|
||||
.ui-icon-pause { background-position: -16px -160px; }
|
||||
.ui-icon-seek-next { background-position: -32px -160px; }
|
||||
.ui-icon-seek-prev { background-position: -48px -160px; }
|
||||
.ui-icon-seek-end { background-position: -64px -160px; }
|
||||
.ui-icon-seek-first { background-position: -80px -160px; }
|
||||
.ui-icon-stop { background-position: -96px -160px; }
|
||||
.ui-icon-eject { background-position: -112px -160px; }
|
||||
.ui-icon-volume-off { background-position: -128px -160px; }
|
||||
.ui-icon-volume-on { background-position: -144px -160px; }
|
||||
.ui-icon-power { background-position: 0 -176px; }
|
||||
.ui-icon-signal-diag { background-position: -16px -176px; }
|
||||
.ui-icon-signal { background-position: -32px -176px; }
|
||||
.ui-icon-battery-0 { background-position: -48px -176px; }
|
||||
.ui-icon-battery-1 { background-position: -64px -176px; }
|
||||
.ui-icon-battery-2 { background-position: -80px -176px; }
|
||||
.ui-icon-battery-3 { background-position: -96px -176px; }
|
||||
.ui-icon-circle-plus { background-position: 0 -192px; }
|
||||
.ui-icon-circle-minus { background-position: -16px -192px; }
|
||||
.ui-icon-circle-close { background-position: -32px -192px; }
|
||||
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
|
||||
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
|
||||
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
|
||||
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
|
||||
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
|
||||
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
|
||||
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
|
||||
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
|
||||
.ui-icon-circle-zoomin { background-position: -176px -192px; }
|
||||
.ui-icon-circle-zoomout { background-position: -192px -192px; }
|
||||
.ui-icon-circle-check { background-position: -208px -192px; }
|
||||
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
|
||||
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
|
||||
.ui-icon-circlesmall-close { background-position: -32px -208px; }
|
||||
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
|
||||
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
|
||||
.ui-icon-squaresmall-close { background-position: -80px -208px; }
|
||||
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
|
||||
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
|
||||
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
|
||||
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
|
||||
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
|
||||
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
|
||||
.ui-icon-carat-1-n { background-position: 0 0; }
|
||||
|
||||
/**
|
||||
* Accordion
|
||||
*/
|
||||
.ui-accordion {
|
||||
border: none;
|
||||
}
|
||||
.ui-accordion .ui-accordion-header {
|
||||
border: solid 1px #ccc;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.ui-accordion h3.ui-accordion-header,
|
||||
#block-system-main h3.ui-accordion-header {
|
||||
font-size: 1.1em;
|
||||
margin: 10px 0;
|
||||
}
|
||||
#block-system-main .ui-accordion h3.ui-state-active,
|
||||
.ui-accordion h3.ui-state-active {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.ui-accordion .ui-accordion-header a {
|
||||
display: block;
|
||||
}
|
||||
.ui-accordion .ui-accordion-content {
|
||||
padding: 1em 2.2em;
|
||||
border: solid 1px #ccc;
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Tabs
|
||||
*/
|
||||
.ui-tabs {
|
||||
padding: 0;
|
||||
}
|
||||
.ui-tabs .ui-tabs-nav {
|
||||
padding: 5px 10px 4px;
|
||||
margin: 0;
|
||||
line-height: 20px;
|
||||
border-bottom: solid 1px #ccc;
|
||||
-moz-border-radius-bottomleft: 0;
|
||||
-webkit-border-bottom-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
-moz-border-radius-bottomright: 0;
|
||||
-webkit-border-bottom-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
.ui-tabs .ui-tabs-nav li {
|
||||
padding: 0 1em 0 10px;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.ui-tabs .ui-tabs-nav li a {
|
||||
float: none;
|
||||
padding: 0 10px;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
|
||||
color: #fff;
|
||||
background: #666;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
/**
|
||||
* Overlays
|
||||
*/
|
||||
.ui-widget-overlay {
|
||||
background: #000;
|
||||
opacity: .70;
|
||||
filter: Alpha(Opacity=70);
|
||||
}
|
||||
|
||||
/**
|
||||
* Dialogs
|
||||
*/
|
||||
.ui-dialog {
|
||||
background: #fff;
|
||||
border: solid 1px #ccc;
|
||||
padding: 0;
|
||||
}
|
||||
.ui-dialog .ui-dialog-titlebar {
|
||||
font-weight: bold;
|
||||
background: #e1e2dc;
|
||||
}
|
||||
.ui-dialog .ui-dialog-buttonpane {
|
||||
border-width: 0;
|
||||
}
|
||||
.ui-dialog .ui-dialog-buttonpane button {
|
||||
cursor: pointer;
|
||||
padding: 4px 17px;
|
||||
color: #5a5a5a;
|
||||
text-align: center;
|
||||
font-family: "Lucida Grande", Verdana, sans-serif;
|
||||
font-weight: normal;
|
||||
font-size: 1em;
|
||||
border: 1px solid #e4e4e4;
|
||||
border-bottom: 1px solid #b4b4b4;
|
||||
border-left-color: #D2D2D2;
|
||||
border-right-color: #D2D2D2;
|
||||
background: url(images/buttons.png) 0 0 repeat-x;
|
||||
-moz-border-radius: 20px;
|
||||
-webkit-border-radius: 20px;
|
||||
border-radius: 20px;
|
||||
}
|
||||
.ui-dialog .ui-dialog-buttonpane button:active {
|
||||
background: #666;
|
||||
color: #fff;
|
||||
border-color: #555;
|
||||
text-shadow: #222 0px -1px 0px;
|
||||
}
|
||||
.overlay {
|
||||
padding-right: 26px;
|
||||
}
|
||||
.overlay .ui-dialog-titlebar {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/**
|
||||
* Slider
|
||||
*/
|
||||
.ui-slider {
|
||||
border: solid 1px #ccc;
|
||||
}
|
||||
.ui-slider .ui-slider-range {
|
||||
background: #e4e4e4;
|
||||
}
|
||||
.ui-slider .ui-slider-handle {
|
||||
border: 1px solid #e4e4e4;
|
||||
border-bottom: 1px solid #b4b4b4;
|
||||
border-left-color: #D2D2D2;
|
||||
border-right-color: #D2D2D2;
|
||||
background: url(images/buttons.png) 0 0 repeat-x;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.ui-slider a.ui-state-active,
|
||||
.ui-slider .ui-slider-handle:active {
|
||||
background: #666;
|
||||
color: #fff;
|
||||
border: solid 1px #555;
|
||||
}
|
||||
|
||||
/**
|
||||
* Progress Bar
|
||||
*/
|
||||
.ui-progressbar {
|
||||
background: #e4e4e4;
|
||||
height: 1.4em;
|
||||
}
|
||||
.ui-progressbar .ui-progressbar-value {
|
||||
background: #0072b9 url(../../misc/progress.gif);
|
||||
height: 1.5em;
|
||||
}
|
||||
|
||||
/**
|
||||
* Date Picker
|
||||
*/
|
||||
.ui-datepicker {
|
||||
border: none;
|
||||
}
|
||||
.ui-datepicker td span, .ui-datepicker td a {
|
||||
text-align: center;
|
||||
}
|
||||
.ui-datepicker .ui-state-highlight {
|
||||
background: #E4E4E4;
|
||||
border-color: #D2D2D2;
|
||||
color: #000;
|
||||
}
|
BIN
themes/seven/logo.png
Normal file
After Width: | Height: | Size: 3.8 KiB |
46
themes/seven/maintenance-page.tpl.php
Normal file
|
@ -0,0 +1,46 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php print $language->language ?>" lang="<?php print $language->language ?>" dir="<?php print $language->dir ?>">
|
||||
<head>
|
||||
<title><?php print $head_title; ?></title>
|
||||
<?php print $head; ?>
|
||||
<?php print $styles; ?>
|
||||
<?php print $scripts; ?>
|
||||
</head>
|
||||
<body class="<?php print $classes; ?>">
|
||||
|
||||
<?php print $page_top; ?>
|
||||
|
||||
<div id="branding">
|
||||
<?php if ($title): ?><h1 class="page-title"><?php print $title; ?></h1><?php endif; ?>
|
||||
</div>
|
||||
|
||||
<div id="page">
|
||||
|
||||
<?php if ($sidebar_first): ?>
|
||||
<div id="sidebar-first" class="sidebar">
|
||||
<?php if ($logo): ?>
|
||||
<img id="logo" src="<?php print $logo ?>" alt="<?php print $site_name ?>" />
|
||||
<?php endif; ?>
|
||||
<?php print $sidebar_first ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<div id="content" class="clearfix">
|
||||
<?php if ($messages): ?>
|
||||
<div id="console"><?php print $messages; ?></div>
|
||||
<?php endif; ?>
|
||||
<?php if ($help): ?>
|
||||
<div id="help">
|
||||
<?php print $help; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php print $content; ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<?php print $page_bottom; ?>
|
||||
|
||||
</body>
|
||||
</html>
|
35
themes/seven/page.tpl.php
Normal file
|
@ -0,0 +1,35 @@
|
|||
|
||||
<div id="branding" class="clearfix">
|
||||
<?php print $breadcrumb; ?>
|
||||
<?php print render($title_prefix); ?>
|
||||
<?php if ($title): ?>
|
||||
<h1 class="page-title"><?php print $title; ?></h1>
|
||||
<?php endif; ?>
|
||||
<?php print render($title_suffix); ?>
|
||||
<?php print render($primary_local_tasks); ?>
|
||||
</div>
|
||||
|
||||
<div id="page">
|
||||
<?php if ($secondary_local_tasks): ?>
|
||||
<div class="tabs-secondary clearfix"><?php print render($secondary_local_tasks); ?></div>
|
||||
<?php endif; ?>
|
||||
|
||||
<div id="content" class="clearfix">
|
||||
<div class="element-invisible"><a id="main-content"></a></div>
|
||||
<?php if ($messages): ?>
|
||||
<div id="console" class="clearfix"><?php print $messages; ?></div>
|
||||
<?php endif; ?>
|
||||
<?php if ($page['help']): ?>
|
||||
<div id="help">
|
||||
<?php print render($page['help']); ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php if ($action_links): ?><ul class="action-links"><?php print render($action_links); ?></ul><?php endif; ?>
|
||||
<?php print render($page['content']); ?>
|
||||
</div>
|
||||
|
||||
<div id="footer">
|
||||
<?php print $feed_icons; ?>
|
||||
</div>
|
||||
|
||||
</div>
|
216
themes/seven/reset.css
Normal file
|
@ -0,0 +1,216 @@
|
|||
|
||||
/**
|
||||
* Reset CSS styles.
|
||||
*
|
||||
* Based on Eric Meyer's "Reset CSS 1.0" tool from
|
||||
* http://meyerweb.com/eric/tools/css/reset
|
||||
*/
|
||||
|
||||
html,
|
||||
body,
|
||||
div,
|
||||
span,
|
||||
applet,
|
||||
object,
|
||||
iframe,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
p,
|
||||
blockquote,
|
||||
pre,
|
||||
a,
|
||||
abbr,
|
||||
acronym,
|
||||
address,
|
||||
big,
|
||||
cite,
|
||||
code,
|
||||
del,
|
||||
dfn,
|
||||
em,
|
||||
font,
|
||||
img,
|
||||
ins,
|
||||
kbd,
|
||||
q,
|
||||
s,
|
||||
samp,
|
||||
small,
|
||||
strike,
|
||||
strong,
|
||||
sub,
|
||||
sup,
|
||||
tt,
|
||||
var,
|
||||
b,
|
||||
u,
|
||||
i,
|
||||
center,
|
||||
dl,
|
||||
dt,
|
||||
dd,
|
||||
ol,
|
||||
ul,
|
||||
li,
|
||||
fieldset,
|
||||
form,
|
||||
input,
|
||||
select,
|
||||
textarea,
|
||||
label,
|
||||
legend,
|
||||
table,
|
||||
caption,
|
||||
tbody,
|
||||
tfoot,
|
||||
thead,
|
||||
tr,
|
||||
th,
|
||||
td,
|
||||
/* Drupal: system-menus.css */
|
||||
td.menu-disabled,
|
||||
ul.links,
|
||||
ul.links.inline,
|
||||
ul.links li,
|
||||
.block ul,
|
||||
/* Drupal: admin.css */
|
||||
div.admin,
|
||||
/* Drupal: system.css */
|
||||
tr.even,
|
||||
tr.odd,
|
||||
tr.drag,
|
||||
tbody,
|
||||
tbody th,
|
||||
thead th,
|
||||
.breadcrumb,
|
||||
.item-list .icon,
|
||||
.item-list .title,
|
||||
.item-list ul,
|
||||
.item-list ul li,
|
||||
ol.task-list li.active,
|
||||
.form-item,
|
||||
tr.odd .form-item,
|
||||
tr.even .form-item,
|
||||
.form-item .description,
|
||||
.form-item label,
|
||||
.form-item label.option,
|
||||
.form-checkboxes,
|
||||
.form-radios,
|
||||
.form-checkboxes .form-item,
|
||||
.form-radios .form-item,
|
||||
.marker,
|
||||
.form-required,
|
||||
.more-link,
|
||||
.more-help-link,
|
||||
.item-list .pager,
|
||||
.item-list .pager li,
|
||||
.pager-current,
|
||||
.tips,
|
||||
ul.primary,
|
||||
ul.primary li,
|
||||
ul.primary li a,
|
||||
ul.primary li.active a,
|
||||
ul.primary li a:hover,
|
||||
ul.secondary,
|
||||
ul.secondary li,
|
||||
ul.secondary a,
|
||||
ul.secondary a.active,
|
||||
.resizable-textarea {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
/* Drupal: system-menus.css */
|
||||
ul.links,
|
||||
ul.links.inline,
|
||||
ul.links li,
|
||||
.block ul,
|
||||
ol,
|
||||
ul,
|
||||
.item-list ul,
|
||||
.item-list ul li {
|
||||
list-style: none;
|
||||
}
|
||||
blockquote,
|
||||
q {
|
||||
quotes: none;
|
||||
}
|
||||
blockquote:before,
|
||||
blockquote:after,
|
||||
q:before,
|
||||
q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
|
||||
/* Remember to highlight inserts somehow! */
|
||||
ins {
|
||||
text-decoration: none;
|
||||
}
|
||||
del {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
/* Tables still need 'cellspacing="0"' in the markup. */
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Font reset.
|
||||
*
|
||||
* Specifically targets form elements which browsers often times give
|
||||
* special treatment.
|
||||
*/
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
}
|
||||
textarea {
|
||||
font-size: 1em;
|
||||
line-height: 1.538em;
|
||||
}
|
||||
/**
|
||||
* Markup free clearing.
|
||||
*
|
||||
* Consider adding your own selectors to this instead of finding ways
|
||||
* to sneak the clearfix class into Drupal's markup.
|
||||
* From http://perishablepress.com/press/2009/12/06/new-clearfix-hack
|
||||
*/
|
||||
ul.links:after,
|
||||
div.admin-panel .body:after,
|
||||
.clearfix:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
/* Exclude inline links from clearfix behavior */
|
||||
ul.inline:after {
|
||||
content: "";
|
||||
display: none;
|
||||
clear: none;
|
||||
}
|
||||
/* IE6 */
|
||||
* html .form-item,
|
||||
* html ul.links,
|
||||
* html div.admin-panel .body,
|
||||
* html .clearfix {
|
||||
height: 1%;
|
||||
}
|
||||
/* IE7 */
|
||||
*:first-child + html .form-item,
|
||||
*:first-child + html ul.links,
|
||||
*:first-child + html div.admin-panel .body,
|
||||
*:first-child + html .clearfix {
|
||||
min-height: 1%;
|
||||
}
|
BIN
themes/seven/screenshot.png
Normal file
After Width: | Height: | Size: 12 KiB |
20
themes/seven/seven.info
Normal file
|
@ -0,0 +1,20 @@
|
|||
name = Seven
|
||||
description = A simple one-column, tableless, fluid width administration theme.
|
||||
package = Core
|
||||
version = VERSION
|
||||
core = 7.x
|
||||
stylesheets[screen][] = reset.css
|
||||
stylesheets[screen][] = style.css
|
||||
settings[shortcut_module_link] = 1
|
||||
regions[content] = Content
|
||||
regions[help] = Help
|
||||
regions[page_top] = Page top
|
||||
regions[page_bottom] = Page bottom
|
||||
regions[sidebar_first] = First sidebar
|
||||
regions_hidden[] = sidebar_first
|
||||
|
||||
; Information added by Drupal.org packaging script on 2017-06-21
|
||||
version = "7.56"
|
||||
project = "drupal"
|
||||
datestamp = "1498069849"
|
||||
|
241
themes/seven/style-rtl.css
Normal file
|
@ -0,0 +1,241 @@
|
|||
|
||||
/**
|
||||
* Generic elements.
|
||||
*/
|
||||
dl dd,
|
||||
dl dl {
|
||||
margin-right: 20px;
|
||||
}
|
||||
ul,
|
||||
.block ul,
|
||||
.item-list ul {
|
||||
margin: 0.25em 1.5em 0.25em 0;
|
||||
}
|
||||
ol {
|
||||
margin: 0.25em 2em 0.25em 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Skip link.
|
||||
*/
|
||||
#skip-link {
|
||||
right: 50%;
|
||||
margin-right: -5.25em;
|
||||
}
|
||||
#skip-link a,
|
||||
#skip-link a:link,
|
||||
#skip-link a:visited {
|
||||
padding: 1px 10px 2px 10px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Branding.
|
||||
*/
|
||||
#branding {
|
||||
padding: 20px 20px 0 20px;
|
||||
}
|
||||
|
||||
#branding div.block {
|
||||
float: left;
|
||||
padding-left: 0;
|
||||
padding-right: 10px;
|
||||
}
|
||||
#branding div.block form div.form-item {
|
||||
float: right;
|
||||
}
|
||||
#branding div.block form input.form-text {
|
||||
margin-left: 10px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Help.
|
||||
*/
|
||||
#help div.more-help-link {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/**
|
||||
* Page title.
|
||||
*/
|
||||
#branding h1.page-title {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/**
|
||||
* Tabs.
|
||||
*/
|
||||
ul.primary li,
|
||||
ul.primary li a:link,
|
||||
ul.primary li a.active {
|
||||
float: right;
|
||||
}
|
||||
ul.primary,
|
||||
ul.secondary {
|
||||
float: left;
|
||||
}
|
||||
ul.secondary li {
|
||||
float: none;
|
||||
}
|
||||
ul.primary {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Page layout.
|
||||
*/
|
||||
#page {
|
||||
padding: 20px 0 40px 0;
|
||||
margin-left: 40px;
|
||||
margin-right: 40px;
|
||||
}
|
||||
#secondary-links ul.links li {
|
||||
padding: 0 0 10px 10px;
|
||||
}
|
||||
ul.links li,
|
||||
ul.inline li {
|
||||
padding-left: 1em;
|
||||
padding-right: 0;
|
||||
}
|
||||
ul.admin-list li {
|
||||
padding: 9px 30px 0 0;
|
||||
margin-right: 0;
|
||||
background: url(images/list-item-rtl.png) no-repeat right 11px;
|
||||
}
|
||||
ul.admin-list li a {
|
||||
margin-right: -30px;
|
||||
margin-left: 0;
|
||||
padding: 0 30px 4px 0;
|
||||
}
|
||||
ul.admin-list.compact li a {
|
||||
margin-right: 0;
|
||||
}
|
||||
ul.admin-list li div.description a {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Tables.
|
||||
*/
|
||||
table th.active a {
|
||||
padding: 0 0 0 25px;
|
||||
}
|
||||
table th.active img {
|
||||
left: 3px;
|
||||
right: auto;
|
||||
}
|
||||
/**
|
||||
* Exception for webkit bug with the right border of the last cell
|
||||
* in some tables, since it's webkit only, we can use :last-child
|
||||
*/
|
||||
tr td:last-child {
|
||||
border-left: 1px solid #bebfb9;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Fieldsets.
|
||||
*/
|
||||
fieldset {
|
||||
padding: 2.5em 0 0 0;
|
||||
}
|
||||
fieldset .fieldset-legend {
|
||||
padding-right: 15px;
|
||||
right: 0;
|
||||
}
|
||||
fieldset .fieldset-wrapper {
|
||||
padding: 0 15px 13px 13px;
|
||||
}
|
||||
|
||||
/* Filter */
|
||||
.filter-wrapper .form-item,
|
||||
.filter-wrapper .filter-guidelines,
|
||||
.filter-wrapper .filter-help {
|
||||
padding: 2px 0 0 0;
|
||||
}
|
||||
ul.tips li {
|
||||
margin: 0.25em 1.5em 0.25em 0;
|
||||
}
|
||||
body div.form-type-radio div.description,
|
||||
body div.form-type-checkbox div.description {
|
||||
margin-left: 0;
|
||||
margin-right: 1.5em;
|
||||
}
|
||||
input.form-submit,
|
||||
a.button {
|
||||
margin-left: 1em;
|
||||
margin-right: 0;
|
||||
}
|
||||
ul.action-links li {
|
||||
float: right;
|
||||
margin: 0 0 0 1em;
|
||||
}
|
||||
ul.action-links a {
|
||||
padding-left: 0;
|
||||
padding-right: 15px;
|
||||
background-position: right center;
|
||||
}
|
||||
|
||||
/* Update options. */
|
||||
div.admin-options label,
|
||||
div.admin-options div.form-item {
|
||||
margin-left: 10px;
|
||||
margin-right: 0;
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* Maintenance theming */
|
||||
body.in-maintenance #sidebar-first {
|
||||
float: right;
|
||||
}
|
||||
body.in-maintenance #content {
|
||||
float: left;
|
||||
padding-left: 20px;
|
||||
padding-right: 0;
|
||||
}
|
||||
ol.task-list {
|
||||
margin-right: 0;
|
||||
}
|
||||
ol.task-list li {
|
||||
padding: 0.5em 20px 0.5em 1em;
|
||||
}
|
||||
ol.task-list li.active {
|
||||
background: transparent url(images/task-item-rtl.png) no-repeat right 50%;
|
||||
padding: 0.5em 20px 0.5em 1em;
|
||||
}
|
||||
|
||||
/* Overlay theming */
|
||||
.overlay #branding div.breadcrumb {
|
||||
float: right;
|
||||
}
|
||||
.overlay ul.secondary {
|
||||
margin: -1.4em 0 0.3em 0;
|
||||
}
|
||||
|
||||
/* Shortcut theming */
|
||||
div.add-or-remove-shortcuts {
|
||||
float: none;
|
||||
padding-left: 0;
|
||||
padding-right: 6px;
|
||||
}
|
||||
|
||||
/* Dashboard */
|
||||
#dashboard div.block div.content {
|
||||
padding: 10px 5px 5px 5px;
|
||||
}
|
||||
#dashboard div.block div.content ul.menu {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
/* Recent content block */
|
||||
#block-node-recent .more-link {
|
||||
padding: 0 0 5px 5px;
|
||||
}
|
||||
|
||||
/* User login block */
|
||||
#user-login-form .openid-links {
|
||||
margin-right: 0;
|
||||
}
|
||||
#user-login-form .openid-links .user-link {
|
||||
margin-right: 1.5em;
|
||||
}
|
990
themes/seven/style.css
Normal file
|
@ -0,0 +1,990 @@
|
|||
|
||||
/**
|
||||
* Generic elements.
|
||||
*/
|
||||
body {
|
||||
color: #000;
|
||||
background: #fff;
|
||||
font: normal 81.3%/1.538em "Lucida Grande", "Lucida Sans Unicode", sans-serif;
|
||||
}
|
||||
a {
|
||||
color: #0074BD;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
hr {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
height: 1px;
|
||||
background: #cccccc;
|
||||
}
|
||||
legend {
|
||||
font-weight: bold;
|
||||
}
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-weight: bold;
|
||||
margin: 10px 0;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.538em;
|
||||
}
|
||||
h2 {
|
||||
font-size: 1.385em;
|
||||
}
|
||||
h3 {
|
||||
font-size: 1.231em;
|
||||
}
|
||||
h4 {
|
||||
font-size: 1.154em;
|
||||
}
|
||||
h5,
|
||||
h6 {
|
||||
font-size: 1.077em;
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
dl {
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
dl dd,
|
||||
dl dl {
|
||||
margin-left: 20px; /* LTR */
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 40px;
|
||||
}
|
||||
address {
|
||||
font-style: italic;
|
||||
}
|
||||
u,
|
||||
ins {
|
||||
text-decoration: underline;
|
||||
}
|
||||
s,
|
||||
strike,
|
||||
del {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
big {
|
||||
font-size: larger;
|
||||
}
|
||||
small {
|
||||
font-size: smaller;
|
||||
}
|
||||
sub {
|
||||
vertical-align: sub;
|
||||
font-size: smaller;
|
||||
line-height: normal;
|
||||
}
|
||||
sup {
|
||||
vertical-align: super;
|
||||
font-size: smaller;
|
||||
line-height: normal;
|
||||
}
|
||||
nobr {
|
||||
white-space: nowrap;
|
||||
}
|
||||
abbr,
|
||||
acronym {
|
||||
border-bottom: dotted 1px;
|
||||
}
|
||||
ul,
|
||||
.block ul,
|
||||
.item-list ul {
|
||||
list-style-type: disc;
|
||||
list-style-image: none;
|
||||
margin: 0.25em 0 0.25em 1.5em; /* LTR */
|
||||
}
|
||||
.item-list .pager li {
|
||||
padding: 0.5em;
|
||||
}
|
||||
.item-list ul li,
|
||||
li.leaf,
|
||||
ul.menu li {
|
||||
list-style-type: disc;
|
||||
list-style-image: none;
|
||||
}
|
||||
ul.menu li {
|
||||
margin: 0;
|
||||
}
|
||||
ol {
|
||||
list-style-type: decimal;
|
||||
margin: 0.25em 0 0.25em 2em; /* LTR */
|
||||
}
|
||||
.item-list ul li.collapsed,
|
||||
ul.menu li.collapsed {
|
||||
list-style-image:url(../../misc/menu-collapsed.png);
|
||||
list-style-type:disc;
|
||||
}
|
||||
.item-list ul li.expanded,
|
||||
ul.menu li.expanded {
|
||||
list-style-image:url(../../misc/menu-expanded.png);
|
||||
list-style-type:circle;
|
||||
}
|
||||
quote,
|
||||
code {
|
||||
margin: .5em 0;
|
||||
}
|
||||
code,
|
||||
pre,
|
||||
kbd {
|
||||
font-size: 1.231em;
|
||||
}
|
||||
pre {
|
||||
margin: 0.5em 0;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
/**
|
||||
* Skip link.
|
||||
*/
|
||||
#skip-link {
|
||||
margin-top: 0;
|
||||
position: absolute;
|
||||
left: 50%; /* LTR */
|
||||
margin-left: -5.25em; /* LTR */
|
||||
width: auto;
|
||||
z-index: 50;
|
||||
}
|
||||
#skip-link a,
|
||||
#skip-link a:link,
|
||||
#skip-link a:visited {
|
||||
display: block;
|
||||
background: #444;
|
||||
color: #fff;
|
||||
font-size: 0.94em;
|
||||
padding: 1px 10px 2px 10px; /* LTR */
|
||||
text-decoration: none;
|
||||
-moz-border-radius: 0 0 10px 10px;
|
||||
-webkit-border-top-left-radius: 0;
|
||||
-webkit-border-top-right-radius: 0;
|
||||
-webkit-border-bottom-left-radius: 10px;
|
||||
-webkit-border-bottom-right-radius: 10px;
|
||||
border-radius: 0 0 10px 10px;
|
||||
}
|
||||
#skip-link a:hover,
|
||||
#skip-link a:focus,
|
||||
#skip-link a:active {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Branding.
|
||||
*/
|
||||
#branding {
|
||||
overflow: hidden;
|
||||
padding: 20px 20px 0 20px; /* LTR */
|
||||
position: relative;
|
||||
background-color: #e0e0d8;
|
||||
}
|
||||
#branding div.breadcrumb {
|
||||
font-size: 0.846em;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
#branding div.block {
|
||||
position: relative;
|
||||
float: right; /* LTR */
|
||||
width: 240px;
|
||||
padding-left: 10px; /* LTR */
|
||||
background: #333;
|
||||
}
|
||||
#branding div.block form label {
|
||||
display: none;
|
||||
}
|
||||
#branding div.block form div.form-item {
|
||||
float: left; /* LTR */
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#branding div.block form input.form-text {
|
||||
width: 140px;
|
||||
margin-right: 10px; /* LTR */
|
||||
}
|
||||
#branding div.block form input.form-submit {
|
||||
text-align: center;
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Help.
|
||||
*/
|
||||
#help {
|
||||
font-size: 0.923em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
#help p {
|
||||
margin: 0 0 10px;
|
||||
}
|
||||
#help div.more-help-link {
|
||||
text-align: right; /* LTR */
|
||||
}
|
||||
|
||||
/**
|
||||
* Page title.
|
||||
*/
|
||||
#page-title {
|
||||
background: #333;
|
||||
padding-top: 20px;
|
||||
}
|
||||
#branding h1.page-title {
|
||||
color: #000;
|
||||
margin: 0;
|
||||
padding-bottom: 10px;
|
||||
font-size: 1.385em;
|
||||
font-weight: normal;
|
||||
float: left; /* LTR */
|
||||
}
|
||||
|
||||
/**
|
||||
* Console.
|
||||
*/
|
||||
#console {
|
||||
margin: 9px 0 10px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Tabs.
|
||||
*/
|
||||
ul.primary {
|
||||
float: right; /* LTR */
|
||||
border-bottom: none;
|
||||
text-transform: uppercase;
|
||||
font-size: 0.923em;
|
||||
height: 2.60em;
|
||||
margin: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
ul.primary li {
|
||||
float: left; /* LTR */
|
||||
list-style: none;
|
||||
margin: 0 2px;
|
||||
}
|
||||
ul.primary li a:link,
|
||||
ul.primary li a.active,
|
||||
ul.primary li a:active,
|
||||
ul.primary li a:visited,
|
||||
ul.primary li a:hover,
|
||||
ul.primary li.active a {
|
||||
display: block;
|
||||
float: left; /* LTR */
|
||||
height: 2.60em;
|
||||
line-height: 2.60em;
|
||||
padding: 0 18px 8px;
|
||||
background-color: #a6a7a2;
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
border-width: 1px 1px 0 1px;
|
||||
border-style: solid;
|
||||
border-color: #a6a7a2;
|
||||
-moz-border-radius: 8px 8px 0 0;
|
||||
-webkit-border-top-left-radius: 8px;
|
||||
-webkit-border-top-right-radius: 8px;
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
ul.primary li.active a,
|
||||
ul.primary li.active a.active,
|
||||
ul.primary li.active a:active,
|
||||
ul.primary li.active a:visited {
|
||||
background-color: #fff;
|
||||
border-color: #c9cac4;
|
||||
}
|
||||
ul.primary li a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
ul.primary li.active a:hover {
|
||||
color: #000;
|
||||
}
|
||||
.tabs-secondary {
|
||||
clear: both;
|
||||
}
|
||||
ul.secondary {
|
||||
float: right; /* LTR */
|
||||
font-size: 0.923em;
|
||||
padding: 0 3px 5px;
|
||||
line-height: 1.385em;
|
||||
overflow: hidden;
|
||||
background-color: #fff;
|
||||
}
|
||||
ul.secondary li {
|
||||
margin: 0 5px;
|
||||
float: none; /* LTR */
|
||||
}
|
||||
ul.secondary li a {
|
||||
background-color: #ddd;
|
||||
color: #000;
|
||||
display: inline-block;
|
||||
}
|
||||
ul.secondary li a,
|
||||
ul.secondary li a:hover,
|
||||
ul.secondary li.active a,
|
||||
ul.secondary li.active a.active {
|
||||
padding: 2px 10px;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
}
|
||||
ul.secondary li a:hover,
|
||||
ul.secondary li.active a,
|
||||
ul.secondary li.active a.active {
|
||||
color: #fff;
|
||||
background: #666;
|
||||
}
|
||||
#content {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
/**
|
||||
* Page layout.
|
||||
*/
|
||||
#page {
|
||||
padding: 20px 0 40px 0; /* LTR */
|
||||
margin-right: 40px; /* LTR */
|
||||
margin-left: 40px; /* LTR */
|
||||
background: #fff;
|
||||
position: relative;
|
||||
color: #333;
|
||||
}
|
||||
#secondary-links ul.links li {
|
||||
padding: 0 10px 10px 0; /* LTR */
|
||||
}
|
||||
#secondary-links ul.links li a {
|
||||
font-size: 0.923em;
|
||||
background: #777;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding: 5px;
|
||||
height: 55px;
|
||||
width: 80px;
|
||||
overflow: hidden;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
#secondary-links ul.links li a:hover {
|
||||
background: #999;
|
||||
}
|
||||
ul.links li,
|
||||
ul.inline li {
|
||||
padding-right: 1em; /* LTR */
|
||||
}
|
||||
ul.inline li {
|
||||
display: inline;
|
||||
}
|
||||
#secondary-links ul.links li.active-trail a,
|
||||
#secondary-links ul.links li a.active {
|
||||
background: #333;
|
||||
}
|
||||
ul.admin-list li {
|
||||
position: relative;
|
||||
padding-left: 30px; /* LTR */
|
||||
padding-top: 9px;
|
||||
border-top: 1px solid #ccc;
|
||||
margin-left: 0; /* LTR */
|
||||
margin-bottom: 10px;
|
||||
background: url(images/list-item.png) no-repeat 0 11px; /* LTR */
|
||||
list-style-type: none;
|
||||
list-style-image: none;
|
||||
}
|
||||
.admin-panel .item-list ul,
|
||||
ul.admin-list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.admin-panel .item-list ul,
|
||||
ul.admin-list.compact {
|
||||
margin: 8px 0;
|
||||
}
|
||||
.admin-panel .item-list li,
|
||||
ul.admin-list.compact li {
|
||||
border: none;
|
||||
background: none;
|
||||
margin: 0 0 0.75em;
|
||||
line-height: 1;
|
||||
padding: 0;
|
||||
}
|
||||
ul.admin-list li:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
ul.admin-list li a {
|
||||
margin-left: -30px; /* LTR */
|
||||
padding: 0 0 4px 30px; /* LTR */
|
||||
min-height: 0;
|
||||
}
|
||||
ul.admin-list.compact li a {
|
||||
margin-left: 0; /* LTR */
|
||||
padding: 0;
|
||||
}
|
||||
ul.admin-list li div.description a {
|
||||
margin-left: 0; /* LTR */
|
||||
padding: 0;
|
||||
min-height: inherit;
|
||||
}
|
||||
div.submitted {
|
||||
color: #898989;
|
||||
}
|
||||
|
||||
/**
|
||||
* Tables.
|
||||
*/
|
||||
table {
|
||||
width: 100%;
|
||||
font-size: 0.923em;
|
||||
margin: 0 0 10px;
|
||||
border: 1px solid #bebfb9;
|
||||
}
|
||||
table td,
|
||||
table th {
|
||||
vertical-align: middle;
|
||||
padding: 8px 10px;
|
||||
border: 0;
|
||||
color: #000;
|
||||
}
|
||||
tr.even,
|
||||
tr.odd {
|
||||
border-width: 0 1px 0 1px;
|
||||
border-style: solid;
|
||||
border-color: #bebfb9;
|
||||
background: #f3f4ee;
|
||||
}
|
||||
tr.odd {
|
||||
background: #fff;
|
||||
}
|
||||
tr.drag {
|
||||
background: #fe7;
|
||||
}
|
||||
tr.drag-previous {
|
||||
background: #ffb;
|
||||
}
|
||||
table th {
|
||||
text-transform: uppercase;
|
||||
background: #e1e2dc;
|
||||
font-weight: normal;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #bebfb9;
|
||||
padding: 3px 10px;
|
||||
}
|
||||
/**
|
||||
* Force browsers to calculate the width of a 'select all' TH element.
|
||||
*/
|
||||
table th.select-all {
|
||||
width: 1px;
|
||||
}
|
||||
table th.active {
|
||||
background: #bdbeb9;
|
||||
}
|
||||
table th a {
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
table th.active a {
|
||||
padding: 0 25px 0 0; /* LTR */
|
||||
}
|
||||
table th.active img {
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
right: 3px; /* LTR */
|
||||
}
|
||||
table td.active {
|
||||
background: #e9e9dd;
|
||||
}
|
||||
table tr.odd td.active {
|
||||
background: #f3f4ee;
|
||||
}
|
||||
table tr.selected td.active,
|
||||
table tr.selected td {
|
||||
background: #ffc;
|
||||
border-color: #eeb;
|
||||
}
|
||||
table.system-status-report tr {
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
table.system-status-report tr.ok {
|
||||
color: #255b1e;
|
||||
background-color: #e5ffe2;
|
||||
}
|
||||
table.system-status-report tr.info {
|
||||
color: #040f37;
|
||||
background-color: #bdf;
|
||||
}
|
||||
table.system-status-report tr.warning {
|
||||
color: #840;
|
||||
background-color: #fffce5;
|
||||
}
|
||||
table.system-status-report tr.error {
|
||||
color: #8c2e0b;
|
||||
background-color: #fef5f1;
|
||||
}
|
||||
/**
|
||||
* Exception for webkit bug with the right border of the last cell
|
||||
* in some tables, since it's webkit only, we can use :last-child
|
||||
*/
|
||||
tr td:last-child {
|
||||
border-right: 1px solid #bebfb9; /* LTR */
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Fieldsets.
|
||||
*
|
||||
* Fieldset legends are displayed like containers in Seven. However, several
|
||||
* browsers do not support styling of LEGEND elements. To achieve the desired
|
||||
* styling:
|
||||
* - All fieldsets use 'position: relative'.
|
||||
* - All legend labels are wrapped in a single span.fieldset-legend that uses
|
||||
* 'position: absolute', which means that the LEGEND element itself is not
|
||||
* rendered by browsers.
|
||||
* - Due to using 'position: absolute', collapsed fieldsets do not have a
|
||||
* height; the fieldset requires a 'padding-top' to make the absolute
|
||||
* positioned .fieldset-legend appear as though it would have a height.
|
||||
* - Various browsers are positioning the legend differently if there is a
|
||||
* 'padding-left'/'padding-right' applied on a fieldset and inherit the
|
||||
* positioning even to absolute positioned elements within; we therefore have
|
||||
* to apply all padding to the inner .fieldset-wrapper instead.
|
||||
*/
|
||||
fieldset {
|
||||
border: 1px solid #ccc;
|
||||
padding: 2.5em 0 0 0; /* LTR */
|
||||
position: relative;
|
||||
margin: 1em 0;
|
||||
}
|
||||
fieldset .fieldset-legend {
|
||||
margin-top: 0.5em;
|
||||
padding-left: 15px; /* LTR */
|
||||
position: absolute;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
fieldset .fieldset-wrapper {
|
||||
padding: 0 13px 13px 15px; /* LTR */
|
||||
}
|
||||
fieldset.collapsed {
|
||||
background-color: transparent;
|
||||
}
|
||||
html.js fieldset.collapsed {
|
||||
border-width: 1px;
|
||||
height: auto;
|
||||
}
|
||||
fieldset fieldset {
|
||||
background-color: #fff;
|
||||
}
|
||||
fieldset fieldset fieldset {
|
||||
background-color: #f8f8f8;
|
||||
}
|
||||
|
||||
/**
|
||||
* Form elements.
|
||||
*/
|
||||
.form-item {
|
||||
padding: 9px 0;
|
||||
margin: 0 0 10px;
|
||||
}
|
||||
.filter-wrapper .form-item,
|
||||
div.teaser-checkbox .form-item,
|
||||
.form-item .form-item {
|
||||
padding: 5px 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
.form-type-checkbox {
|
||||
padding: 0;
|
||||
}
|
||||
.text-format-wrapper .form-item {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.form-item label {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.form-item label.option {
|
||||
font-size: 0.923em;
|
||||
text-transform: none;
|
||||
}
|
||||
.form-item label.option input {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.form-disabled input.form-autocomplete,
|
||||
.form-disabled input.form-text,
|
||||
.form-disabled input.form-file,
|
||||
.form-disabled textarea.form-textarea,
|
||||
.form-disabled select.form-select {
|
||||
background-color: #eee;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
/* Filter */
|
||||
.filter-wrapper {
|
||||
border-top: 0;
|
||||
padding: 10px 2px;
|
||||
}
|
||||
.filter-wrapper .fieldset-wrapper {
|
||||
padding: 0 6px;
|
||||
}
|
||||
.filter-wrapper .form-item,
|
||||
.filter-wrapper .filter-guidelines,
|
||||
.filter-wrapper .filter-help {
|
||||
font-size: 0.923em;
|
||||
padding: 2px 0 0 0; /* LTR */
|
||||
}
|
||||
ul.tips,
|
||||
div.description,
|
||||
.form-item div.description {
|
||||
margin: 5px 0;
|
||||
line-height: 1.231em;
|
||||
font-size: 0.923em;
|
||||
color: #666;
|
||||
}
|
||||
ul.tips li {
|
||||
margin: 0.25em 0 0.25em 1.5em; /* LTR */
|
||||
}
|
||||
body div.form-type-radio div.description,
|
||||
body div.form-type-checkbox div.description {
|
||||
margin-left: 1.5em; /* LTR */
|
||||
}
|
||||
input.form-submit,
|
||||
a.button {
|
||||
cursor: pointer;
|
||||
padding: 4px 17px;
|
||||
margin-bottom: 1em;
|
||||
margin-right: 1em; /* LTR */
|
||||
color: #5a5a5a;
|
||||
text-align: center;
|
||||
font-weight: normal;
|
||||
font-size: 1.077em;
|
||||
font-family: "Lucida Grande", Verdana, sans-serif;
|
||||
border: 1px solid #e4e4e4;
|
||||
border-bottom: 1px solid #b4b4b4;
|
||||
border-left-color: #d2d2d2;
|
||||
border-right-color: #d2d2d2;
|
||||
background: url(images/buttons.png) 0 0 repeat-x;
|
||||
-moz-border-radius: 20px;
|
||||
-webkit-border-radius: 20px;
|
||||
border-radius: 20px;
|
||||
}
|
||||
a.button:link,
|
||||
a.button:visited,
|
||||
a.button:hover,
|
||||
a.button:active {
|
||||
text-decoration: none;
|
||||
color: #5a5a5a;
|
||||
}
|
||||
input.form-submit:active {
|
||||
background: #666;
|
||||
color: #fff;
|
||||
border-color: #555;
|
||||
text-shadow: #222 0 -1px 0;
|
||||
}
|
||||
input.form-button-disabled,
|
||||
input.form-button-disabled:active {
|
||||
background: #eee none;
|
||||
border-color: #eee;
|
||||
text-shadow: none;
|
||||
color: #999;
|
||||
}
|
||||
input.form-autocomplete,
|
||||
input.form-text,
|
||||
input.form-file,
|
||||
textarea.form-textarea,
|
||||
select.form-select {
|
||||
padding: 2px;
|
||||
border: 1px solid #ccc;
|
||||
border-top-color: #999;
|
||||
background: #fff;
|
||||
color: #333;
|
||||
}
|
||||
input.form-text:focus,
|
||||
input.form-file:focus,
|
||||
textarea.form-textarea:focus,
|
||||
select.form-select:focus {
|
||||
color: #000;
|
||||
border-color: #ace;
|
||||
}
|
||||
|
||||
ul.action-links {
|
||||
margin: 1em 0;
|
||||
padding: 0 20px 0 20px; /* LTR */
|
||||
list-style-type: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
ul.action-links li {
|
||||
float: left; /* LTR */
|
||||
margin: 0 1em 0 0; /* LTR */
|
||||
}
|
||||
ul.action-links a {
|
||||
padding-left: 15px; /* LTR */
|
||||
background: transparent url(images/add.png) no-repeat 0 center;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
/* Exceptions */
|
||||
#diff-inline-form select,
|
||||
div.filter-options select {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* System.
|
||||
*/
|
||||
div.admin .right,
|
||||
div.admin .left {
|
||||
width: 49%;
|
||||
margin: 0;
|
||||
}
|
||||
div.admin-panel,
|
||||
div.admin-panel .body {
|
||||
padding: 0;
|
||||
clear: left;
|
||||
}
|
||||
div.admin-panel {
|
||||
margin: 0 0 20px;
|
||||
padding: 9px;
|
||||
background: #f8f8f8;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
div.admin-panel h3 {
|
||||
font-size: 0.923em;
|
||||
text-transform: uppercase;
|
||||
margin: 0;
|
||||
padding-bottom: 9px;
|
||||
}
|
||||
|
||||
/* admin/appearance */
|
||||
#system-themes-page h2 {
|
||||
font-weight: normal;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.theme-selector h3 {
|
||||
font-weight: normal;
|
||||
}
|
||||
.theme-default h3 {
|
||||
font-weight: bold;
|
||||
}
|
||||
.system-themes-list-enabled .theme-selector h3 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
/* Update options. */
|
||||
div.admin-options {
|
||||
background: #f8f8f8;
|
||||
line-height: 30px;
|
||||
height: 30px;
|
||||
padding: 9px;
|
||||
border: 1px solid #ccc;
|
||||
margin: 0 0 10px;
|
||||
}
|
||||
div.admin-options label {
|
||||
text-transform: uppercase;
|
||||
font: 0.846em/1.875em Lucida Grande, Lucida Sans Unicode, sans-serif;
|
||||
}
|
||||
div.admin-options label,
|
||||
div.admin-options div.form-item {
|
||||
margin-right: 10px; /* LTR */
|
||||
float: left; /* LTR */
|
||||
}
|
||||
div.admin-options div.form-item {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/* Update status */
|
||||
.versions table.version {
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* Maintenance theming */
|
||||
body.in-maintenance #sidebar-first {
|
||||
float: left; /* LTR */
|
||||
width: 200px;
|
||||
}
|
||||
body.in-maintenance #content {
|
||||
float: right; /* LTR */
|
||||
width: 550px;
|
||||
padding-right: 20px; /* LTR */
|
||||
clear: none;
|
||||
}
|
||||
body.in-maintenance #page {
|
||||
overflow: auto;
|
||||
width: 770px;
|
||||
margin: 0 auto;
|
||||
padding-top: 2em;
|
||||
}
|
||||
body.in-maintenance #branding h1 {
|
||||
width: 770px;
|
||||
margin: 0 auto;
|
||||
float: none;
|
||||
}
|
||||
body.in-maintenance .form-radios .form-type-radio {
|
||||
padding: 2px 0;
|
||||
}
|
||||
body.in-maintenance div.form-item:after {
|
||||
content: "";
|
||||
display: none;
|
||||
clear: none;
|
||||
}
|
||||
body.in-maintenance .form-submit {
|
||||
display: block;
|
||||
}
|
||||
body.in-maintenance #logo {
|
||||
margin-bottom: 1.5em;
|
||||
max-width: 180px;
|
||||
}
|
||||
ol.task-list {
|
||||
margin-left: 0; /* LTR */
|
||||
list-style-type: none;
|
||||
list-style-image: none;
|
||||
}
|
||||
ol.task-list li {
|
||||
padding: 0.5em 1em 0.5em 20px; /* LTR */
|
||||
color: #adadad;
|
||||
}
|
||||
ol.task-list li.active {
|
||||
background: transparent url(images/task-item.png) no-repeat 3px 50%; /* LTR */
|
||||
padding: 0.5em 1em 0.5em 20px; /* LTR */
|
||||
color: #000;
|
||||
}
|
||||
ol.task-list li.done {
|
||||
background: transparent url(images/task-check.png) no-repeat 0 50%;
|
||||
color: green;
|
||||
}
|
||||
|
||||
/* Overlay theming */
|
||||
.overlay #branding {
|
||||
background-color: #fff;
|
||||
padding-top: 15px;
|
||||
}
|
||||
.overlay #branding h1.page-title,
|
||||
.overlay #left,
|
||||
.overlay #footer {
|
||||
display: none;
|
||||
}
|
||||
.overlay #page {
|
||||
margin: 0;
|
||||
padding: 0 20px;
|
||||
}
|
||||
.overlay #branding div.breadcrumb {
|
||||
float: left; /* LTR */
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
}
|
||||
#overlay-tabs {
|
||||
bottom: -1px;
|
||||
font-size: 1.54em;
|
||||
line-height: 1.54em;
|
||||
margin: 0;
|
||||
}
|
||||
#overlay-tabs li {
|
||||
margin: 0 -2px;
|
||||
}
|
||||
.overlay ul.secondary {
|
||||
background: transparent none;
|
||||
margin: -1.4em 0 0.3em 0; /* LTR */
|
||||
overflow: visible;
|
||||
}
|
||||
.overlay #content {
|
||||
padding: 0;
|
||||
}
|
||||
h1#overlay-title {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
/* Shortcut theming */
|
||||
div.add-or-remove-shortcuts {
|
||||
float: left; /* LTR */
|
||||
padding-top: 6px;
|
||||
padding-left: 6px; /* LTR */
|
||||
}
|
||||
|
||||
/* Dashboard */
|
||||
#dashboard .dashboard-region div.block h2 {
|
||||
background: #E0E0D8;
|
||||
}
|
||||
#dashboard div.block h2 {
|
||||
margin: 0;
|
||||
font-size: 1em;
|
||||
padding: 3px 10px;
|
||||
}
|
||||
#dashboard div.block div.content {
|
||||
padding: 10px 5px 5px 5px; /* LTR */
|
||||
}
|
||||
#dashboard div.block div.content ul.menu {
|
||||
margin-left: 20px; /* LTR */
|
||||
}
|
||||
#dashboard .dashboard-region .block {
|
||||
border: #ccc 1px solid;
|
||||
}
|
||||
|
||||
/* Field UI */
|
||||
|
||||
#field-display-overview input.field-formatter-settings-edit {
|
||||
margin: 0;
|
||||
padding: 1px 8px;
|
||||
}
|
||||
#field-display-overview tr.field-formatter-settings-changed {
|
||||
background: #FFFFBB;
|
||||
}
|
||||
#field-display-overview tr.drag {
|
||||
background: #FFEE77;
|
||||
}
|
||||
#field-display-overview tr.field-formatter-settings-editing {
|
||||
background: #D5E9F2;
|
||||
}
|
||||
#field-display-overview .field-formatter-settings-edit-form .form-item {
|
||||
margin: 10px 0;
|
||||
}
|
||||
#field-display-overview .field-formatter-settings-edit-form .form-submit {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* Recent content block */
|
||||
#dashboard div#block-node-recent div.content {
|
||||
padding: 0;
|
||||
}
|
||||
#block-node-recent table,
|
||||
#block-node-recent tr {
|
||||
border: none;
|
||||
}
|
||||
#block-node-recent .more-link {
|
||||
padding: 0 5px 5px 0; /* LTR */
|
||||
}
|
||||
|
||||
/* User login block */
|
||||
#user-login-form .openid-links {
|
||||
margin-left: 0; /* LTR */
|
||||
}
|
||||
#user-login-form .openid-links .user-link {
|
||||
margin-left: 1.5em; /* LTR */
|
||||
}
|
||||
|
||||
/* Disable overlay message */
|
||||
#overlay-disable-message {
|
||||
background-color: #addafc;
|
||||
}
|
||||
#overlay-disable-message a,
|
||||
#overlay-disable-message a:visited {
|
||||
color: #000;
|
||||
}
|
||||
#overlay-disable-message a:focus,
|
||||
#overlay-disable-message a:active {
|
||||
outline: none;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.overlay-disable-message-focused a {
|
||||
padding: 0.4em 0.6em;
|
||||
}
|
||||
.overlay-disable-message-focused #overlay-dismiss-message {
|
||||
background-color: #59a0d8;
|
||||
color: #fff;
|
||||
-moz-border-radius: 8px;
|
||||
-webkit-border-radius: 8px;
|
||||
border-radius: 8px;
|
||||
}
|
118
themes/seven/template.php
Normal file
|
@ -0,0 +1,118 @@
|
|||
<?php
|
||||
|
||||
/**
|
||||
* Override or insert variables into the maintenance page template.
|
||||
*/
|
||||
function seven_preprocess_maintenance_page(&$vars) {
|
||||
// While markup for normal pages is split into page.tpl.php and html.tpl.php,
|
||||
// the markup for the maintenance page is all in the single
|
||||
// maintenance-page.tpl.php template. So, to have what's done in
|
||||
// seven_preprocess_html() also happen on the maintenance page, it has to be
|
||||
// called here.
|
||||
seven_preprocess_html($vars);
|
||||
}
|
||||
|
||||
/**
|
||||
* Override or insert variables into the html template.
|
||||
*/
|
||||
function seven_preprocess_html(&$vars) {
|
||||
// Add conditional CSS for IE8 and below.
|
||||
drupal_add_css(path_to_theme() . '/ie.css', array('group' => CSS_THEME, 'browsers' => array('IE' => 'lte IE 8', '!IE' => FALSE), 'weight' => 999, 'preprocess' => FALSE));
|
||||
// Add conditional CSS for IE7 and below.
|
||||
drupal_add_css(path_to_theme() . '/ie7.css', array('group' => CSS_THEME, 'browsers' => array('IE' => 'lte IE 7', '!IE' => FALSE), 'weight' => 999, 'preprocess' => FALSE));
|
||||
// Add conditional CSS for IE6.
|
||||
drupal_add_css(path_to_theme() . '/ie6.css', array('group' => CSS_THEME, 'browsers' => array('IE' => 'lte IE 6', '!IE' => FALSE), 'weight' => 999, 'preprocess' => FALSE));
|
||||
}
|
||||
|
||||
/**
|
||||
* Override or insert variables into the page template.
|
||||
*/
|
||||
function seven_preprocess_page(&$vars) {
|
||||
$vars['primary_local_tasks'] = $vars['tabs'];
|
||||
unset($vars['primary_local_tasks']['#secondary']);
|
||||
$vars['secondary_local_tasks'] = array(
|
||||
'#theme' => 'menu_local_tasks',
|
||||
'#secondary' => $vars['tabs']['#secondary'],
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Display the list of available node types for node creation.
|
||||
*/
|
||||
function seven_node_add_list($variables) {
|
||||
$content = $variables['content'];
|
||||
$output = '';
|
||||
if ($content) {
|
||||
$output = '<ul class="admin-list">';
|
||||
foreach ($content as $item) {
|
||||
$output .= '<li class="clearfix">';
|
||||
$output .= '<span class="label">' . l($item['title'], $item['href'], $item['localized_options']) . '</span>';
|
||||
$output .= '<div class="description">' . filter_xss_admin($item['description']) . '</div>';
|
||||
$output .= '</li>';
|
||||
}
|
||||
$output .= '</ul>';
|
||||
}
|
||||
else {
|
||||
$output = '<p>' . t('You have not created any content types yet. Go to the <a href="@create-content">content type creation page</a> to add a new content type.', array('@create-content' => url('admin/structure/types/add'))) . '</p>';
|
||||
}
|
||||
return $output;
|
||||
}
|
||||
|
||||
/**
|
||||
* Overrides theme_admin_block_content().
|
||||
*
|
||||
* Use unordered list markup in both compact and extended mode.
|
||||
*/
|
||||
function seven_admin_block_content($variables) {
|
||||
$content = $variables['content'];
|
||||
$output = '';
|
||||
if (!empty($content)) {
|
||||
$output = system_admin_compact_mode() ? '<ul class="admin-list compact">' : '<ul class="admin-list">';
|
||||
foreach ($content as $item) {
|
||||
$output .= '<li class="leaf">';
|
||||
$output .= l($item['title'], $item['href'], $item['localized_options']);
|
||||
if (isset($item['description']) && !system_admin_compact_mode()) {
|
||||
$output .= '<div class="description">' . filter_xss_admin($item['description']) . '</div>';
|
||||
}
|
||||
$output .= '</li>';
|
||||
}
|
||||
$output .= '</ul>';
|
||||
}
|
||||
return $output;
|
||||
}
|
||||
|
||||
/**
|
||||
* Override of theme_tablesort_indicator().
|
||||
*
|
||||
* Use our own image versions, so they show up as black and not gray on gray.
|
||||
*/
|
||||
function seven_tablesort_indicator($variables) {
|
||||
$style = $variables['style'];
|
||||
$theme_path = drupal_get_path('theme', 'seven');
|
||||
if ($style == 'asc') {
|
||||
return theme('image', array('path' => $theme_path . '/images/arrow-asc.png', 'alt' => t('sort ascending'), 'width' => 13, 'height' => 13, 'title' => t('sort ascending')));
|
||||
}
|
||||
else {
|
||||
return theme('image', array('path' => $theme_path . '/images/arrow-desc.png', 'alt' => t('sort descending'), 'width' => 13, 'height' => 13, 'title' => t('sort descending')));
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements hook_css_alter().
|
||||
*/
|
||||
function seven_css_alter(&$css) {
|
||||
// Use Seven's vertical tabs style instead of the default one.
|
||||
if (isset($css['misc/vertical-tabs.css'])) {
|
||||
$css['misc/vertical-tabs.css']['data'] = drupal_get_path('theme', 'seven') . '/vertical-tabs.css';
|
||||
$css['misc/vertical-tabs.css']['type'] = 'file';
|
||||
}
|
||||
if (isset($css['misc/vertical-tabs-rtl.css'])) {
|
||||
$css['misc/vertical-tabs-rtl.css']['data'] = drupal_get_path('theme', 'seven') . '/vertical-tabs-rtl.css';
|
||||
$css['misc/vertical-tabs-rtl.css']['type'] = 'file';
|
||||
}
|
||||
// Use Seven's jQuery UI theme style instead of the default one.
|
||||
if (isset($css['misc/ui/jquery.ui.theme.css'])) {
|
||||
$css['misc/ui/jquery.ui.theme.css']['data'] = drupal_get_path('theme', 'seven') . '/jquery.ui.theme.css';
|
||||
$css['misc/ui/jquery.ui.theme.css']['type'] = 'file';
|
||||
}
|
||||
}
|
21
themes/seven/vertical-tabs-rtl.css
Normal file
|
@ -0,0 +1,21 @@
|
|||
|
||||
/**
|
||||
* Override of misc/vertical-tabs-rtl.css.
|
||||
*/
|
||||
div.vertical-tabs {
|
||||
background: #fff url(images/fc-rtl.png) repeat-y right 0;
|
||||
}
|
||||
div.vertical-tabs .vertical-tabs-list {
|
||||
float: right;
|
||||
margin: 0 0 -1px -100%;
|
||||
}
|
||||
div.vertical-tabs ul li.selected a,
|
||||
div.vertical-tabs ul li.selected a:hover,
|
||||
div.vertical-tabs ul li.selected a:focus,
|
||||
div.vertical-tabs ul li.selected a:active {
|
||||
border-left-color: #fff;
|
||||
}
|
||||
div.vertical-tabs .vertical-tabs-panes {
|
||||
margin: 0 265px 0 0;
|
||||
padding: 10px 0 10px 15px;
|
||||
}
|
96
themes/seven/vertical-tabs.css
Normal file
|
@ -0,0 +1,96 @@
|
|||
|
||||
/**
|
||||
* Override of misc/vertical-tabs.css.
|
||||
*/
|
||||
div.vertical-tabs {
|
||||
background: #fff url(images/fc.png) repeat-y 0 0; /* LTR */
|
||||
border: 1px solid #ccc;
|
||||
margin: 10px 0;
|
||||
position: relative;
|
||||
}
|
||||
fieldset.vertical-tabs-pane {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
div.vertical-tabs .vertical-tabs-list {
|
||||
border-bottom: 1px solid #ccc;
|
||||
float: left; /* LTR */
|
||||
font-size: 1em;
|
||||
line-height: 1;
|
||||
margin: 0 -100% -1px 0; /* LTR */
|
||||
padding: 0;
|
||||
width: 240px;
|
||||
}
|
||||
div.vertical-tabs ul li.vertical-tab-button {
|
||||
list-style: none;
|
||||
list-style-image: none;
|
||||
margin: 0;
|
||||
}
|
||||
div.vertical-tabs ul li.vertical-tab-button a {
|
||||
border-top: 1px solid #ccc;
|
||||
display: block;
|
||||
padding: 10px;
|
||||
}
|
||||
div.vertical-tabs ul li.first a {
|
||||
border-top: 0;
|
||||
}
|
||||
div.vertical-tabs ul li.vertical-tab-button strong {
|
||||
font-size: 0.923em;
|
||||
}
|
||||
div.vertical-tabs ul li.vertical-tab-button .summary {
|
||||
color: #666;
|
||||
display: block;
|
||||
font-size: 0.846em;
|
||||
padding-top: 0.4em;
|
||||
}
|
||||
div.vertical-tabs ul li.vertical-tab-button a:hover,
|
||||
div.vertical-tabs ul li.vertical-tab-button a:focus {
|
||||
background: #d5d5d5;
|
||||
text-decoration: none;
|
||||
outline: 0;
|
||||
}
|
||||
div.vertical-tabs ul li.selected a,
|
||||
div.vertical-tabs ul li.selected a:hover,
|
||||
div.vertical-tabs ul li.selected a:focus,
|
||||
div.vertical-tabs ul li.selected a:active {
|
||||
background: #fff;
|
||||
border-right-color: #fff; /* LTR */
|
||||
border-top: 1px solid #ccc;
|
||||
}
|
||||
div.vertical-tabs ul li.first.selected a,
|
||||
div.vertical-tabs ul li.first.selected a:hover {
|
||||
border-top: 0;
|
||||
}
|
||||
div.vertical-tabs ul li.selected a:focus strong {
|
||||
text-decoration: underline;
|
||||
}
|
||||
div.vertical-tabs .vertical-tabs-panes {
|
||||
margin: 0 0 0 265px; /* LTR */
|
||||
padding: 10px 15px 10px 0; /* LTR */
|
||||
}
|
||||
fieldset.vertical-tabs-pane legend {
|
||||
display: none;
|
||||
}
|
||||
fieldset.vertical-tabs-pane fieldset legend {
|
||||
display: block;
|
||||
}
|
||||
.vertical-tabs-pane .fieldset-wrapper > div:first-child {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent text inputs from overflowing when container is too narrow. "width" is
|
||||
* applied to override hardcoded cols or size attributes and used in conjunction
|
||||
* with "box-sizing" to prevent box model issues from occurring in most browsers.
|
||||
*/
|
||||
.vertical-tabs .form-type-textfield input {
|
||||
width: 100%;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
* html .vertical-tabs .form-type-textfield,
|
||||
* html .vertical-tabs .form-textarea-wrapper {
|
||||
width: 95%; /* IE6 */
|
||||
}
|