/* Experimental code to hide header content in admin. Will not be used in deafult.
/* Not checked since main theme was rewritten for the new look. Beware.
/* Commenting out the entire block sets admin back to the default header.
------------------------------------------------------- */
/*
body.action_admin #header {
padding: 2px 2px 0 2px;
}
body.action_admin #header .frame {
padding: 0 0 50px 0;
background: url(../images/theme/bars.png) 0 -560px repeat-x;
}
body.action_admin #top_section, body.action_admin #upper_section {
display: none;
}
body.action_admin #upper_wrap {
background: none;
padding: 4px 8px 0 8px;
}
body.action_admin #main_content_section {
margin: -45px 0 0 0;
}
body.action_admin .navigate_section ul {
padding: 5px 8px;
border: 1px solid #b8b8b8;
border-radius: 5px;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
background: linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -o-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -moz-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -webkit-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -ms-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
}
body.action_admin .navigate_section ul li.unread_links {
display: none;
}
body.action_admin .navigate_section ul li a {
font-weight: bold;
}*/
/* End experimental header hiding stuffz. */
/* Common admin center classes.
------------------------------------------------------- */
/* @todo
/* The CSS targeting for all this gets a bit convoluted and requires a good clean up.
/* It's left over from when I started theming admin independently over a Curve forum.
/* Can be simplified quite a lot before production builds. */
/* Re-style default cat bars to get rid of header bar mania. */
#manage_maintenance .cat_bar, #core_features .cat_bar, #support_credits .cat_bar {
border: none;
border-top: 1px solid #bbb;
}
#manage_maintenance .cat_bar .catbg, #manage_boards .cat_bar .catbg, #core_features .cat_bar .catbg,
#support_credits .cat_bar .catbg, .generic_list_wrapper .cat_bar .catbg {
border: none;
border-top: 1px solid #fff;
text-shadow: none;
}
#admin_main_section .cat_bar:first-child, #admin_main_section .cat_bar:first-child h3.catbg,
#support_credits .cat_bar, #support_credits .cat_bar:first-child,
#support_credits .cat_bar h3.catbg, #support_credits .cat_bar:first-child h3.catbg,
#manage_maintenance .cat_bar, #manage_maintenance .cat_bar:first-child,
#manage_maintenance .cat_bar h3.catbg, #manage_maintenance .cat_bar:first-child h3.catbg {
color: #444;
font-size: 1.1em;
background: none;
border-radius: 0;
text-shadow: none;
}
#admin_main_section .cat_bar:first-child, #admin_main_section .cat_bar:first-child h3.catbg,
#support_credits .cat_bar:first-child, #support_credits .cat_bar:first-child h3.catbg,
#manage_maintenance .cat_bar:first-child, #manage_maintenance .cat_bar:first-child h3.catbg {
border: none;
}
/* Special styling for admin descriptions. */
.action_admin p.description, .action_admin .information {
overflow: auto;
background: none;
border: 1px solid #ddd;
border-top: none;
border-radius: 0 0 7px 7px;
margin: 0 0 0 0;
padding: 12px 9px 8px 9px;
}
.action_admin p.description a {
font-weight: bold;
}
.action_admin p.description img {
vertical-align: middle;
}
.action_admin .generic_list_wrapper .information {
margin: 8px 0;
padding: 4px 12px 2px 12px;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -o-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -moz-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -webkit-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -ms-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
}
.action_admin .generic_list_wrapper .information div {
background: none;
}
.information a {
font-weight: bold;
}
.action_admin .generic_list {
overflow: auto;
}
#admin_content .windowbg, #admin_content .windowbg2 {
margin-bottom: 5px;
}
#admincenter .content {
padding: 12px;
}
/* Secondary menu corrections. */
.action_admin #adm_submenus {
margin: 0 0 -18px 0;
padding: 10px 15px 0 15px;
overflow: hidden;
}
/* A general admin wrapper class. */
#admin_main_section, div.quick_tasks,
#support_credits, #admin_newsletters,
#core_features, #generate_reports_type,
#groupForm, #mailqueue_stats, #manage_maintenance,
#new_group, #view_group, #admin_form_wrapper, .action_admin .generic_list_wrapper{
background: #f0f4f7;
margin: 12px 0 0 0;
padding: 8px 8px 16px 8px;
border: 1px solid #ccc;
border-radius: 7px;
box-shadow: 0 -2px 2px rgba(0,0,0,0.1);
overflow: auto;
}
div.quick_tasks {
margin: -8px 0 0 0;
}
#admin_form_wrapper div.windowbg, #support_credits div.windowbg,
#generate_reports_type div.windowbg, #new_group div.windowbg,
#view_group div.windowbg, #admin_newsletters .windowbg {
background: none;
padding: 0;
margin: 0 4px;
}
#mailqueue_stats {
padding: 8px 8px 0 8px;
}
#mailqueue_stats .windowbg {
background: none;
padding: 0;
}
#mailqueue_stats .windowbg .content {
padding: 12px 9px 0 9px;
}
#admin_form_wrapper div.cat_bar:first-child, #admin_newsletters div.cat_bar:first-child,
#generate_reports_type div.cat_bar:first-child, #groupForm div.cat_bar:first-child,
#admin_form_wrapper div.title_bar, #mailqueue_stats div.cat_bar:first-child,
#new_group div.cat_bar:first-child, #view_group div.cat_bar, #view_group div.cat_bar:first-child {
background: none;
border: none;
border-bottom: 1px solid #fff;
box-shadow: none;
}
#admin_form_wrapper div.cat_bar:first-child h3.catbg, #admin_newsletters div.cat_bar:first-child h3.catbg,
#generate_reports_type div.cat_bar:first-child h3.catbg, #groupForm div.cat_bar:first-child h3.catbg, #mailqueue_stats div.cat_bar:first-child h3.catbg,
#new_group div.cat_bar:first-child h3.catbg, #view_group div.cat_bar h3.catbg, #view_group div.cat_bar:first-child h3.catbg {
color: #444;
text-shadow: none;
padding: 3px 1px 5px 1px;
margin: 0;
border-bottom: 1px solid #bbb;
}
#admin_form_wrapper div.title_bar {
border: 1px solid #ccc;
border-radius: 2px 2px 0 0;
margin: 0;
background: linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -o-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -moz-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -webkit-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -ms-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
}
.action_admin .generic_list_wrapper .title_bar {
background: none;
border-bottom: 1px solid #fff;
}
.action_admin .generic_list_wrapper .titlebg {
border-bottom: 1px solid #bbb;
}
#admin_form_wrapper h3.titlebg {
color: #fff;
border-bottom: none;
padding: 8px 6px 5px 6px;
}
#view_group .title_bar {
background: none;
border-bottom: none;
border-top: 1px solid #bbb;
margin: -12px 0;
}
#view_group .titlebg {
border-top: 1px solid #fff;
border-bottom: none;
}
#view_group .table_grid {
margin: 4px 0 8px 0;
}
.action_admin .table_grid th, .action_admin .table_grid .first_th, .action_admin .table_grid .last_th {
border-radius: 0;
border-top: 2px solid #ff9400;
border-bottom: 2px solid #bf6900;
padding: 6px 6px 5px 6px;
background: #fff;
color: #666;
}
.action_admin .table_grid tr.catbg th a:link {
color: #666;
}
.action_admin .table_grid .first_th, .action_admin .table_grid td:first-child {
border-left: 1px solid #ccc;
}
.action_admin .table_grid .last_th, .action_admin .table_grid td {
border-right: 1px solid #ccc;
}
.action_admin .table_grid td {
border-bottom: 1px solid #ccc;
}
.action_admin .table_grid tr:nth-child(even) td {
background: #fdfdfd;
}
.action_admin .table_grid tr:nth-child(odd) td {
background: #f8f8f8;
}
/*-------------------------------------------*/
/* Newsletters screen.
---------------------------------------------*/
#admin_newsletters .information {
margin: 8px 0;
padding: 8px 12px 6px 12px;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -o-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -moz-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -webkit-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -ms-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
}
#advanced_panel_header {
margin-bottom: 8px;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
border: 1px solid #ccc;
border-radius: 2px;
background: linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -o-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -moz-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -webkit-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -ms-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
}
#advanced_panel_header a {
color: #444;
}
/*-------------------------------------------*/
.action_admin .generic_list .flow_auto {
padding: 4px 2px;
}
h3.titlebg form {
font-size: 80%;
}
.windowbg.nopadding {
margin: 4px 0 0 0;
padding: 0;
}
.windowbg ol {
margin-top: 0;
margin-bottom: 0;
}
a.help .icon {
margin: 0 0 0 0;
padding: 0 4px 0 0;
}
.catbg a.help .icon {
margin: -4px 0 0 0;
}
.table_caption, tr.table_caption td {
color: #000;
font-size: 10px;
font-weight: bold;
}
.additional_row div.floatleft {
padding: 0 10px;
}
fieldset {
margin-bottom: 6px;
border: 1px solid #cacdd3;
padding: 6px;
}
fieldset dl {
margin: 0;
}
legend {
font-weight: bold;
color: #000;
}
/* Styles for the admin home screen.
------------------------------------------------------- */
/* Admin quick search bar, and results page. */
h3.catbg #quick_search form {
padding-top: 2px;
font-size: 0.9em;
}
h3.catbg #quick_search form input, h3.catbg #quick_search form select, h3.catbg #quick_search form .button_submit {
margin: 0 3px;
padding: 4px 3px 3px 3px;
border-radius: 4px;
border: 1px solid #777;
vertical-align: top;
}
h3.catbg #quick_search form select {
font-size: 0.9em;
margin: -1px 0 0 0;
padding: 2px;
}
h3.catbg #quick_search form select option {
padding: 2px 4px;
}
h3.catbg #quick_search form .button_submit {
font-weight: bold;
padding: 3px 6px 2px 6px;
background: linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -o-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -moz-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -webkit-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -ms-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
}
h3.catbg #quick_search form .button_submit:hover {
background: #fff;
}
/* Browser tweaks. */
body#chrome #quick_search form input {
padding: 4px 3px;
margin-top: -3px;
}
body#chrome #quick_search .button_submit, body#ie #quick_search .button_submit, body#opera #quick_search .button_submit {
margin: 0 5px;
padding: 5px 9px 4px 9px;
}
body#chrome #quick_search .button_submit {
margin: -29px 5px 0 5px;
}
/* The welcome thingy. */
#admincenter .roundframe {
background: none;
border: none;
box-shadow: none;
padding: 0;
overflow: visible;
}
#welcome {
border: 1px solid #ddd;
border-top: none;
border-radius: 0 0 7px 7px;
font-size: 0.9em;
padding: 12px 9px 8px 9px;
}
#welcome a {
font-weight: bold;
}
#welcome img {
vertical-align: middle;
}
.search_results {
margin: 0 -6px;
}
.search_results li {
margin: 0;
padding: 5px 0;
overflow: auto;
line-height: 1.7em;
border-bottom: double #ccc;
}
.search_results li a strong {
color: #346;
}
.search_results li p {
padding: 0 20px;
line-height: 1.7em;
}
/* Cleaned this up a bit for less clutter.
/* Admin and moderation could generally do with a clean up everywhere.
/* Live news from smf.org and support information. */
#admin_main_section {
margin: 12px 0 0 0;
padding: 8px 12px 4px 12px;
border-radius: 7px 7px 0 0;
border-bottom: none;
}
#admin_main_section .cat_bar {
background: none;
}
#admin_main_section .catbg, #admin_main_section .catbg a {
color: #444;
max-height: 1.5em;
overflow: hidden;
}
#live_news, #supportVersionsTable {
width: 70%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#supportVersionsTable {
width: 30%;
padding-left: 6px;
}
#admin_main_section .windowbg {
padding: 6px 0;
border: 1px solid #ccc;
border-top: 1px solid #bbb;
border-bottom: 1px solid #ddd;
border-radius: 0;
box-shadow: 0 2px 2px rgba(255,255,255,0.5), 0 -1px 2px rgba(0,0,0,0.1);
height: 12em;
overflow: auto;
background: linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -o-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -moz-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -webkit-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -ms-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
}
#live_news div.content, #supportVersionsTable div.content {
padding: 0;
font-size: 0.9em;
}
#supportVersionsTable div.content {
padding: 0 8px;
}
#live_news div.content dl {
padding: 0;
color: #111;
}
#smfAnnouncements dt {
padding: 4px 6px 2px 6px;
border-top: 1px solid #bf6900;
}
#smfAnnouncements dt a {
color: #bf6900;
font-weight: bold;
display: block;
}
#smfAnnouncements dd {
margin: 0;
padding: 6px 12px;
border-top: double #ddd;
}
/* The update warning. */
#update_section {
margin: 6px 0;
}
/* Links to handy sections of admin.
----------------------------------*/
/* The
's here have been set to a height in em with hidden overflow.
/* Yes, this will clip the blurb when using very large font sizes on a narrowish screen.
/* However, more than enough content is still available for clarity,
/* and the advantage is that a clean layout is always maintained.
/* The 's could be set to auto overflow instead, but that just clutters things up with scrollbars.
/* Scrollbars here look worse, take up space, and don't really add anything useful in this context. */
div.quick_tasks {
border-radius: 0 0 7px 7px;
border-top: none;
box-shadow: none;
padding: 0 0 16px 0;
}
#quick_tasks {
border-top: 1px solid #bbb;
border-bottom: 1px solid #fff;
}
#quick_tasks li {
list-style: none;
padding: 10px 6px 10px 6px;
border-top: 1px solid #fff;
border-bottom: 1px solid #bbb;
float: left;
width: 50%;
height: 6em;
overflow: hidden;
}
#quick_tasks li a {
line-height: 1.6em;
}
.home_image {
float: left;
margin: 2px 10px;
}
#quick_tasks li span {
display: block;
margin: 0 0 0 70px;
}
/* Styles for the support and credits page.
/* Hey, people might actually want to put their names on it now!
/* Only a couple of trivial markup hacks that wont break any mods or themes.
/* The older I get, the more devious I get. :D
/* Nobody ever themes admin anyway. That's why it looked like crap.
-----------------------------------------------------------------*/
#support_credits {
position: relative;
padding: 6px 12px 12px 12px;
}
#support_credits h3.catbg, #support_credits .cat_bar:first-child h3.catbg {
padding: 12px 6px 6px 6px;
}
#support_resources {
margin: 16px 0 -24px 0;
}
#credits_logo {
position: absolute;
right: 10px;
top: 9px;
}
#support_credits .content {
padding: 0 18px;
line-height: 1.6em;
}
#support_credits .content p {
margin: 12px 0 0 0;
padding: 0;
}
#support_credits a {
border-bottom: 1px solid #d2d2d2;
}
#support_credits a:hover {
color: #00163d;
text-decoration: none;
border-bottom: 1px solid #556f82;
}
#support_credits img.icon {
vertical-align: middle;
}
#support_credits .catbg a.help, #support_credits .catbg a.help:hover {
border-bottom: none;
}
#latestSupport{
padding: 0 25px 15px 25px;
}
#credits_sections {
margin: 0 0 -24px 0;
}
#support_credits dl {
padding: 0 6px;
}
#support_credits dt {
float: left;
padding: 6px 0.8em 0 0;
text-indent: -4px;
}
#support_credits dd {
padding: 6px 0;
}
/* Styles for the core features screen.
/* Cleaned up a bit for clarity.
------------------------------------------------------- */
#core_features {
padding: 20px 0;
}
#core_features hr {
padding: 0;
margin: 4px 0 12px 0;
}
#core_features .content {
padding: 0 12px;
overflow: auto;
}
.cf_notification {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
/* Keep your enemies close, and your submit buttons if your screen is huge. */
/* Speaking of which, I can't see the last submit that is in the markup. */
/* Still works without it if you reload the page, but rather odd that it's hiding. */
.features_image {
float: left;
margin: 0 12px 0 0;
}
.features_switch {
margin: -20px 0 6px 6px;
float: right;
}
.features_separate {
margin-bottom: 12px;
border-bottom: 2px solid #ccc;
}
.features h4 {
padding: 0;
margin: 0 6px 0 105px;
font-size: 1.1em;
overflow: hidden;
white-space: pre;
text-overflow: ellipsis;
min-height: 1.6em;
max-height: 1.6em;
}
.features p {
margin: 0 6px 0 105px;
padding: 0;
min-height: 56px;
}
/* Styles for the package manager.
/* Haven't got here yet. :P
------------------------------------------------- */
#package_list .tborder {
margin: .25em 0 .25em 26px;
}
#package_list ol, #package_list ol li {
list-style: decimal;
margin-left: 50px;
border: none;
}
#package_list ol ul, #package_list ol ul li {
margin-left: 0;
list-style: none;
}
#package_list {
list-style-type: none;
}
#package_list li {
border: 1px solid #cacdd3;
padding: 0.2em;
margin: 1px;
}
.description {
max-height: 15em;
overflow: auto;
padding-bottom: .5em;
}
.information {
max-height: 15em;
overflow: auto;
padding-bottom: .5em;
}
.package_section {
border: 1px solid #cacdd3;
}
ul.packages li {
border: none !important;
list-style: none;
}
code#find_code, code#replace_code {
display: block;
font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
font-size: 0.9em;
background: #eef;
border-top: 2px solid #999;
border-bottom: 2px solid #999;
margin: 1px 0 6px 0;
padding: 3px 12px;
overflow: auto;
white-space: nowrap;
/* Show a scrollbar after about 6 lines. */
/* This is much better than the old max-height css. */
height: 10em;
resize: vertical;
}
span.package_server {
padding: 0 3em;
}
ul.package_servers {
margin: 0;
padding: 0;
}
ul.package_servers li {
list-style-type: none;
}
pre.file_content {
overflow: auto;
width: 100%;
padding-bottom: 1em;
}
.operation {
padding: 0 1em;
}
/* Styles for the file permissions section.
------------------------------------------------- */
.filepermissions {
font-size: 0.8em;
white-space: nowrap;
}
.fperm {
display: block;
width: 35%;
text-align: center;
}
.perm_read {
background-color: #d1f7bf;
}
.perm_write {
background-color: #ffbbbb;
}
.perm_execute {
background-color: #fdd7af;
}
.perm_custom {
background-color: #c2c6c0;
}
.perm_nochange {
background-color: #eee;
}
/* Styles for the BBC permissions
------------------------------------------------- */
.list_bbc {
width: 33%;
}
/* Styles for the manage boards section.
------------------------------------------------- */
#manage_boards {
background: #f0f4f7;
margin: 12px 0 0 0;
padding: 8px 8px 16px 8px;
border: 1px solid #ccc;
border-radius: 7px;
box-shadow: 0 -2px 2px rgba(0,0,0,0.1);
overflow: auto;
}
#manage_boards .title_bar {
background: none;
border-bottom: 1px solid #fff;
}
#manage_boards .titlebg {
border-bottom: 1px solid #bbb;
}
#manage_boards .cat_bar, #manage_boards .windowbg {
background: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: none;
border-radius: 7px 7px 0 0;
}
#manage_boards .catbg {
padding: 8px 16px 4px 16px;
color: #444;
}
#manage_boards .cat_bar .catbg {
border: none;
border-bottom: 1px solid #bbb;
}
#manage_boards .catbg a {
color: #346;
}
#manage_boards .catbg a:hover {
border-bottom: 1px solid #346;
}
#manage_boards .windowbg {
margin: 0;
padding: 0;
}
#manage_boards ul {
padding: 0;
margin: 0 0 8px 0;
max-height: 30em;
overflow: auto;
border-top: 1px solid #bbb;
border-bottom: 1px solid #fff;
border-radius: 2px;
}
#manage_boards li, #manage_boards li.windowbg, #manage_boards li.windowbg2 {
list-style: none;
margin: 0 1px;
padding: 8px 0;
border: 1px solid #ccc;
border-bottom: 1px solid #bbb;
border-top: 1px solid #fff;
border-radius: 0;
}
#manage_boards li img {
vertical-align: middle;
padding: 0 6px 3px 6px;
}
#manage_boards li .floatleft {
font-weight: bold;
padding: 0 6px;
}
#manage_boards li#recycle_board {
background-color: #dee;
}
.move_links {
padding: 0 13px 0 0;
}
.modify_boards {
padding: 0 0.5em;
}
#manage_boards span.modify_boards a {
border: 1px solid #aaa;
border-radius: 3px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
padding: 3px 6px;
font: 95%/115% verdana, Helvetica, sans-serif;
color: #222;
font-size: 1em;
background: linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -o-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -moz-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -webkit-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -ms-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
}
#manage_boards span.modify_boards a:hover {
text-decoration: none;
color: #444;
box-shadow: -1px -1px 1px rgba(0,0,0,0.1);
background: linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -o-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -moz-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -webkit-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
background: -ms-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
}
#manage_boards .button_submit {
box-shadow: 1px 1px 2px rgba(0,0,0,0.1), 0 -1px 3px rgba(0,0,0,0.1) inset;
border-top: 1px solid #bbb;
border-left: 1px solid #bbb;
background: #dceeff;
text-shadow: 0 0 2px #fff;
margin: 0 8px;
}
#manage_boards .button_submit:hover {
box-shadow: -1px -1px 1px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.1) inset;
border-top: 1px solid #999;
border-left: 1px solid #999;
background: #cde7ff;
}
#manage_boards dl {
padding: 8px 6px 0 6px;
}
#manage_boards dl textarea, #manage_boards dl table{
margin: 0 0 8px 0;
}
#manage_boards span.post_group, #manage_boards span.regular_members {
border-bottom: 1px dotted #000;
cursor: help;
}
.select_all_box {
display:none;
}
/* Styles for the manage members section.
------------------------------------------------- */
.msearch_details {
display: block;
width: 49%;
}
dl.right dt {
padding-right: 10px;
}
/* Styles for the manage maintenance section.
------------------------------------------------- */
#manage_maintenance .catbg {
border-top: 1px solid #fff;
padding-top: 14px;
color: #555;
}
#manage_maintenance .cat_bar:first-child, #manage_maintenance .cat_bar:first-child .catbg {
border-top: none;
margin: 0 0 -4px 0;
}
#manage_maintenance div.windowbg, #manage_maintenance div.windowbg2 {
background: none;
padding: 0 0 12px 0;
margin: 0;
}
#manage_maintenance p {
margin: -5px 0 0 0;
padding: 0 0 10px 0;
max-width: 70em;
}
#manage_maintenance p .button_submit{
margin: 10px 10px 0px 10px;
}
/* Stop the submit buttons running away on wide screens.*/
#manage_maintenance form {
max-width: 80em;
}
#manage_maintenance .settings {
margin: 16px 0 0 0;
}
.maintenance_finished, #task_completed {
background: #B7FCA7 url(../images/warning_watch.png) 8px 50% no-repeat;
border: 1px solid green;
padding: 6px 30px;
margin-bottom: 1em;
}
#manage_maintenance .maintenance_finished {
background: #B7FCA7 url(../images/warning_watch.png) 8px 50% no-repeat;
border: 1px solid green;
border-radius: 4px 4px 0 0;
padding: 6px 30px;
margin: 0 0 6px 0;
}
/* Styles for the manage calendar section.
------------------------------------------------- */
dl.settings dt.small_caption {
width: 20%;
}
dl.settings dd.small_caption {
width: 79%;
}
/* Styles for the manage permissions section.
------------------------------------------------- */
#permissionForm .table_grid {
width: 100%;
}
#permissionForm .table_grid img.icon {
vertical-align: top;
width: 16px;
}
dl.admin_permissions dt {
width: 35%;
}
dl.admin_permissions dd {
width: 64%;
}
/* Styles for the manage search section.
------------------------------------------------- */
dl.settings dt.large_caption {
width: 70%;
}
dl.settings dd.large_caption {
width: 29%;
}
span.search_weight {
width: 40px;
padding: 0 0.5em;
text-align: right;
}
.search_settings {
width: 47%;
}
/* Styles for the manage bans section.
------------------------------------------------- */
.ban_restriction {
margin: 0.2em 0 0.2em 2.2em;
}
.ban_settings {
width: 46%;
}
#manage_bans dl {
margin-bottom: 1em;
}
#manage_bans fieldset dl.settings {
margin-bottom: 0;
}
/* Styles for the manage subscriptions section.
------------------------------------------------- */
#fixed_area {
width: 97%;
}
ul.pending_payments {
margin: 0;
padding: 0;
}
ul.pending_payments li {
list-style-type: none;
}
/* Styles for the manage permissions section.
------------------------------------------------- */
.perm_name, .perm_profile, .perm_board {
display: block;
width: 40%;
}
.perm_boards {
padding: 0;
margin: 0 0 0.6em 0;
}
.perm_boards li {
list-style-type: none;
border: 1px solid #cacdd3;
padding: 0.2em;
margin: 1px;
}
.perm_groups {
background-color: #fff;
}
.perm_classic {
margin: 0.2em;
}
.permission_groups {
padding: 0;
margin: 0;
}
.permission_groups li {
list-style-type: none;
padding: 0.2em;
margin: 1px;
}
.perms {
width: 20px;
display: inline-block;
text-align: center;
}
/* Styles for the themes section.
------------------------------------------------- */
ul.theme_options {
padding: 0;
margin: 0;
}
ul.theme_options li {
list-style: none;
padding: 0.4em;
}
.is_directory {
padding-left: 18px;
background: url(../images/admin/boards.png) no-repeat;
}
.edit_file {
width: 96%;
font-family: monospace;
margin-top: 1ex;
white-space: pre;
}
dl.themes_list {
margin: 0;
}
dl.themes_list dt {
margin-bottom: 3px;
}
dl.themes_list dd {
font-style: italic;
white-space: nowrap;
}
/* Styles for the registration center.
------------------------------------------------- */
.agreement, .reserved_names {
padding: 0;
}
#agreement, #reserved {
width: 99%;
}
/* Styles for the moderation center.
------------------------------------------------- */
#modcenter {
display: block;
width: 100%;
}
.modblock_left {
width: 49%;
float: left;
clear: right;
margin: 0 0 1em 0;
}
.modblock_right {
width: 49%;
float: right;
margin: 0 0 1em 0;
}
.modblock_left #smfAnnouncements {
height: 15em;
overflow: auto;
}
/* Moderation Notes */
ul.moderation_notes {
margin: 0;
padding: 0;
list-style: none;
overflow: auto;
height: 10.2em;
}
ul.moderation_notes li {
padding: 0.2em;
border-bottom: 1px solid #cccccc;
}
.notes {
margin-top: 0.4em;
}
.post_note {
width: 85%;
}
/* Styles for the error log.
------------------------------------------------- */
h3.grid_header {
height: 25px;
}
#error_log {
width: 100%;
}
#error_log tr.windowbg td, #error_log tr.windowbg2 td {
padding: 8px;
line-height: 160%;
}
#error_log td div {
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#error_log td.checkbox_column {
width: 15px;
vertical-align: top;
text-align: center;
}
#error_log a img {
vertical-align: middle;
margin: 0 8px 0 0;
}
/* More error log stuff. Could still be cleaned up a bit.
--------------------------------------------------*/
#error_log {
margin: 4px 0;
}
#error_log tr:first-child td {
border-top: 2px solid #ff9400;
border-bottom: 2px solid #bf6900;
background: #fff;
padding: 8px;
}
/* Styles for the Report generation
------------------------------------------------- */
#report_buttons {
min-height: 2.4em;
padding: 3px 0;
}
.report_results th {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}
/* Try out some nifty small screen friendliness, for the cost of a few more bytes. */
/*@media screen and (max-width: 85em) {
.features p {
margin: 0;
padding: 0;
min-height: 10em;
max-height: 10em;
}
}*/
@media screen and (max-width: 490px),(max-width: 32em) {
body {
padding: 0;
}
#wrapper, #footer_section div.frame {
min-width: 100%;
}
#main_content_section {
padding: 0 10px;
}
/* Level 1 button background. */
.dropmenu li {
line-height: 3.2em;
}
.dropmenu li ul {
top: 3.45em;
}
.dropmenu li li a {
line-height: 3.2em;
}
h3.catbg #quick_search form {
margin: 0 0 8px 0;
padding: 0;
}
h3.catbg #quick_search form input {
margin: 0 0 12px 0;
}
h3.catbg #quick_search form select option {
padding: 4px 4px;
}
h3.catbg #quick_search form .button_submit {
margin: 0 3px 0 3px;
}
#live_news, #supportVersionsTable {
width: 100%;
}
#live_news {
margin: 0 0 6px 0;
}
#supportVersionsTable {
padding: 0;
}
#quick_tasks ul li span {
display: block;
margin: 0 0 0 50px;
}
#credits_page {
padding-top: 35px;
}
#credits_page img {
right: 6px;
}
#core_features .features_image {
display: none;
}
#core_features .features_switch {
margin: -24px 0 0 5px;
}
#core_features .features h4 {
padding: 0 0 10px 0;
}
#core_features .features p {
margin: 0;
padding: 0;
min-height: 0;
max-height: 5em;
overflow: auto;
}
#manage_boards .catbg {
margin-top: 10px;
}
#manage_boards .windowbg {
line-height: 3.2em;
}
#manage_boards ul {
max-height: 120em;
padding: 0 0 10px 0;
}
#manage_boards dd, #manage_boards dt {
width: 100%;
}
#manage_boards dt {
line-height: 1.6em;
}
}
/* These kids and their new-fangled thingummys. :P */
/* When I were a lad, things were different! */