2015-08-17 17:00:26 -07:00
/ * *
* @ file
* Styles for administration pages .
* /
/ * *
* Reusable layout styles .
* /
. layout-container {
margin : 0 1 . 5em ;
}
. layout-container : after {
content : "" ;
display : table ;
clear : both ;
}
@ media screen and ( min-width : 38em ) {
. layout-container {
margin : 0 2 . 5em ;
}
. layout-column {
float : left ; /* LTR */
box-sizing : border-box ;
}
[ dir = "rtl" ] . layout-column {
float : right ;
}
. layout-column + . layout-column {
padding-left : 10px ; /* LTR */
}
[ dir = "rtl" ] . layout-column + . layout-column {
padding-right : 10px ;
padding-left : 0 ;
}
2015-10-08 11:40:12 -07:00
. layout-column--half {
2015-08-17 17:00:26 -07:00
width : 50 % ;
}
2015-10-08 11:40:12 -07:00
. layout-column--quarter {
2015-08-17 17:00:26 -07:00
width : 25 % ;
}
2015-10-08 11:40:12 -07:00
. layout-column--three-quarter {
2015-08-17 17:00:26 -07:00
width : 75 % ;
}
}
/ * *
* Panel .
* Used to visually group items together .
* /
. panel {
padding : 5px 5px 15px ;
}
. panel__description {
margin : 0 0 3px ;
padding : 2px 0 3px 0 ;
}
/ * *
* System compact link : to toggle the display of description text .
* /
. compact-link {
margin : 0 0 0 . 5em 0 ;
}
/ * *
* Quick inline admin links .
* /
small . admin-link : before {
content : ' [' ;
}
small . admin-link : after {
content : ']' ;
}
/ * *
* Modules page .
* /
. system-modules thead > tr {
border : 0 ;
}
. system-modules div . incompatible {
font-weight : bold ;
}
. system-modules td . checkbox {
min-width : 25px ;
width : 4 % ;
}
. system-modules td . module {
width : 25 % ;
}
. system-modules td {
vertical-align : top ;
}
. system-modules label ,
. system-modules-uninstall label {
color : # 1d1d1d ;
font-size : 1 . 15em ;
}
. system-modules details {
color : # 5c5c5b ;
line-height : 20px ;
overflow : hidden ; /* truncates descriptions if too long */
text-overflow : ellipsis ;
white-space : nowrap ;
}
. system-modules details [ open ] {
height : auto ;
overflow : visible ;
white-space : normal ;
}
. system-modules details [ open ] summary . text {
-webkit-hyphens : auto ;
-moz-hyphens : auto ;
-ms-hyphens : auto ;
hyphens : auto ;
text-transform : none ;
}
. system-modules td details a {
color : # 5C5C5B ;
border : 0px ;
}
. system-modules td details {
border : 0 ;
margin : 0 ;
height : 20px ;
}
. system-modules td details summary {
padding : 0 ;
text-transform : none ;
font-weight : normal ;
cursor : default ;
}
. system-modules td {
2015-10-08 11:40:12 -07:00
padding-left : 0 ; /* LTR */
}
[ dir = "rtl" ] . system-modules td {
padding-left : 12px ;
padding-right : 0 ;
2015-08-17 17:00:26 -07:00
}
@ media screen and ( max-width : 40em ) {
. system-modules td . name {
width : 20 % ;
}
. system-modules td . description {
width : 40 % ;
}
}
. system-modules . requirements {
padding : 5px 0 ;
max-width : 490px ;
}
. system-modules . links {
overflow : hidden ; /* prevents collapse */
}
. system-modules . checkbox {
margin : 0 5px ;
}
. system-modules . checkbox . form-item {
margin-bottom : 0 ;
}
. admin-requirements ,
. admin-required {
font-size : 0 . 9em ;
color : # 666 ;
}
. admin-enabled {
color : # 080 ;
}
. admin-missing {
color : # f00 ;
}
. module-link {
display : block ;
padding : 2px 20px ;
white-space : nowrap ;
margin-top : 2px ;
float : left ; /* LTR */
}
[ dir = "rtl" ] . module-link {
float : right ;
}
. module-link-help {
2015-11-04 11:11:27 -08:00
background : url ( . . / . . / . . / misc / icons / 787878 / questionmark-disc . svg ) 0 50 % no-repeat ; /* LTR */
}
[ dir = "rtl" ] . module-link-help {
background-position : top 50 % right 0 ;
2015-08-17 17:00:26 -07:00
}
. module-link-permissions {
2015-11-04 11:11:27 -08:00
background : url ( . . / . . / . . / misc / icons / 787878 / key . svg ) 0 50 % no-repeat ; /* LTR */
}
[ dir = "rtl" ] . module-link-permissions {
background-position : top 50 % right 0 ;
2015-08-17 17:00:26 -07:00
}
. module-link-configure {
2015-11-04 11:11:27 -08:00
background : url ( . . / . . / . . / misc / icons / 787878 / cog . svg ) 0 50 % no-repeat ; /* LTR */
}
[ dir = "rtl" ] . module-link-configure {
background-position : top 50 % right 0 ;
2015-08-17 17:00:26 -07:00
}
/* Status report. */
2015-10-08 11:40:12 -07:00
. system-status-report__status-title {
position : relative ;
2015-08-17 17:00:26 -07:00
vertical-align : top ;
2015-10-08 11:40:12 -07:00
width : 25 % ;
padding : 10px 6px 10px 40px ; /* LTR */
box-sizing : border-box ;
font-weight : normal ;
2015-08-17 17:00:26 -07:00
}
2015-10-08 11:40:12 -07:00
[ dir = "rtl" ] . system-status-report__status-title {
padding : 10px 40px 10px 6px ;
2015-08-17 17:00:26 -07:00
}
. system-status-report__status-icon : before {
content : "" ;
background-repeat : no-repeat ;
height : 16px ;
width : 16px ;
display : block ;
2015-10-08 11:40:12 -07:00
position : absolute ;
left : 12px ; /* LTR */
top : 12px ;
}
[ dir = "rtl" ] . system-status-report__status-icon : before {
left : auto ;
right : 12px ;
2015-08-17 17:00:26 -07:00
}
. system-status-report__status-icon--error : before {
2015-09-04 13:20:09 -07:00
background-image : url ( . . / . . / . . / misc / icons / e32700 / error . svg ) ;
2015-08-17 17:00:26 -07:00
}
. system-status-report__status-icon--warning : before {
background-image : url ( . . / . . / . . / misc / icons / e29700 / warning . svg ) ;
}
/ * *
* Appearance page .
* /
. theme-info__header {
margin-bottom : 0 ;
font-weight : normal ;
}
. theme-default . theme-info__header {
font-weight : bold ;
}
. theme-info__description {
margin-top : 0 ;
}
. system-themes-list {
margin-bottom : 20px ;
}
. system-themes-list-uninstalled {
border-top : 1px solid # cdcdcd ;
padding-top : 20px ;
}
. system-themes-list__header {
margin : 0 ;
}
. theme-selector {
padding-top : 20px ;
}
. theme-selector . screenshot ,
. theme-selector . no-screenshot {
border : 1px solid # e0e0d8 ;
padding : 2px ;
vertical-align : bottom ;
max-width : 100 % ;
height : auto ;
text-align : center ;
}
. theme-default . screenshot {
border : 1px solid # aaa ;
}
. system-themes-list-uninstalled . screenshot ,
. system-themes-list-uninstalled . no-screenshot {
max-width : 194px ;
height : auto ;
}
/ * *
* Theme display without vertical toolbar .
* /
@ media screen and ( min-width : 45em ) {
body : not ( . toolbar-vertical ) . system-themes-list-installed . screenshot ,
body : not ( . toolbar-vertical ) . system-themes-list-installed . no-screenshot {
float : left ; /* LTR */
margin : 0 20px 0 0 ; /* LTR */
width : 294px ;
}
[ dir = "rtl" ] body : not ( . toolbar-vertical ) . system-themes-list-installed . screenshot ,
[ dir = "rtl" ] body : not ( . toolbar-vertical ) . system-themes-list-installed . no-screenshot {
float : right ;
margin : 0 0 0 20px ;
}
body : not ( . toolbar-vertical ) . system-themes-list-installed . system-themes-list__header {
margin-top : 0 ;
}
body : not ( . toolbar-vertical ) . system-themes-list-uninstalled . theme-selector {
box-sizing : border-box ;
width : 31 . 25 % ;
float : left ; /* LTR */
padding : 20px 20px 20px 0 ; /* LTR */
}
[ dir = "rtl" ] body : not ( . toolbar-vertical ) . system-themes-list-uninstalled . theme-selector {
float : right ;
padding : 20px 0 20px 20px ;
}
body : not ( . toolbar-vertical ) . system-themes-list-uninstalled . theme-info {
min-height : 170px ;
}
}
/ * *
* Theme display with vertical toolbar .
* /
@ media screen and ( min-width : 60em ) {
. toolbar-vertical . system-themes-list-installed . screenshot ,
. toolbar-vertical . system-themes-list-installed . no-screenshot {
float : left ; /* LTR */
margin : 0 20px 0 0 ; /* LTR */
width : 294px ;
}
[ dir = "rtl" ] . toolbar-vertical . system-themes-list-installed . screenshot ,
[ dir = "rtl" ] . toolbar-vertical . system-themes-list-installed . no-screenshot {
float : right ;
margin : 0 0 0 20px ;
}
. toolbar-vertical . system-themes-list-installed . theme-info__header {
margin-top : 0 ;
}
. toolbar-vertical . system-themes-list-uninstalled . theme-selector {
box-sizing : border-box ;
width : 31 . 25 % ;
float : left ; /* LTR */
padding : 20px 20px 20px 0 ; /* LTR */
}
[ dir = "rtl" ] . toolbar-vertical . system-themes-list-uninstalled . theme-selector {
float : right ;
padding : 20px 0 20px 20px ;
}
. toolbar-vertical . system-themes-list-uninstalled . theme-info {
min-height : 170px ;
}
}
. system-themes-list-installed . theme-info {
max-width : 940px ;
}
. theme-selector . incompatible {
margin-top : 10px ;
font-weight : bold ;
}
. theme-selector . operations {
margin : 10px 0 0 0 ;
padding : 0 ;
}
. theme-selector . operations li {
float : left ; /* LTR */
margin : 0 ;
padding : 0 0 . 7em ;
list-style-type : none ;
border-right : 1px solid # cdcdcd ; /* LTR */
}
[ dir = "rtl" ] . theme-selector . operations li {
float : right ;
border-left : 1px solid # cdcdcd ;
border-right : none ;
}
. theme-selector . operations li : last-child {
padding : 0 0 0 0 . 7em ; /* LTR */
border-right : none ; /* LTR */
}
[ dir = "rtl" ] . theme-selector . operations li : last-child {
padding : 0 0 . 7em 0 0 ;
border-left : none ;
}
. theme-selector . operations li : first-child {
padding : 0 0 . 7em 0 0 ; /* LTR */
}
[ dir = "rtl" ] . theme-selector . operations li : first-child {
padding : 0 0 0 0 . 7em ;
}
. system-themes-admin-form {
2015-10-08 11:40:12 -07:00
clear : left ; /* LTR */
}
[ dir = "rtl" ] . system-themes-admin-form {
clear : right ;
2015-08-17 17:00:26 -07:00
}