Mercurial > repos > phpBB-MODs > Multi_Race_Rank_Themes
diff root/umil/style/style.css @ 34:b42dcaaed003
* Update to use UMIL and to try to resolve rejection issues for v1.4.1
no-open-ticket
author | IBBoard <dev@ibboard.co.uk> |
---|---|
date | Sat, 04 Dec 2010 20:11:27 +0000 |
parents | |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/root/umil/style/style.css Sat Dec 04 20:11:27 2010 +0000 @@ -0,0 +1,1624 @@ +/* phpBB 3.0 Admin Style Sheet + ------------------------------------------------------------------------ + Original author: subBlue ( http://www.subblue.com/ ) + Copyright 2007 phpBB Group ( http://www.phpbb.com/ ) + ------------------------------------------------------------------------ +*/ + +/* General markup styles +---------------------------------------- */ +* { + /* Reset browsers default margin, padding and font sizes */ + margin: 0; + padding: 0; + font-size: 100%; +} + +body, div, p, th, td, li, dd { + font-size: x-small; + voice-family: "\"}\""; + voice-family: inherit; + font-size: small +} + +html>body, html>div, html>p, html>th, html>td, html>li, html>dd { + font-size: small +} + +html { + color: #536482; + background: #DBD7D1; + /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-ie browsers */ + height: 100%; + margin-bottom: 1px; +} + +body { + /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */ + font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; + color: #536482; + background: #DBD7D1; + font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */ + margin: 10px 15px; +} + +img { + border: 0; +} + +h1 { + font-family: "Trebuchet MS", Helvetica, sans-serif; + font-size: 1.70em; + font-weight: normal; + color: #333333; +} + +h2, caption { + font-family: "Trebuchet MS", Helvetica, sans-serif; + font-size: 1.40em; + font-weight: normal; + color: #115098; + text-align: left; + margin-top: 25px; +} + +.rtl h2, .rtl caption { + text-align: right; +} + +h3, h4 { + font-family: "Trebuchet MS", Helvetica, sans-serif; + font-size: 1.20em; + text-decoration: none; + line-height: 1.20em; + margin-top: 25px; +} + +p { + margin-bottom: 0.7em; + line-height: 1.40em; + font-size: 0.90em; +} + +ul { + list-style: disc; + margin: 0 0 1em 2em; +} + +.rtl ul { + margin: 0 2em 1em 0; +} + +hr { + border: 0 none; + border-top: 1px dashed #999999; + margin-top: 10px; + margin-bottom: 5px; + padding-bottom: 5px; + height: 1px; +} + +.small { + font-size: 0.85em; +} + +/* General links */ +a:link, a:visited { + color: #105289; + text-decoration: none; +} + +a:hover { + color: #BC2A4D; + text-decoration: underline; +} + +a:active { + color: #368AD2; + text-decoration: none; +} + +.install-body p a { + font-weight: bold; +} + +/* Main blocks +---------------------------------------- */ +#wrap { + padding: 0 0 15px 0; + min-width: 615px; +} + +#page-header { + clear: both; + text-align: right; + height: 50px; + font-size: 0.85em; + margin-bottom: 10px; +} + +.rtl #page-header { + text-align: left; +} + +#page-header h1 { + color: #767676; + font-family: "Trebuchet MS",Helvetica,sans-serif; + font-size: 1.70em; + padding-top: 10px; +} + +#page-header p { + font-size: 1.00em; +} + +#page-header p#skip { + display: none; +} + +#page-body { + clear: both; + min-width: 700px; +} + +#page-footer { + clear: both; + font-size: 0.75em; + text-align: center; +} + +#content { + padding: 30px 10px 10px; + position: relative; +} + +#content h1 { + color: #115098; + line-height: 1.2em; + margin-bottom: 0; +} + +#main { + float: left; + width: 76%; + margin: 0 0 0 3%; + min-height: 350px; +} + +.rtl #main { + float: right; + margin: 0 3% 0 0; +} + +* html #main { + height: 350px; +} + +#page-body.simple-page-body { + padding: 0; + padding-right: 10px; + min-width: 0; +} + +/* Tabbed menu + Based on: http://www.alistapart.com/articles/slidingdoors2/ +----------------------------------------*/ +#tabs { + line-height: normal; + margin: 0 0 -6px 7px; + min-width: 600px; +} + +.rtl #tabs { + margin: 0 7px -6px 0; +} + +#tabs ul { + margin:0; + padding: 0; + list-style: none; +} + +#tabs li { + display: inline; + margin: 0; + padding: 0; + font-size: 0.85em; + font-weight: bold; +} + +#tabs a { + float: left; + margin: 0 1px 0 0; + padding: 0 0 0 7px; + text-decoration: none; + position: relative; +} + +.rtl #tabs a { + float: right; +} + +#tabs a span { + float: left; + display: block; + padding: 7px 10px 4px 4px; + color: #767676; + white-space: nowrap; + font-family: Arial, Helvetica, sans-serif; + text-transform: uppercase; + font-weight: bold; +} + +.rtl #tabs a span { + float: right; +} + +/* Commented Backslash Hack hides rule from IE5-Mac \*/ +#tabs a span, .rtl #tabs a span { float:none;} +/* End hack */ + +#tabs a:hover span { + color: #BC2A4D; +} + +#tabs #activetab a { + background-position: 0 0; + border-bottom: 1px solid #DCDEE2; +} + +#tabs #activetab a span { + background-position: 100% 0; + padding-bottom: 5px; + color: #23649F; +} + +#tabs a:hover { + background-position: 0 -69px; +} + +#tabs a:hover span { + background-position: 100% -69px; +} + +#tabs #activetab a:hover span { + color: #115098; +} + + +/* Main Panel +---------------------------------------- */ +#acp { + margin: 4px 0; + padding: 3px 1px; + min-width: 550px; + background-color: #FFFFFF; + border: 1px #999999 solid; +} + +.panel { + padding: 0; +} + +span.corners-top, span.corners-bottom, +span.corners-top span, span.corners-bottom span { + font-size: 1px; + line-height: 1px; + display: block; + height: 5px; + background-repeat: no-repeat; +} + +span.corners-top { + background-position: 0 0; + margin: -4px -2px 0; +} + +span.corners-top span { + background-position: 100% 0; +} + +span.corners-bottom { + background-position: 0 100%; + margin: 0 -2px -4px; + clear: both; +} + +span.corners-bottom span { + background-position: 100% 100%; +} + +/* Sub-navigation Menu +---------------------------------------- */ + +/* Toggle */ +#toggle { + padding: 5px; + width: 5%; + height: 100px; + position: absolute; + left: 15%; + top: 28px; + margin-left: 2px; +} + +.rtl #toggle { + left: 75%; + margin-right: 0; + margin-left: 6px; +} + +#toggle-handle { + display: block; + width: 18px; + height: 19px; + float: right; +} + +.rtl #toggle-handle { + background-position: 100% 50%; +} + +/* Menu */ +#menu { + float: left; + width: 20%; + font-size: 1.00em; + padding: 0; + border-right: 1px solid #CCCFD3; +} + +.rtl #menu { + float: right; + border: none; + border-left: 1px solid #CCCFD3; +} + +#menu p { + font-size: 0.85em; +} + +#menu ul { + list-style: none; + margin: 0; + padding: 0; +} + +/* Default list state */ +#menu li { + padding: 0; + margin: 0; + font-size: 0.85em; + font-weight: bold; + display: inline; +} + +/* Link styles for the sub-section links */ +#menu li span { + display: block; + padding: 3px 3px 3px 8px; + margin: 1px 0; + text-decoration: none; + font-weight: normal; + color: #138ECB; +} + +.rtl #menu li span { + padding: 3px 8px 3px 3px; +} + +#menu li a:hover, #menu li a:hover span { + text-decoration: none; + background-color: #FFFFFF; + color: #BC2A4D; +} + +#menu li a:active, #menu li a:active span { + color: #F632A0; +} + +#menu li#activemenu a:hover span, #menu li#activemenu span { + text-decoration: none; + font-weight: bold; + color: #BC2A4D; +} + +#menu li a:active, #menu li a:active span, #menu li#activemenu a:active span { + color: #F632A0; +} + +#menu li span.completed { + text-decoration: none; + padding: 3px 3px 3px 12px; +} + +.rtl #menu li span.completed { + text-decoration: none; + padding: 3px 12px 3px 3px; +} + +#menu li.header { + font-family: Tahoma, Helvetica, sans-serif; + display: block; + font-weight: bold; + color: #115098; + border-bottom: 1px solid #327AA5; + padding: 4px 0 2px; + margin-top: 15px; + text-transform: uppercase; + font-size: 0.75em; +} + +/* Table styles +---------------------------------------- */ + +table { + width: 100%; + border: 1px solid #CCCFD3; + background-color: #FFFFFF; + padding: 1px; +} + +th { + padding: 3px 4px; + color: #FFFFFF; + border-top: 1px solid #6DACD2; + border-bottom: 1px solid #327AA5; + text-align: left; + font-size: 0.75em; + text-transform: uppercase; +} + +td { + text-align: left; + font-size: 0.85em; + padding: 4px; + line-height: 1.20em; +} + +.rtl th, .rtl td { + text-align: right; +} + +table.type2 { + border: none; + background: none; + padding: 0; +} + +table.type2 th { + background: none; + border-top: none; + text-align: center; + color: #115098; + padding: 2px 0; +} + +table.type2 td { + padding: 0; + font-size: 1em; +} + +table.type2 td.name { + padding: 2px; + vertical-align: middle; +} + +table.type3 { + float: right; + width: 300px; + border: none; + background-color: transparent; + padding: 0; +} + +.rtl table.type3 { + float: left; +} + +table.type3 thead th { + background-color: transparent; + border-top: none; + text-align: center; + color: #115098; + padding: 0 3px; + font-size: 0.85em; + font-weight: normal; + text-transform: none; +} + +table.type3 tbody th { + border-top: none; + text-align: left; + text-transform: none; + padding: 0; + border: none; + font-size: 0.90em; + font-weight: normal; + width: 100%; +} + +.rtl table.type3 tbody th { + text-align: right; +} + +table.type3 td { + text-align: center; + padding: 1px; +} + +th.name { + text-align: left; + width: auto; +} + +.rtl th.name { + text-align: right; +} + +td.name { + text-align: left; + font-weight: bold; +} + +.rtl td.name { + text-align: right; +} + +.entry { + text-align: left; + font-weight: normal; +} + +.rtl .entry { + text-align: right; +} + +.row1 { background-color: #F9F9F9; } +.row2 { background-color: #DCEBFE; } +.row3 { background-color: #DBDFE2; } +.row4 { background-color: #E4E8EB; } +.col1 { background-color: #DCEBFE; } +.col2 { background-color: #F9F9F9; } + +.spacer { + background-color: #DBDFE2; + height: 1px; + line-height: 1px; +} + +/* General form styles +----------------------------------------*/ +fieldset { + margin: 15px 0; + padding: 10px; + border-top: 1px solid #D7D7D7; + border-right: 1px solid #CCCCCC; + border-bottom: 1px solid #CCCCCC; + border-left: 1px solid #D7D7D7; + background-color: #FFFFFF; + position: relative; +} + +.rtl fieldset { + border-top: 1px solid #D7D7D7; + border-right: 1px solid #D7D7D7; + border-bottom: 1px solid #CCCCCC; + border-left: 1px solid #CCCCCC; +} + +* html fieldset { + padding: 0 10px 5px 10px; +} + +fieldset p { + font-size: 0.85em; +} + +legend { + padding: 1px 0; + font-family: Tahoma,arial,Verdana,Sans-serif; + font-size: .9em; + font-weight: bold; + color: #115098; + margin-top: -.4em; + position: relative; + text-transform: none; + line-height: 1.2em; + top: 0; + vertical-align: middle; +} + +/* Hide from macIE \*/ +legend { top: -1.2em; } +/* end */ + +* html legend { + margin: 0 0 -10px -7px; + line-height: 1em; + font-size: .85em; +} + +/* Holly hack, .rtl comes after html */ +* html .rtl legend { + margin: 0; + margin-right: -7px; +} + +input, textarea { + font-family: Verdana, Helvetica, Arial, sans-serif; + font-size: 0.90em; + font-weight: normal; + cursor: text; + vertical-align: middle; + padding: 2px; + color: #111111; + border-left: 1px solid #AFAEAA; + border-top: 1px solid #AFAEAA; + border-right: 1px solid #D5D5C8; + border-bottom: 1px solid #D5D5C8; + background-color: #E3DFD8; +} + +.rtl input, .rtl textarea { + border-left: 1px solid #D5D5C8; + border-top: 1px solid #AFAEAA; + border-right: 1px solid #AFAEAA; + border-bottom: 1px solid #D5D5C8; +} + +input:hover, textarea:hover { + border-left: 1px solid #AFAEAA; + border-top: 1px solid #AFAEAA; + border-right: 1px solid #AFAEAA; + border-bottom: 1px solid #AFAEAA; + background-color: #E9E9E2; +} + +input.langvalue, textarea.langvalue { + width: 90%; +} + +optgroup, select { + font-family: Verdana, Helvetica, Arial, sans-serif; + font-size: 0.85em; + font-weight: normal; + font-style: normal; + cursor: pointer; + vertical-align: middle; + width: auto; + color: #000; +} + +optgroup { + font-size: 1.00em; + font-weight: bold; +} + +optgroup.disabled-options { + display: none; + background-color: gray; +} + +option { + padding: 0 1em 0 0; + color: #000; +} + +option.disabled-option { + color: graytext; +} + +.rtl option { + padding: 0 0 0 1em; +} + +.sep { + font-weight: bold; +} + +.username-coloured { + font-weight: bold; +} + +textarea { + font-family: Verdana, Helvetica, Arial, sans-serif; + font-size: 0.85em; + width: 60%; + padding: 2px; +} + +label { + cursor: pointer; + font-size: 0.85em; + padding: 0 5px 0 0; +} + +.rtl label { + padding: 0 0 0 5px; +} + +label input { + font-size: 1.00em; + vertical-align: middle; +} + +label img { + vertical-align: middle; +} + +fieldset.quick, p.quick { + margin: 0 0 5px; + padding: 5px 0 0; + border: none; + background-color: transparent; + text-align: right; +} + +.rtl fieldset.quick, .rtl p.quick { + text-align: left; +} + +fieldset.quick legend { + display: none; +} + +fieldset.tabulated { + background: none; + margin: 0; + padding: 0; + padding-top: 5px; + border: 0; +} + +fieldset.tabulated legend { + display: none; +} + +fieldset.nobg { + margin: 15px 0 0 0; + padding: 0; + border: none; + background-color: transparent; +} + +fieldset.display-options { + margin: 15px 0 2px 0; + padding: 0 0 4px 0; + border: none; + background-color: transparent; + text-align: center; + font-size: 0.75em; +} + +fieldset.display-options select, fieldset.display-options input, fieldset.display-options label { + font-size: 1.00em; + vertical-align: middle; +} + +select option.disabled { + background-color: #bbb; + color: #fff; +} + +/* Special case inputs */ +select#board_timezone, +select#full_folder_action { + width: 95%; +} + +/* Definition list layout for forms + Other general def. list properties defined in prosilver_main.css +---------------------------------------- */ +dl { + font-family: Verdana, Helvetica, Arial, sans-serif; + font-size: 1.00em; +} + +dt { + float: left; + width: auto; +} + +.rtl dt { + float: right; +} + +dd { color: #666666;} +dd + dd { padding-top: 5px;} +dt span { padding: 0 5px 0 0;} +.rtl dt span { padding: 0 0 0 5px;} + +dt .explain { font-style: italic;} + +dt label { + font-size: 1.00em; + text-align: left; + font-weight: bold; + color: #4A5A73; +} + +.rtl dt label { + text-align: right; +} + +dd label { + font-size: 1.00em; + white-space: nowrap; + margin: 0 10px 0 0; + color: #4A5A73; +} + +.rtl dd label { + margin: 0 0 0 10px; +} + +html>body dd label input { vertical-align: text-bottom;} /* Tweak for Moz to align checkboxes/radio buttons nicely */ + +dd input { + font-size: 1.00em; + max-width: 100%; +} + +dd select { + font-size: 100%; + width: auto; + max-width: 100%; +} + +dd textarea { + font-size: 0.90em; + width: 90%; +} + +dd select { + width: auto; + font-size: 1.00em; +} + +fieldset dl { + margin-bottom: 10px; + font-size: 0.85em; +} + +fieldset dt { + width: 45%; + text-align: left; + border: none; + border-right: 1px solid #CCCCCC; + padding-top: 3px; +} + +.rtl fieldset dt { + text-align: right; + border: none; + border-left: 1px solid #CCCCCC; +} + +fieldset dd { + margin: 0 0 0 45%; + padding: 0 0 0 5px; + border: none; + border-left: 1px solid #CCCCCC; + vertical-align: top; + font-size: 1.00em; +} + +.rtl fieldset dd { + margin: 0 45% 0 0; + padding: 0 5px 0 0; + border: none; + border-right: 1px solid #CCCCCC; +} + +dd.full, .rtl dd.full { + margin: 0; + border: 0; + padding: 0; + padding-top: 3px; + text-align: center; + width: 95%; +} + +/* Hover highlights for form rows */ +fieldset dl:hover dt, fieldset dl:hover dd { + border-color: #666666; +} + +fieldset dl:hover dt label { + color: #000000; +} + +fieldset dl dd label:hover { + color: #BC2A4D; +} + +input:focus, textarea:focus { + border: 1px solid #BC2A4D; + background-color: #E9E9E2; + color: #BC2A4D; +} + +/* Submit button fieldset or paragraph +---------------------------------------- */ +fieldset.submit-buttons { + text-align: center; + border: none; + background-color: transparent; + margin: 0; + padding: 4px; + margin-top: -1px; +} + +p.submit-buttons { + text-align: center; + margin: 0; + padding: 4px; + margin-top: 10px; +} + +fieldset.submit-buttons input, p.submit-buttons input { + padding: 3px 2px; +} + +fieldset.submit-buttons legend { + display: none; +} + +/* Input field styles +---------------------------------------- */ + +input.radio, input.permissions-checkbox { + width: auto !important; + background-color: transparent; + border: none; + cursor: default; +} + +input.full, +textarea.full { + width: 99%; +} + +* html input.full, * html textarea.full { width: 95%;} +input.medium { width: 50%;} +input.narrow { width: 25%;} +input.tiny { width: 10%;} +input.autowidth { width: auto !important;} +.box2 .inputbox { background-color: #E9E9E9;} + +/* Form button styles +---------------------------------------- */ +a.button1, input.button1, input.button3, +a.button2, input.button2 { + width: auto !important; + padding: 1px 3px 0 3px; + font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; + color: #000; + font-size: 0.85em; + cursor: pointer; +} + +a.button1, input.button1 { + font-weight: bold; + border: 1px solid #666666; +} + +/* Alternative button */ +a.button2, input.button2 { + border: 1px solid #666666; +} + +/* <a> button in the style of the form buttons */ +a.button1, a.button1:link, a.button1:visited, a.button1:active, +a.button2, a.button2:link, a.button2:visited, a.button2:active { + text-decoration: none; + color: #000000; + padding: 4px 8px; +} + +/* Hover states */ +a.button1:hover, input.button1:hover, +a.button2:hover, input.button2:hover { + border: 1px solid #BC2A4D; + color: #BC2A4D; +} + +input.disabled { + font-weight: normal; + color: #666666; +} + +/* Pagination +---------------------------------------- */ +.pagination { + height: 1%; /* IE tweak (holly hack) */ + width: auto; + text-align: right; + margin-top: 5px; + font-size: 0.85em; + padding-bottom: 2px; +} + +.rtl .pagination { + text-align: left; +} + +.pagination strong, +.pagination b { + font-weight: normal; +} + +.pagination span.page-sep { + display:none; +} + +.pagination span strong { + padding: 0 2px; + margin: 0 2px; + font-weight: normal; + font-size: 0.85em; + color: #FFFFFF; + background: #4692BF; + border: 1px solid #4692BF; +} + +.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active { + font-weight: normal; + font-size: 0.85em; + text-decoration: none; + color: #5C758C; + margin: 0 2px; + padding: 0 2px; + background: #ECEDEE; + border: 1px solid #B4BAC0; +} + +.pagination span a:hover { + border-color: #368AD2; + background: #368AD2; + color: #FFFFFF; + text-decoration: none; +} + +.pagination img { + vertical-align: middle; +} + + +/* Action Highlighting +---------------------------------------- */ +.successbox, .errorbox { + padding: 8px; + margin: 10px 0; + color: #FFFFFF; + text-align: center; +} + +.success { + color: #228822; +} + +.error { + color: #BC2A4D; +} + +.successbox { + background-color: #228822; +} + +.errorbox { + background-color: #BC2A4D; +} + +* html .errorbox, * html .successbox { height: 1%; } /* Pixel shift fix for IE */ + +.successbox h3, .errorbox h3 { + color: #FFFFFF; + margin: 0 0 0.5em; + font-size: 1.10em; + font-family: "Lucida Grande",Verdana,Helvetica,Arial,sans-serif; +} + +.successbox p, .errorbox p { + color: #FFFFFF; + font-size: 0.85em; + margin-bottom: 0; +} + +.errorbox a:link, .errorbox a:active, .errorbox a:visited, +.successbox a:link, .successbox a:active, .successbox a:visited { + color: #DBD7D1; + text-decoration: underline; + font-weight: bold; +} + +.errorbox a:hover, .successbox a:hover { + color: #FFFFFF; + text-decoration: none; + font-weight: bold; +} + +/* Special cases for the error page */ +#errorpage #page-header a { + font-weight: bold; + line-height: 6em; +} + +#errorpage #content { + padding-top: 10px; +} + +#errorpage #content h1 { + color: #DF075C; +} + +#errorpage #content h2 { + margin-top: 20px; + margin-bottom: 5px; + border-bottom: 1px solid #CCCCCC; + padding-bottom: 5px; + color: #333333; +} + +/* Tooltip for permission roles */ +.tooltip { + width: 200px; + color: #000; + text-align: center; + border: 1px solid #AAA; +} + +.tooltip span.top { + background: #EFEFEF; + font-weight: bold; + padding: 2px; +} + +.tooltip span.bottom { + padding: 5px; + color: #000000; + background: #FFFFFF; +} + +/* + Format Buttons for signature editor +*/ +#format-buttons { + margin: 15px 0 2px 0; +} + +#format-buttons input, #format-buttons select { + vertical-align: middle; +} + +/* Nice method for clearing floated blocks without having to insert any extra markup + From http://www.positioniseverything.net/easyclearing.html +.clearfix:after, #tabs:after, .row:after, #content:after, fieldset dl:after, #page-body:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +}*/ + +.clearfix, #tabs, .row, #content, fieldset dl, #page-body { + height: 1%; + overflow: hidden; +} + +/* Syntax Highlighting +---------------------------------------- */ +.sourcenum { + color: gray; + font-family: Monaco, 'Courier New', monospace; + font-size: 1.25em; + font-weight: bold; + line-height: 1.20em; + text-align: right; + padding: 0; +} + +.rtl .sourcenum { + text-align: left; +} + +.source { + font-family: Monaco, 'Courier New', monospace; + font-size: 1.25em; + line-height: 1.20em; + padding: 0; +} + +.syntaxbg { + color: #FFFFFF; +} + +.syntaxcomment { + color: #FF8000; +} + +.syntaxdefault { + color: #0000BB; +} + +.syntaxhtml { + color: #000000; +} + +.syntaxkeyword { + color: #007700; +} + +.syntaxstring { + color: #DD0000; +} + +/* Permission interface +---------------------------------------- */ + +fieldset.permissions legend { + text-transform: none; +} + +fieldset.permissions legend input{ + height: 1.1em; +} + +/* Permission sections */ +fieldset.permissions .permissions-simple { + text-align: left; + padding-top: 3px; +} + +.rtl fieldset.permissions .permissions-simple { + text-align: right; +} + +fieldset.permissions .permissions-advanced { + padding: 10px 0 0 5px; + vertical-align: top; + clear: right; +} + +.rtl fieldset.permissions .permissions-advanced { + padding: 10px 5px 0 0; + clear: left; +} + +fieldset.permissions .permissions-switch { + float: right; +} + +.rtl fieldset.permissions .permissions-switch { + float: left; +} + +fieldset.permissions .padding { +} + +.permissions-switch a { + text-decoration: underline; + font-size: 0.90em; +} + +.permissions-reset { + margin-top: -6px; + padding-bottom: 10px; +} + +.permissions-reset a { + font-size: .8em; +} + +/* Tabbed menu */ +.permissions-category { + line-height: normal; + margin: 0 0 -1px 7px; + min-width: 570px; + font-size: 0.85em; +} + +.rtl .permissions-category { + margin: 0 7px -1px 0; +} + +.permissions-category ul { + margin: 0; + padding: 0; + list-style: none; +} + +.permissions-category li { + display: inline; + margin: 0; + padding: 0; + font-size: 1em; + font-weight: bold; +} + +.permissions-category a { + float: left; + margin: 0 1px 0 0; + padding: 0 0 0 6px; + text-decoration: none; + position: relative; +} + +.rtl .permissions-category a { + float: right; +} + +.permissions-category a span.tabbg { + float: left; + display: block; + padding: 7px 12px 6px 6px; + color: #536482; + white-space: nowrap; +} + +.rtl .permissions-category a span.tabbg { + float: right; +} + +/* Commented Backslash Hack hides rule from IE5-Mac \*/ +.permissions-category a span.tabbg, .rtl .permissions-category a span.tabbg { float: none;} +/* End hack */ + +.permissions-category a:hover span.tabbg { + color: #DD6900; +} + +.permissions-category .activetab a { + background-position: 0 0; +} + +.permissions-category .activetab a span.tabbg { + background-position: 100% 0; + padding-bottom: 7px; + color: #333333; +} + +.permissions-category a:hover { + background-position: 0 -70px; +} + +.permissions-category a:hover span.tabbg { + background-position: 100% -70px; +} + +.permissions-category .activetab a:hover span.tabbg { + color: #333333; + background-position: 100% 0; +} + +.permissions-category .activetab a:hover { + background-position: 0 0; +} + +.permissions-category a span.colour { + border: 1px solid #536482; + display: block; + float: left; + width: 10px; + height: 10px; + margin: 0 5px 0 0; +} + +/* Most browsers will have to live with a left aligned icon in RTL mode, as (currently) only Firefox 3.0 Alpha 3 renders it correctly without destroying it +.rtl .permissions-category a span.colour { + float: right; + margin: 0 0 0 5px; +} +*/ + +.permissions-category .activetab span.colour { + border-color: #333333; +} + +.permissions-category a:hover span.colour { + border-color: #DD6900; +} + +.permissions-category .activetab a:hover span.colour { + border-color: #333333; +} + +/* Permission preset colours */ +.permissions-preset-yes span.colour, +.yes { + background-color: #86F786; +} + +.permissions-preset-custom span.colour { + background-color: #B2BBDD; +} + +.permissions-preset-never span.colour { + background-color: #DD0000; +} + +.permissions-preset-no span.colour, +.never { + background-color: #EFB0B2; +} + +/* Permission panel +---------------------------------------- */ +.permissions-panel { + float: left; + background-color: #CADCEB; + width: 100%; +} + +.rtl .permissions-panel { + float: right; +} + +.permissions-panel span.corners-top, .permissions-panel span.corners-bottom, +.permissions-panel span.corners-top span, .permissions-panel span.corners-bottom span { + font-size: 1px; + line-height: 1px; + display: block; + height: 5px; + background-repeat: no-repeat; +} + +.permissions-panel span.corners-top { + background-position: 0 0; + margin: 0 0; +} + +.permissions-panel span.corners-top span { + background-position: 100% 0; +} + +.permissions-panel span.corners-bottom { + background-position: 0 100%; + margin: 0 0; + clear: both; +} + +.permissions-panel span.corners-bottom span { + background-position: 100% 100%; +} + +/* Permission table +---------------------------------------- */ +.permissions-panel .tablewrap { + margin: 0 10px; +} + +.permissions-panel table { + width: 100%; +} + +.permissions-panel th { + text-transform: none; +} + +.permissions-panel th.value { + text-align: center; +} + +.permissions-panel th.name { + text-align: left; + width: auto; + text-transform: none; +} + +.rtl .permissions-panel th.name { + text-align: right; +} + +.permissions-panel th.permissions-name { + border: none; + color: #536482; + font-weight: normal; +} + +.permissions-panel th.permissions-name a.trace { + display: inline; +} + +.permissions-panel th.row3 { + background-image: none; + background-color: #D1D7DC; + color: #536482; + border: none; +} + +.permissions-panel th.row4 { + background-image: none; + background-color: #E4E8EB; + color: #536482; + border: none; +} + +.permissions-panel th a:link, .permissions-panel th a:hover, .permissions-panel th a:visited { + display: block; + color: #FFFFFF; + text-decoration: underline; +} + +.permissions-panel td.permissions-yes label:hover { + background-color: #86F786; +} + +.permissions-panel td.permissions-no label:hover { + background-color: #EFB0B2; +} + +.permissions-panel td.permissions-never label:hover { + background-color: #DD0000; +} + +.permissions-panel td { + padding: 0; + text-align: center; + width: 10%; +} + +.permissions-panel td label { + display: block; + margin: 0; + padding: 0; +} + +/* Classes for additional tasks +---------------------------------------- */ + +.phpinfo { + overflow: auto; + width: 99%; + direction: ltr; +} + +.phpinfo td, .phpinfo th, .phpinfo h2, .phpinfo h1 { + text-align: left; +} + +.rules span.corners-top { + margin: 0 -10px 5px -10px; +} + +.rules span.corners-bottom { + margin: 5px -10px 0 -10px; +} + +div.rules { + background-color: #ececec; + color: #bcbcbc; + padding: 0 10px; + margin: 10px 0; + font-size: 1.1em; +} + +div.rules ul { + margin-left: 20px; +} + +p.rules { + background-color: #ececec; + background-image: none; + padding: 5px; +} + +p.rules img { + vertical-align: middle; +} + +p.rules a { + vertical-align: middle; + clear: both; +} + +div.rules { + background-color: #ECD5D8; + color: #BC2A4D; +} + +p.rules { + background-color: #ECD5D8; + background-image: none; +} \ No newline at end of file