2532 lines
42 KiB
CSS
2532 lines
42 KiB
CSS
/***************************************************************/
|
|
/* IP.Board 3 ACP CSS */
|
|
/* ___________________________________________________________ */
|
|
/* By Rikki Tissier (valuable input by Blake Cheatham) */
|
|
/* (c)2008 Invision Power Services */
|
|
/***************************************************************/
|
|
|
|
/***************************************************************/
|
|
|
|
/*-----------------------------------------------*/
|
|
/* This section resets default browser styles. */
|
|
/* You shouldn't need to edit this section. */
|
|
/*-----------------------------------------------*/
|
|
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
|
|
table { border-collapse:collapse; border-spacing:0; }
|
|
fieldset,img { border:0; }
|
|
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
|
|
ol,ul { list-style:none; }
|
|
caption,th { text-align:left; }
|
|
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
|
|
q:before,q:after { content:''; }
|
|
abbr,acronym { border:0; }
|
|
hr { display: none; }
|
|
/*-----------------------------------------------*/
|
|
/* Basic styles */
|
|
/*-----------------------------------------------*/
|
|
|
|
#ajax_loading {
|
|
background-color: #6f8f52;
|
|
padding: 5px;
|
|
width: 8%;
|
|
position: fixed;
|
|
top: 0px;
|
|
left: 46%;
|
|
text-align: center;
|
|
color: #fff;
|
|
-moz-border-radius-bottomleft: 5px;
|
|
-moz-border-radius-bottomright: 5px;
|
|
-webkit-border-bottom-left-radius: 5px;
|
|
-webkit-border-bottom-right-radius: 5px;
|
|
z-index: 10000;
|
|
}
|
|
|
|
#acpLogInBoxWrap {
|
|
margin-left: auto;
|
|
margin-right:auto;
|
|
margin-top:100px;
|
|
width: 500px;
|
|
border: 1px solid #d3dae0;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
#tmp_nav {
|
|
position: absolute;
|
|
top: 55px;
|
|
padding: 5px;
|
|
right: 10px;
|
|
color: #fff;
|
|
display: none;
|
|
}
|
|
#tmp_nav a {
|
|
color: #fff;
|
|
}
|
|
|
|
body#ipboard_body {
|
|
background: #e4eaf1;
|
|
min-width: 1000px;
|
|
}
|
|
|
|
body {
|
|
font-family: arial, verdana, tahoma, sans-serif;
|
|
font-size: 13px;
|
|
color: #1c2837;
|
|
padding: 0px 0px 0px 0px;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-weight: bold;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1.6em;
|
|
font-weight: normal;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1.1em;
|
|
color: #1d3652;
|
|
}
|
|
|
|
h3 img {
|
|
margin-top: -2px;
|
|
}
|
|
|
|
table {
|
|
width: 100%;
|
|
}
|
|
|
|
td {
|
|
padding: 3px;
|
|
}
|
|
|
|
img {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
strong {
|
|
font-weight: bold;
|
|
}
|
|
em {
|
|
font-style: italic;
|
|
}
|
|
|
|
em strong {
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
fieldset {
|
|
border: 1px solid #CCCCCC;
|
|
padding: 4px;
|
|
}
|
|
|
|
/*
|
|
Enabling this will remove text from various places in the ACP.
|
|
|
|
legend {
|
|
display: none;
|
|
}
|
|
*/
|
|
a {
|
|
color: #192b40;
|
|
/*text-decoration: none;
|
|
border-bottom: 1px solid #9eb4cd;*/
|
|
}
|
|
|
|
a:hover {
|
|
color: #657b97;
|
|
text-decoration: underline !important;
|
|
}
|
|
|
|
a.cancel {
|
|
color: #ad2930;
|
|
font-size: 0.9em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* Hide H1, Jump to content link */
|
|
h1, #content_jump {
|
|
text-indent: -9999px;
|
|
height: 0px;
|
|
width: 0px;
|
|
}
|
|
|
|
/* HELP */
|
|
|
|
#acp_help {
|
|
width: 20%;
|
|
background: #e4eaf1;
|
|
border-left: 1px solid #d3dae0;
|
|
right: 0;
|
|
top: -1px;
|
|
bottom: 0px;
|
|
height: 100%;
|
|
position: absolute;
|
|
display: none;
|
|
}
|
|
|
|
#acp_help #acp_help_content {
|
|
padding: 6px;
|
|
font-size: 11px;
|
|
color: #53585e;
|
|
}
|
|
|
|
body.with_help #content_wrap,
|
|
body.with_help #copyright,
|
|
body.with_help #help_link {
|
|
margin-right: 20%;
|
|
}
|
|
body.with_help #acp_help {
|
|
display: block;
|
|
}
|
|
|
|
/*-----------------------------------------------*/
|
|
/* Branding/Header styles */
|
|
/*-----------------------------------------------*/
|
|
|
|
#header {
|
|
position: relative;
|
|
border-bottom: 15px solid #e4eaf1;
|
|
}
|
|
|
|
#branding {
|
|
background: #1d3652 url(_newimages/branding_bg.png) repeat-x top;
|
|
height: 81px;
|
|
}
|
|
|
|
/* Admin bar */
|
|
#admin_bar {
|
|
background: #2e2e2e url(_newimages/acp_bar.png) repeat-x top;
|
|
color: #d2d2d2;
|
|
padding: 7px;
|
|
font-size: 0.8em;
|
|
height: 14px;
|
|
}
|
|
|
|
#admin_bar ul,
|
|
#admin_bar li {
|
|
display: inline;
|
|
}
|
|
|
|
#admin_bar li {
|
|
padding: 0 3px 0 5px;
|
|
color: #767676;
|
|
}
|
|
|
|
#admin_bar p {
|
|
float: right;
|
|
}
|
|
|
|
#admin_bar #logged_in {
|
|
display: block;
|
|
float: right;
|
|
}
|
|
|
|
#admin_bar a {
|
|
color: #fff;
|
|
}
|
|
|
|
#copyright {
|
|
background-color: #192b40;
|
|
padding: 6px;
|
|
text-align: center;
|
|
font-size: 11px;
|
|
color: #fff;
|
|
margin: 0px;
|
|
/*position: absolute;
|
|
right: 0px;
|
|
bottom: 0px;*/
|
|
margin-left: 195px;
|
|
}
|
|
|
|
#copyright a {
|
|
color: #e4eaf1;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#debug {
|
|
font-size: 0.8em;
|
|
border: 2px dotted #e4ecf2;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
#navigation {
|
|
height: 31px;
|
|
background: transparent url(_newimages/sub_bar.png) repeat-x;
|
|
border-bottom: 5px solid #528f6c;
|
|
}
|
|
|
|
#navigation form {
|
|
float: right;
|
|
margin-right: 10px;
|
|
margin-top: 5px;
|
|
color: #e4eaf1;
|
|
font-size: 11px;
|
|
}
|
|
|
|
#navigation form input {
|
|
border: 1px solid #000;
|
|
padding: 2px;
|
|
}
|
|
|
|
#navigation ul#section_buttons {
|
|
display: inline;
|
|
margin-top: -5px;
|
|
}
|
|
|
|
#navigation ul#section_buttons li {
|
|
float: left;
|
|
margin: 0px 0px 10px 10px;
|
|
padding: 0;
|
|
}
|
|
|
|
#navigation ul#section_buttons li a {
|
|
display: block;
|
|
padding: 7px 15px 13px 7px;
|
|
margin-right: -7px;
|
|
color: #acbbcc;
|
|
font-size: 1em;
|
|
text-decoration: none !important;
|
|
-moz-outline: 0;
|
|
}
|
|
|
|
#navigation ul#section_buttons li img {
|
|
margin-right: 6px;
|
|
}
|
|
|
|
#navigation ul#section_buttons li.active {
|
|
background: transparent url(_newimages/main_button_left.png) no-repeat;
|
|
position: relative;
|
|
top: -5px;
|
|
}
|
|
|
|
#navigation ul#section_buttons li.active a {
|
|
background: transparent url(_newimages/main_button_right.png) no-repeat top right;
|
|
color: #fff;
|
|
font-weight: bold;
|
|
padding-top: 10px;
|
|
margin-left: 6px;
|
|
}
|
|
|
|
#navigation ul#section_buttons li.showing {
|
|
background: transparent url(_newimages/main_button_left_active.png) no-repeat;
|
|
}
|
|
|
|
#navigation ul#section_buttons li.showing a {
|
|
background: transparent url(_newimages/main_button_right_active.png) no-repeat top right;
|
|
color: #181d23;
|
|
}
|
|
|
|
#app_menu_menucontent {
|
|
background: #fafbfc;
|
|
border: 1px solid #203b57;
|
|
padding: 5px;
|
|
min-width: 250px;
|
|
position: absolute;
|
|
z-index: 20000 !important;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#app_menu_menucontent a {
|
|
display: block;
|
|
padding: 4px 7px;
|
|
clear: both;
|
|
overflow: hidden;
|
|
text-decoration: none;
|
|
width: 236px;
|
|
}
|
|
#app_menu_menucontent a:hover {
|
|
background: #ecf1f5;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
#app_menu_menucontent a img {
|
|
float: left;
|
|
margin: 3px 12px 0px 3px;
|
|
}
|
|
|
|
#app_menu_menucontent a strong {
|
|
display: block;
|
|
float: left;
|
|
}
|
|
|
|
#app_menu_menucontent a span {
|
|
display: block;
|
|
float: left;
|
|
clear: both;
|
|
margin-left: 32px;
|
|
margin-top: -3px;
|
|
font-size: 10px;
|
|
color: #666;
|
|
width: 90%;
|
|
}
|
|
|
|
#secondary_navigation {
|
|
background: transparent url(_newimages/sub_bar.png) repeat-x;
|
|
height: 31px;
|
|
}
|
|
|
|
#secondary_navigation h2 {
|
|
float: left;
|
|
padding: 7px 0 0 10px;
|
|
font-size: 1.2em;
|
|
color: #fff;
|
|
margin: 0;
|
|
}
|
|
|
|
#secondary_navigation li {
|
|
float: left;
|
|
margin: 9px 0 0 10px;
|
|
font-size: 0.85em;
|
|
color: #d0e0eb;
|
|
}
|
|
|
|
#secondary_navigation li a {
|
|
color: #d0e0eb;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#secondary_navigation ol {
|
|
margin-left: 246px;
|
|
}
|
|
|
|
#section_navigation {
|
|
position: absolute;
|
|
left: 0px;
|
|
margin-top: 10px;
|
|
border-top: 1px solid #d5e0e8;
|
|
width: 195px;
|
|
}
|
|
|
|
#section_navigation a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
#section_navigation ul {
|
|
color: #242e38;
|
|
}
|
|
|
|
#section_navigation > ul > li {
|
|
border-bottom: 1px solid #d5e0e8;
|
|
font-size: 1em;
|
|
font-weight: bold;
|
|
padding: 8px 10px;
|
|
}
|
|
|
|
#section_navigation > ul > li.has_sub {
|
|
background-repeat: no-repeat;
|
|
background-position: 100% 8px;
|
|
}
|
|
|
|
#section_navigation > ul > li.active {
|
|
background: #fff;
|
|
border-bottom: 3px solid #d6dde2;
|
|
}
|
|
|
|
#section_navigation ul ul {
|
|
font-size: 0.85em;
|
|
font-weight: normal;
|
|
padding: 5px 0 0 10px;
|
|
}
|
|
|
|
#section_navigation ul ul li {
|
|
padding: 2px;
|
|
}
|
|
|
|
#section_navigation ul ul li.active {
|
|
font-weight: bold;
|
|
}
|
|
|
|
#section_navigation ul ul ul {
|
|
font-size: 0.9em;
|
|
font-weight: normal;
|
|
padding-bottom: 6px;
|
|
}
|
|
|
|
#breadcrumb {
|
|
overflow: hidden;
|
|
font-size: 10px;
|
|
color: #9b9b9b;
|
|
margin: -5px 0 10px -5px;
|
|
padding-left: 16px;
|
|
background: url(_newimages/breadcrumb.png) no-repeat 2px;
|
|
}
|
|
|
|
#breadcrumb li {
|
|
float: left;
|
|
}
|
|
|
|
#breadcrumb li a {
|
|
color: #9b9b9b;
|
|
text-decoration: none;
|
|
}
|
|
|
|
|
|
|
|
#page_body {
|
|
background: #fff url(_newimages/page_bg.png) repeat-y;
|
|
}
|
|
|
|
#main_content {
|
|
margin-left: 195px;
|
|
border-top: 1px solid #d3dae0;
|
|
/*border-bottom: 1px solid #d3dae0;*/
|
|
/*position: relative;*/
|
|
}
|
|
|
|
#main_content #content_wrap {
|
|
padding: 15px 20px;
|
|
/*margin-bottom: 60px;*/
|
|
}
|
|
|
|
.popupwindow #main_content {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
#toolbox { /* Formerly known as Context Menu. RIP. */
|
|
min-height: 30px;
|
|
background: #f5f5f5;
|
|
-moz-border-radius: 6px;
|
|
color: #535f6d;
|
|
margin-bottom: 15px;
|
|
margin-left: -5px;
|
|
}
|
|
|
|
#toolbox ul li {
|
|
float: left;
|
|
padding: 8px 10px 0 10px;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
#live_search_popup {
|
|
position: absolute;
|
|
background: transparent url('../../public/style_images/master/trans_bg.png');
|
|
margin-top: 15px; /* Height of the stem, below, minus a few */
|
|
margin-left: -370px; /* width of this box */
|
|
-moz-border-radius: 6px;
|
|
}
|
|
|
|
#live_search_popup #search_stem {
|
|
position: absolute;
|
|
right: 15px;
|
|
top: -20px;
|
|
width: 23px;
|
|
height: 20px;
|
|
background: transparent url(../../public/style_images/master/search_stem.png) no-repeat;
|
|
}
|
|
|
|
#live_search_popup #search_inner {
|
|
background: #fff;
|
|
color: #000;
|
|
border: 1px solid #6b8cad;
|
|
margin: 6px;
|
|
width: 350px;
|
|
max-height: 400px;
|
|
overflow: auto;
|
|
-moz-border-radius: 4px;
|
|
}
|
|
|
|
#live_search_popup h3 {
|
|
border: 0;
|
|
background: #d5dde5;
|
|
padding: 3px;
|
|
}
|
|
|
|
#ajax_result {
|
|
font-size: 0.85em;
|
|
}
|
|
|
|
#ajax_result ul > li {
|
|
font-weight: bold;
|
|
padding: 10px 6px;
|
|
}
|
|
|
|
#ajax_result ul > li span.section {
|
|
width: 90px;
|
|
text-align: right;
|
|
display: block;
|
|
}
|
|
|
|
#ajax_result ul > li ol {
|
|
margin-left: 100px;
|
|
border-left: 1px solid #dedede;
|
|
padding-left: 10px;
|
|
margin-top: -15px;
|
|
font-weight: normal;
|
|
line-height: 150%;
|
|
}
|
|
|
|
#ajax_result ul li ol li {
|
|
margin-bottom: 0;
|
|
padding: 0;
|
|
font-weight: normal;
|
|
width: auto;
|
|
}
|
|
|
|
/**
|
|
* Keith's CSS!
|
|
*
|
|
* Starting with Global styles, then breakdowns by individual areas.
|
|
**/
|
|
|
|
|
|
.tip{
|
|
padding:0px 4px;
|
|
font-weight:bold;
|
|
background-color:#eef3e9;
|
|
color:#82a562;
|
|
border:1px solid #82a562;
|
|
cursor:help;
|
|
}
|
|
|
|
.desctext{
|
|
color:#666;
|
|
font-size: 90%;
|
|
}
|
|
|
|
.border_bottom{
|
|
border-bottom:1px dotted #d5dde5;
|
|
}
|
|
|
|
.more{
|
|
padding:8px 5px 5px 5px;
|
|
text-align:right;
|
|
}
|
|
|
|
.more a{
|
|
display:block;
|
|
margin:1px;
|
|
padding:3px;
|
|
text-decoration:none;
|
|
}
|
|
|
|
.more a:hover{
|
|
margin:0px;
|
|
background-color:#f4f4f4;
|
|
text-decoration:none !important;
|
|
border:1px dotted #d5dde5;
|
|
}
|
|
|
|
.draghandle {
|
|
cursor: move;
|
|
padding: 4px;
|
|
margin-right: 5px;
|
|
float: left;
|
|
}
|
|
|
|
.section_title {
|
|
border-bottom: 3px solid #e2e2e2;
|
|
padding-bottom: 8px;
|
|
position: relative;
|
|
min-height: 25px;
|
|
margin: 0 -6px 20px -6px;
|
|
}
|
|
|
|
.section_title h2 {
|
|
position: relative;
|
|
top: 4px;
|
|
}
|
|
|
|
.section_title .context_menu {
|
|
float: right;
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0px;
|
|
}
|
|
|
|
.section_info {
|
|
border: 1px solid #e2e2e2;
|
|
background: #f3f3f3;
|
|
padding: 6px;
|
|
margin: -10px -6px 20px -6px;
|
|
}
|
|
|
|
#main_content .menucatwrap, #main_content h2
|
|
{
|
|
font-size: 1.6em;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#main_content .tableborder, #main_content .acp-container
|
|
{
|
|
border: 0;
|
|
border-bottom: 3px solid #D5DDE5;
|
|
}
|
|
|
|
/*#main_content .acp-container .nofoot
|
|
{
|
|
border-bottom: 0;
|
|
}*/
|
|
|
|
#main_content h3.bar, #main_content .tableborder h3, #main_content .acp-container h3, #main_content .tableheaderalt, #main_content .tableheader
|
|
{
|
|
background: #1d3652 url(../../public/style_images/master/gradient_bg.png) repeat-x 50%;
|
|
}
|
|
|
|
#main_content .tablefooter
|
|
{
|
|
background: #E5ECF3;
|
|
padding: 5px;
|
|
text-align: right;
|
|
}
|
|
|
|
#main_content .tablesubheader
|
|
{
|
|
background:#B1C2D4 url(../../public/style_images/master/gradient_bg.png) repeat-x scroll 50% 50%;
|
|
font-size: 13px;
|
|
}
|
|
|
|
#main_content .tablesubsubheader {
|
|
background: #d9e4ef !important;
|
|
padding: 5px;
|
|
}
|
|
|
|
#main_content .acp-message
|
|
{
|
|
border: 1px solid #b0ce94;
|
|
background-color: #f1f6ec;
|
|
background-image: url(../../public/style_images/master/information.png);
|
|
background-repeat: no-repeat;
|
|
background-position: right;
|
|
color: #3e4934;
|
|
padding: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
#main_content .acp-error
|
|
{
|
|
background-color: #f3dddd;
|
|
background-image: url(_newimages/icons/exclamation.png);
|
|
background-repeat: no-repeat;
|
|
background-position: right;
|
|
border: 1px solid #deb7b7;
|
|
color: #281b1b;
|
|
font-size: 1.1em;
|
|
padding: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
#main_content .acp-row-on td, #main_content .acp-row-on,
|
|
#main_content .acp-div-on
|
|
{
|
|
background: #FAFBFC;
|
|
}
|
|
|
|
#main_content .acp-row-off td, #main_content .acp-row-off,
|
|
#main_content .acp-div-off
|
|
{
|
|
background: #F1F4F7;
|
|
}
|
|
|
|
#main_content .acp-row-red
|
|
{
|
|
background: #f2e4e7;
|
|
}
|
|
|
|
#main_content .acp-row-amber
|
|
{
|
|
background: #F9F7E0;
|
|
}
|
|
|
|
#main_content .menulinkwrap
|
|
{
|
|
/* display: block;
|
|
clear: both;
|
|
float: left;*/
|
|
padding: 5px;
|
|
background: #ECF1F5 url(../../public/style_images/master/gradient_bg.png) repeat-x 70%;
|
|
color: #1D3652;
|
|
border: 1px solid #D5DDE5;
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
cursor: pointer;
|
|
margin: 5px 5px 5px 0;
|
|
}
|
|
|
|
/*-----------------------------------------------*/
|
|
/* Tab bar */
|
|
/*-----------------------------------------------*/
|
|
|
|
#main_content .tab_bar {
|
|
background-color: #e4ebf2;
|
|
padding: 7px 15px 25px 15px;
|
|
-moz-border-radius-topleft: 6px;
|
|
-moz-border-radius-topright: 6px;
|
|
-webkit-border-top-left-radius: 6px;
|
|
-webkit-border-top-right-radius: 6px;
|
|
font-size: 0.9em;
|
|
color: #4a6784;
|
|
white-space:nowrap;
|
|
}
|
|
|
|
#main_content .tab_bar.no_title {
|
|
background-image: url('../../public/style_images/master/th_bg.png');
|
|
background-repeat: repeat-x;
|
|
background-position: bottom;
|
|
padding: 7px 15px 56px 15px;
|
|
}
|
|
|
|
#main_content .tab_bar.no_title.mini {
|
|
padding: 7px 15px 25px 15px;
|
|
background-image: none;
|
|
border-bottom: 8px solid #243f5c;
|
|
background-color: transparent;
|
|
}
|
|
|
|
#main_content .tab_bar li {
|
|
float: left;
|
|
padding: 2px 10px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#main_content .tab_bar li a {
|
|
color: #4a6784;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#main_content .tab_bar li.active, #main_content .tab_bar li.tabon {
|
|
background-color: #243f5c;
|
|
color: #fff;
|
|
-moz-border-radius-topleft: 4px;
|
|
-moz-border-radius-topright: 4px;
|
|
-webkit-border-top-left-radius: 4px;
|
|
-webkit-border-top-right-radius: 4px;
|
|
margin: -2px 10px 0 10px;
|
|
padding: 7px 10px;
|
|
font-weight: bold;
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
#main_content .tab_bar li.active a, #main_content .tab_bar li.tabon a {
|
|
color: #fff;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#main_content .tab_body {
|
|
clear: both;
|
|
background-color: #f6f8fa;
|
|
padding: 15px;
|
|
}
|
|
|
|
/*
|
|
* Global menu options
|
|
*/
|
|
.acp-menu
|
|
{
|
|
border: 1px solid #1d3652;
|
|
background: #FAFBFC;
|
|
width: auto;
|
|
white-space: nowrap;
|
|
z-index: 150;
|
|
}
|
|
|
|
.acp-menu li
|
|
{
|
|
border-bottom: 1px solid #E5ECF3;
|
|
width: auto;
|
|
padding: 3px;
|
|
text-align: left;
|
|
}
|
|
|
|
/* Pointer for image menus */
|
|
.ipbmenu
|
|
{
|
|
cursor: pointer;
|
|
}
|
|
|
|
.acp-menu li.icon
|
|
{
|
|
background-repeat: no-repeat;
|
|
background-position: 4px;
|
|
padding-left: 25px;
|
|
}
|
|
|
|
.acp-menu li.add
|
|
{
|
|
background-image: url( _newimages/icons/add.png );
|
|
}
|
|
.acp-menu li.edit
|
|
{
|
|
background-image: url( _newimages/icons/pencil.png );
|
|
}
|
|
.acp-menu li.view
|
|
{
|
|
background-image: url( _newimages/icons/view.png );
|
|
}
|
|
.acp-menu li.delete
|
|
{
|
|
background-image: url( _newimages/icons/delete.png );
|
|
}
|
|
.acp-menu li.info
|
|
{
|
|
background-image: url( _newimages/icons/page_white_magnify.png );
|
|
}
|
|
.acp-menu li.manage
|
|
{
|
|
background-image: url( _newimages/icons/cog.png );
|
|
}
|
|
.acp-menu li.new
|
|
{
|
|
background-image: url( _newimages/icons/folder_add.png );
|
|
}
|
|
.acp-menu li.password
|
|
{
|
|
background-image: url( _newimages/icons/key.png );
|
|
}
|
|
.acp-menu li.export
|
|
{
|
|
background-image: url( _newimages/icons/export.png );
|
|
}
|
|
.acp-menu li.refresh
|
|
{
|
|
background-image: url( _newimages/icons/arrow_refresh.png );
|
|
}
|
|
.acp-menu li.printer
|
|
{
|
|
background-image: url( _newimages/icons/printer.png );
|
|
}
|
|
.acp-menu li.find
|
|
{
|
|
background-image: url( _newimages/icons/user_find.png );
|
|
}
|
|
.acp-menu li.assign
|
|
{
|
|
background-image: url( _newimages/icons/user_assign.png );
|
|
}
|
|
.acp-menu li.user
|
|
{
|
|
background-image: url( _newimages/icons/user.png );
|
|
}
|
|
.acp-menu li.package
|
|
{
|
|
background-image: url( _newimages/icons/package.png );
|
|
}
|
|
|
|
.acp-menu a, .acp-menu a:hover
|
|
{
|
|
text-decoration: none;
|
|
/* Fix styling applied by tables/tableheaders */
|
|
color: #000;
|
|
}
|
|
|
|
.acp-menu b, .acp-menu strong
|
|
{
|
|
/* Fix styling applied by tables/tableheaders */
|
|
font-weight: normal;
|
|
}
|
|
|
|
/* Quick Start! */
|
|
.quick_start td {
|
|
padding: 0;
|
|
}
|
|
|
|
.quick_start .buttons {
|
|
background-color: #D0DAEF;
|
|
float: left;
|
|
width: 50%;
|
|
}
|
|
.quick_start .quick_search {
|
|
border-bottom: 1px solid #E0E7E9;
|
|
background-color: #E9EFF3;
|
|
width: 50%;
|
|
}
|
|
|
|
.quick_start a {
|
|
display:block;
|
|
margin:2px;
|
|
padding:3px;
|
|
text-decoration:none !important;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.quick_start label {
|
|
font-weight: bold;
|
|
float: left;
|
|
margin: 6px 0px 0px 6px;
|
|
}
|
|
|
|
.quick_start form {
|
|
float:right;
|
|
margin-right: 6px;
|
|
}
|
|
|
|
/*#admin_notes {
|
|
text-align: center;
|
|
padding: 6px;
|
|
background-color: #E9EFF3;
|
|
}
|
|
|
|
#board_overview
|
|
{
|
|
float: left;
|
|
background-color: #EEF3F8;
|
|
width: 100%;
|
|
}
|
|
#board_overview dl {
|
|
margin-left:10px;
|
|
}
|
|
|
|
#board_overview dt, #board_overview dd {
|
|
font-size: 0.85em;
|
|
padding: 4px;
|
|
width: 45%;
|
|
}
|
|
|
|
#board_overview dt {
|
|
float: left;
|
|
}
|
|
|
|
#board_overview dd {
|
|
float: right;
|
|
font-weight: bold;
|
|
border-left: 1px solid #E0E7E9;
|
|
}
|
|
|
|
#board_overview h3 {
|
|
margin: 6px 0 8px;
|
|
font-weight: bold;
|
|
font-size: 1em;
|
|
float: left;
|
|
}
|
|
|
|
#board_overview dt, #board_overview h3 {
|
|
clear: both;
|
|
}*/
|
|
|
|
|
|
/****************************************************************************************************************
|
|
|
|
NEW STYLES:
|
|
|
|
****************************************************************************************************************/
|
|
|
|
#main_content .acp-box
|
|
{
|
|
border: 0;
|
|
border-bottom: 5px solid #D5DDE5;
|
|
}
|
|
|
|
#main_content .acp-box.with_bg
|
|
{
|
|
background: #E5ECF3;
|
|
}
|
|
|
|
#main_content .acp-box h3
|
|
{
|
|
background: #1d3652 url('../../public/style_images/master/gradient_bg.png') repeat-x 50%;
|
|
color: #fff;
|
|
font-size: 1.1em;
|
|
padding: 7px;
|
|
}
|
|
|
|
#main_content .acp-box p
|
|
{
|
|
background: #F1F4F7;
|
|
padding: 5px;
|
|
}
|
|
|
|
#main_content .acp-box table
|
|
{
|
|
border: 0;
|
|
}
|
|
|
|
#main_content .acp-box table th
|
|
{
|
|
background: #B1C2D4 url(../../public/style_images/master/gradient_bg.png) repeat-x;
|
|
font-weight: bold;
|
|
padding: 5px;
|
|
}
|
|
|
|
#main_content .acp-box table td
|
|
{
|
|
padding: 5px;
|
|
}
|
|
|
|
#main_content .acp-box table.double_pad td
|
|
{
|
|
padding: 10px;
|
|
}
|
|
|
|
#main_content .acp-box table.triple_pad td
|
|
{
|
|
padding: 15px;
|
|
}
|
|
|
|
#main_content .acp-box table.double_pad th
|
|
{
|
|
padding: 5px 10px;
|
|
}
|
|
|
|
#main_content .acp-box table.triple_pad th
|
|
{
|
|
padding: 5px 15px;
|
|
}
|
|
|
|
#main_content .acp-box table.top_align td
|
|
{
|
|
text-align: top;
|
|
}
|
|
|
|
#main_content .acp-box h3 .right{
|
|
float: right;
|
|
margin-top: -19px;
|
|
}
|
|
|
|
#main_content .acp-box .box {
|
|
width: 200px;
|
|
padding: 3px;
|
|
color: #1D3652;
|
|
background: #ECF1F5 url(../../public/style_images/master/gradient_bg.png) repeat-x 70%;
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
}
|
|
|
|
.acp-actionbar
|
|
{
|
|
padding: 5px;
|
|
background: #E5ECF3 !important;
|
|
text-align: center;
|
|
height: 26px;
|
|
/*position: relative;*/
|
|
}
|
|
|
|
/*.acp-actionbar .rightaction
|
|
{
|
|
float: right;
|
|
position: absolute;
|
|
right: 5px;
|
|
top: 3px;
|
|
}*/
|
|
|
|
/*.acp-actionbar .leftaction
|
|
{
|
|
float: left;
|
|
position: absolute;
|
|
left: 5px;
|
|
bottom: 8px;
|
|
}*/
|
|
|
|
.dropdown-button {
|
|
background: #ECF1F5 url(../../public/style_images/master/gradient_bg.png) repeat-x 70%;
|
|
color: #1D3652;
|
|
padding: 5px;
|
|
border: 1px solid #D5DDE5;
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.button, .realbutton
|
|
{
|
|
/*background: #ECF1F5 url(../../public/style_images/master/gradient_bg.png) repeat-x 70%;
|
|
color: #1D3652;
|
|
padding: 5px;
|
|
border: 1px solid #D5DDE5;
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
cursor: pointer;*/
|
|
background: #657b97 url(../../public/style_images/master/gradient_bg.png) repeat-x 70%;;
|
|
color: #fff;
|
|
padding: 3px;
|
|
border: 1px solid #3e546f;
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.button.nohand,
|
|
.realbutton.nohand
|
|
{
|
|
cursor: text;
|
|
}
|
|
|
|
.button:hover, .realbutton:hover {
|
|
color: #fff;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.realbutton.redbutton {
|
|
background-color: #a31d1d;
|
|
border-color: #661515;
|
|
}
|
|
|
|
#main_content .button .primary
|
|
{
|
|
background-color: white;
|
|
border-color: #B1C2D4;
|
|
}
|
|
|
|
#main_content .button .primary:hover
|
|
{
|
|
border-color: #1d3652;
|
|
}
|
|
|
|
#main_content .button .match_textbox
|
|
{
|
|
padding-top: 1px;
|
|
padding-bottom: 1px;
|
|
}
|
|
|
|
/*-----------------------------------------------*/
|
|
/* Pagination */
|
|
/*-----------------------------------------------*/
|
|
|
|
span.pagination.no_pages {
|
|
font-size: 0.9em;
|
|
color: #acacac;
|
|
padding: 10px;
|
|
float: left;
|
|
display: block;
|
|
height: 15px;
|
|
}
|
|
|
|
ul.pagination {
|
|
height: 18px;
|
|
float: left;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
ul.pagination.top {
|
|
/*border-bottom: 1px solid #e1e1e1;*/
|
|
margin-bottom: 15px;
|
|
padding: 0 0 5px 0;
|
|
}
|
|
|
|
ul.pagination.bottom {
|
|
margin-top: 15px;
|
|
/*border-top: 1px solid #e1e1e1;*/
|
|
padding: 5px 0 0 0;
|
|
}
|
|
|
|
ul.pagination a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
ul.pagination li {
|
|
float: left;
|
|
font-size: 0.9em;
|
|
padding: 1px 4px;
|
|
margin: 0 2px 0 2px;
|
|
border: 1px solid #cfcfcf;
|
|
background: #fff;
|
|
}
|
|
|
|
ul.pagination li.total {
|
|
background: none;
|
|
border: 0;
|
|
margin-left: 0px;
|
|
}
|
|
|
|
ul.pagination li.active {
|
|
font-size: 1em;
|
|
color: #528f6c;
|
|
font-weight: bold;
|
|
border: 0;
|
|
background-color: transparent;
|
|
}
|
|
|
|
ul.topic_jump {
|
|
margin: 0 auto 15px auto;
|
|
float: right;
|
|
border-top: 1px solid #e4e4e4;
|
|
font-size: 0.8em;
|
|
padding-top: 4px;
|
|
clear: both;
|
|
}
|
|
|
|
ul.topic_jump li {
|
|
float: left;
|
|
padding: 1px 7px;
|
|
font-weight: bold;
|
|
}
|
|
ul.topic_jump li a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
ul.topic_jump li.previous a,
|
|
ul.topic_jump li.next a {
|
|
font-weight: normal;
|
|
}
|
|
|
|
ul.topic_jump li.previous {
|
|
border-right: 1px solid #8f8f8f;
|
|
}
|
|
|
|
ul.topic_jump li.next {
|
|
border-left: 1px solid #8f8f8f;
|
|
}
|
|
|
|
ul.mini_pagination {
|
|
display: inline;
|
|
font-size: 0.75em;
|
|
margin-left: 7px;
|
|
}
|
|
|
|
ul.mini_pagination li {
|
|
display: inline;
|
|
padding: 1px 3px;
|
|
border: 1px solid #d3d3d3;
|
|
margin-right: -1px;
|
|
}
|
|
|
|
|
|
ul.options_menu {
|
|
float: right;
|
|
display: block;
|
|
margin-top: -20px;
|
|
padding: 2px;
|
|
z-index: 1000;
|
|
background-color: #e4ebf2;/*#e4ebf2;*/
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
}
|
|
|
|
ul.options_menu li {
|
|
float: left;
|
|
}
|
|
|
|
ul.options_menu li a {
|
|
display: block;
|
|
float: left;
|
|
padding: 0 3px;
|
|
}
|
|
|
|
/*-----------------------------------------------*/
|
|
/* Members */
|
|
/*-----------------------------------------------*/
|
|
|
|
.member_form span.member_detail
|
|
{
|
|
display: inline-block;
|
|
padding: 5px;
|
|
min-width: 210px;
|
|
}
|
|
|
|
.member_form input, .member_form select
|
|
{
|
|
}
|
|
|
|
.change_icon
|
|
{
|
|
width: 16px;
|
|
height: 16px;
|
|
background: url('images/pencil_go.png');
|
|
text-indent: -5000px;
|
|
display: inline-block;
|
|
-moz-outline: 0
|
|
}
|
|
|
|
.acp-sidebar
|
|
{
|
|
}
|
|
|
|
.acp-sidebar .sidebar_box
|
|
{
|
|
border: 1px solid #b3c2d2;
|
|
width: 80%;
|
|
margin: 10px auto;
|
|
background: #fff;
|
|
padding: 5px;
|
|
}
|
|
|
|
.big_red_button
|
|
{
|
|
border: 1px solid #804040;
|
|
background: #BF3030 url(../../public/style_images/master/gradient_bg.png) repeat-x scroll 50% 50%;
|
|
color: #fff;
|
|
display: block;
|
|
padding: 4px;
|
|
margin: 10px 0 0 0;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.big_red_button:hover {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.photo_options
|
|
{
|
|
display: inline-block;
|
|
background: #369;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-top-left-radius: 5px;
|
|
float: right;
|
|
position: relative;
|
|
top: -19px;
|
|
left: 5px;
|
|
padding: 4px 0 4px 4px;
|
|
}
|
|
|
|
.photo_options li
|
|
{
|
|
display: inline-block;
|
|
margin-right: 3px;
|
|
position: relative;
|
|
top: 1px;
|
|
}
|
|
|
|
span.yesno_yes, span.yesno_no
|
|
{
|
|
display: inline-block;
|
|
padding: 3px;
|
|
min-width: 50px;
|
|
max-width: 60px;
|
|
text-align: center;
|
|
}
|
|
|
|
span.yesno_yes input, span.yesno_no input
|
|
{
|
|
margin-right: 10px;
|
|
}
|
|
|
|
span.yesno_yes
|
|
{
|
|
background: #e3f6e5;
|
|
border: 1px solid #b4e3b9;
|
|
border-right: 0;
|
|
-moz-border-radius-top-left: 6px;
|
|
-moz-border-radius-bottom-left: 6px;
|
|
-webkit-border-top-left-radius: 6px;
|
|
-webkit-border-bottom-left-radius: 6px;
|
|
}
|
|
|
|
span.yesno_no
|
|
{
|
|
background: #f6e3e3;
|
|
border: 1px solid #e3b4b4;
|
|
border-left: 0;
|
|
-moz-border-radius-top-right: 6px;
|
|
-moz-border-radius-bottom-right: 6px;
|
|
-webkit-border-top-right-radius: 6px;
|
|
-webkit-border-bottom-right-radius: 6px;
|
|
}
|
|
|
|
.member_name
|
|
{
|
|
font-weight: bold;
|
|
}
|
|
|
|
/*-----------------------------------------------*/
|
|
/* Forms */
|
|
/*-----------------------------------------------*/
|
|
.acp-form ul {
|
|
list-style-type: none;
|
|
list-style-image: none;
|
|
list-style-position: outside;
|
|
}
|
|
|
|
.acp-form.sep_rows li {
|
|
border-bottom: 1px solid #eee;
|
|
padding-bottom: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.acp-form li {
|
|
display: block;
|
|
padding-bottom: 1em;
|
|
overflow: hidden;
|
|
padding: 5px;
|
|
}
|
|
|
|
|
|
.acp-form label {
|
|
float: left;
|
|
width: 50%;
|
|
font-weight: bold;
|
|
padding-right: 5px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.acp-form label.head, .acp-form li.head {
|
|
display: block;
|
|
padding-bottom: 1em;
|
|
overflow: hidden;
|
|
padding: 5px;
|
|
width: 100%;
|
|
background:#B1C2D4 url(../../public/style_images/master/gradient_bg.png) repeat-x scroll 50% 50%;
|
|
}
|
|
|
|
.acp-form span.desctext {
|
|
display: block;
|
|
color: #666666;
|
|
font-size: 0.9em;
|
|
font-family: arial,verdana,tahoma,sans-serif;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.acp-form input, textarea, select {
|
|
width: auto;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.acp-form span.yesno_yes, .acp-form span.yesno_no
|
|
{
|
|
display: inline-block;
|
|
padding: 3px;
|
|
min-width: 60px;
|
|
max-width: 60px;
|
|
text-align: center;
|
|
}
|
|
|
|
.acp-form span.yesno_yes input, .acp-form span.yesno_no input
|
|
{
|
|
margin-right: 12px;
|
|
}
|
|
|
|
span.yesno_yes label,
|
|
span.yesno_no label {
|
|
float: none !important;
|
|
font-weight: normal !important;
|
|
clear: none !important;
|
|
width: auto !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.form_table td {
|
|
padding: 10px;
|
|
}
|
|
|
|
.form_table td label {
|
|
font-weight: bold;
|
|
width: 90% !important;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Inline form styles */
|
|
|
|
#inlineFormWrap
|
|
{
|
|
position: absolute;
|
|
background-color: #5f5f5f;
|
|
color: #000;
|
|
width: 350px;
|
|
border:1px solid #FFF;
|
|
z-index: 150;
|
|
}
|
|
|
|
#inlineFormInnerWrap
|
|
{
|
|
|
|
}
|
|
|
|
#inlineFormInnerClose
|
|
{
|
|
margin: 9px 10px 0px 0px;
|
|
width: 13px;
|
|
height: 13px;
|
|
float: right;
|
|
/*background-image: url('images/close_dark_round.gif');*/
|
|
background-repeat: no-repeat;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#inlineFormInnerTitle
|
|
{
|
|
padding: 2px;
|
|
}
|
|
|
|
#inlineFormInnerContent
|
|
{
|
|
background-color: #edf0f4;
|
|
border: 1px solid #4d5b6b;
|
|
padding: 5px;
|
|
}
|
|
|
|
#inlineFormInnerTitle h4 {
|
|
background-color: #3d3d3d;
|
|
font-size: 16px;
|
|
color: #fff;
|
|
padding: 6px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#inlineFormLoading
|
|
{
|
|
text-align: center;
|
|
font-size:18px;
|
|
font-weight: bold;
|
|
background-color: #FFFFFF;
|
|
border: 1px solid #4d5b6b;
|
|
padding:20px;
|
|
z-index:1000;
|
|
}
|
|
|
|
#inlineErrorBox
|
|
{
|
|
border: 1px solid #000;
|
|
background-color: #FFCCCC;
|
|
font-size:14px;
|
|
text-align: center;
|
|
padding-top:20px;
|
|
z-index: 999;
|
|
}
|
|
|
|
#inlineErrorBox strong
|
|
{
|
|
font-size:30px;
|
|
}
|
|
|
|
#inlineErrorBox img
|
|
{
|
|
vertical-align: -12px;
|
|
}
|
|
|
|
#inlineErrorText
|
|
{
|
|
overflow: auto;
|
|
height: 90px;
|
|
padding:8px;
|
|
}
|
|
|
|
.inlineFormEntry
|
|
{
|
|
background-color: #e7eaf0;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.inlineFormLabel
|
|
{
|
|
padding: 4px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.inlineFormLabel p
|
|
{
|
|
color: gray;
|
|
font-weight:normal;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.inlineFormInput
|
|
{
|
|
padding: 4px;
|
|
}
|
|
|
|
.inlineFormSubmit
|
|
{
|
|
background-color: #4b5b6e;
|
|
text-align: center;
|
|
padding: 6px;
|
|
color: #30353c;
|
|
border-bottom: 1px solid #d9dee8;
|
|
height: 22px;
|
|
}
|
|
|
|
/* Autocomplete */
|
|
.ipbmenu_content {
|
|
background-color: #eef3f8;
|
|
border: 1px solid #d5dde5;
|
|
min-width: 85px;
|
|
padding: 5px;
|
|
font-size: 0.9em;
|
|
z-index: 150;
|
|
margin-left: 0px;
|
|
}
|
|
|
|
.ipbmenu_content li {
|
|
border-bottom: 1px solid #d5dde5;
|
|
padding: 5px;
|
|
}
|
|
|
|
.ipbmenu_content li:last-child {
|
|
border-bottom: 0;
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
.ipbmenu_content li:first-child {
|
|
padding-top: 0px;
|
|
}
|
|
|
|
/* Template editor */
|
|
|
|
#left_pane {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.parts_list {
|
|
max-height: 470px;
|
|
overflow: auto;
|
|
background: #f1f4f7;
|
|
cursor: pointer;
|
|
border-right: 2px solid #d5dde5;
|
|
position: relative;
|
|
}
|
|
|
|
.parts_list li {
|
|
padding: 5px 7px;
|
|
border-bottom: 1px solid #d5dde5;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.parts_list li.loading {
|
|
background-image: url(_newimages/loading.gif);
|
|
background-position: 98% 5px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.parts_list ul {
|
|
padding: 6px 0 10px 0;
|
|
}
|
|
|
|
.parts_list ul li {
|
|
font-size: 0.90em;
|
|
padding: 1px 5px 1px 10px;
|
|
border-bottom: 0px;
|
|
font-weight: normal;
|
|
background: none;
|
|
position: relative;
|
|
}
|
|
|
|
.parts_list li .delete_icon {
|
|
position: absolute;
|
|
right: 3px;
|
|
}
|
|
|
|
#template_editor {
|
|
position: relative;
|
|
}
|
|
|
|
#template_toolbar {
|
|
background: #e5ecf3;
|
|
padding: 3px 3px 3px 0;
|
|
height: 25px;
|
|
border-bottom: 2px solid #d5dde5;
|
|
}
|
|
|
|
#template_toolbar li {
|
|
float: left;
|
|
background: #ecf1f5;
|
|
border: 1px solid #d5dde5;
|
|
padding: 4px 9px;
|
|
-moz-border-radius: 3px;
|
|
font-size: 0.9em;
|
|
margin: 0 4px;
|
|
}
|
|
|
|
#template_toolbar li#t_status {
|
|
border: 0;
|
|
width: 90px;
|
|
height: 20px;
|
|
background: transparent;
|
|
padding: 6px 0 0 25px;
|
|
font-size: 11px;
|
|
color: #6e6e6e;
|
|
cursor: default;
|
|
}
|
|
|
|
#template_toolbar li#t_status.loading {
|
|
background-image: url(_newimages/loading.gif);
|
|
background-position: 0px 6px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
#template_toolbar li.right {
|
|
float: right;
|
|
}
|
|
|
|
#template_toolbar li.disabled {
|
|
color: #a1a1a1;
|
|
font-style: italic;
|
|
}
|
|
|
|
#template_toolbar #document_buttons {
|
|
margin-left: 20%;
|
|
}
|
|
|
|
#template_toolbar #editor_buttons {
|
|
position: relative;
|
|
bottom: -7px;
|
|
}
|
|
|
|
#template_toolbar #editor_buttons li {
|
|
border: 0;
|
|
background: #d5dde5;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#template_toolbar #editor_buttons li.active {
|
|
background: #1d3652;
|
|
color: #fff;
|
|
-moz-border-radius-bottomleft: 0;
|
|
-moz-border-radius-bottomright: 0;
|
|
}
|
|
|
|
.template_menu {
|
|
padding: 0;
|
|
font-size: 11px;
|
|
height: 30px;
|
|
overflow: hidden;
|
|
background: #1d3652;
|
|
color: #fff;
|
|
}
|
|
|
|
.template_menu ul {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.template_menu ul li {
|
|
float: left;
|
|
padding: 8px 8px;
|
|
color: #e4eaf1;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#css_list_wrap,
|
|
#template_list_wrap {
|
|
min-height: 500px;
|
|
background: #f1f4f7;
|
|
}
|
|
|
|
#template_footer {
|
|
background: #e5ecf3;
|
|
padding: 8px 6px 6px 6px;
|
|
clear: both;
|
|
border-top: 2px solid #d5dde5;
|
|
font-size: 11px;
|
|
}
|
|
|
|
#template_editor {
|
|
background: #d5dde5;
|
|
}
|
|
|
|
.replacement_save {
|
|
width: 70%;
|
|
text-align: right;
|
|
padding: 5px 0;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
/* LANGUAGES */
|
|
|
|
.language_editor textarea {
|
|
width: 95%;
|
|
height: 80%;
|
|
border: 1px solid #9f9f9f;
|
|
font-family: verdana, arial, tahoma, sans-serif;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.language_editor textarea.default_lang {
|
|
background: #f6f6f6;
|
|
}
|
|
|
|
.language_editor textarea.new_lang {
|
|
background: #fff;
|
|
}
|
|
|
|
.stem {
|
|
width: 31px;
|
|
height: 16px;
|
|
position: absolute;
|
|
}
|
|
|
|
.stem.topleft {
|
|
background-image: url(../../public/style_images/master/stems/topleft.png);
|
|
}
|
|
.stem.topright {
|
|
background-image: url(../../public/style_images/master/stems/topright.png);
|
|
}
|
|
.stem.bottomleft {
|
|
background-image: url(../../public/style_images/master/stems/bottomleft.png);
|
|
}
|
|
.stem.bottomright {
|
|
background-image: url(../../public/style_images/master/stems/bottomright.png);
|
|
}
|
|
|
|
.popupWrapper {
|
|
background: url(../../public/style_images/master/trans_bg.png);
|
|
/*background: #192b40;*/
|
|
/*width: 500px;*/
|
|
color: #fff;
|
|
-moz-border-radius: 6px;
|
|
-webkit-border-radius: 6px;
|
|
}
|
|
|
|
.popupInner {
|
|
background: #fff;
|
|
color: #000;
|
|
border: 3px solid #d5dde5;
|
|
/*height: 200px;*/
|
|
width: 500px;
|
|
margin: 6px;
|
|
-moz-border-radius: 4px;
|
|
-webkit-border-radius: 4px;
|
|
overflow: auto;
|
|
}
|
|
|
|
.popupInner h3,
|
|
.popupInner h4 {
|
|
font-size: 14px;
|
|
padding: 4px;
|
|
border: 0;
|
|
background-color: #dae4ed;
|
|
padding-left: 24px;
|
|
}
|
|
|
|
.popupInner h4 {
|
|
padding-left: 4px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.popupInner .desctext {
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.popupClose {
|
|
position: absolute;
|
|
left: 12px;
|
|
top: 12px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.closePopup {
|
|
position: absolute;
|
|
right: 12px;
|
|
top: 12px;
|
|
}
|
|
|
|
.popup_footer {
|
|
position: absolute;
|
|
bottom: 0px;
|
|
right: 0px;
|
|
padding: 15px;
|
|
}
|
|
|
|
.popup_body {
|
|
padding: 10px;
|
|
}
|
|
|
|
del, .diffred {
|
|
background-color: #D7BBC8;
|
|
color: black;
|
|
font-weight: normal;
|
|
text-decoration: none;
|
|
}
|
|
|
|
ins, .diffgreen {
|
|
background-color: #BBD0C8;
|
|
color: black;
|
|
font-weight: normal;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.topic_controls {
|
|
min-height: 30px;
|
|
}
|
|
|
|
#main_content table.real-table {
|
|
margin-left: 1px;
|
|
margin-right: 1px;
|
|
}
|
|
|
|
#main_content table.real-table td, #main_content table.real-table th {
|
|
border: 1px solid black;
|
|
}
|
|
|
|
/* CONTEXT MENU BUTTONS */
|
|
|
|
.context_menu li {
|
|
float: right;
|
|
margin: 0px 10px 10px 0px;
|
|
background: transparent url(_newimages/topic_button_left.png) no-repeat;
|
|
padding: 0;
|
|
}
|
|
|
|
.context_menu li a,
|
|
.context_menu li span {
|
|
display: block;
|
|
margin-right: 0px;
|
|
margin-left: 6px;
|
|
font-size: 0.9em;
|
|
text-decoration: none !important;
|
|
color: #fff;
|
|
-moz-outline: 0;
|
|
}
|
|
|
|
.context_menu li span {
|
|
padding: 5px 12px 6px 3px;
|
|
}
|
|
|
|
.context_menu li a {
|
|
background: transparent url(_newimages/topic_button_right.png) no-repeat top right;
|
|
padding: 5px 12px 4px 3px;
|
|
}
|
|
|
|
.context_menu li a img,
|
|
.context_menu li span img {
|
|
margin: -1px 5px 1px 0;
|
|
}
|
|
|
|
.context_menu li.disabled {
|
|
background: transparent url(_newimages/topic_button_left_disabled.png) no-repeat;
|
|
}
|
|
|
|
.context_menu li.disabled span {
|
|
background: transparent url(_newimages/topic_button_right_disabled.png) no-repeat top right;
|
|
color: #8f8e8e;
|
|
}
|
|
|
|
.context_menu li.closed {
|
|
background: transparent url(_newimages/topic_button_delete_left.png) no-repeat;
|
|
}
|
|
|
|
.context_menu li.closed span,
|
|
.context_menu li.closed a {
|
|
background: transparent url(_newimages/topic_button_delete_right.png) no-repeat top right;
|
|
}
|
|
|
|
#forum_wrapper .tableheaderalt {
|
|
padding: 3px;
|
|
}
|
|
|
|
#forum_wrapper .forum_row {
|
|
border-bottom: 1px solid #e4ebf2;
|
|
}
|
|
|
|
#forum_wrapper .forum_row td,
|
|
#forum_wrapper td.forum_row {
|
|
background: #eef3f8;
|
|
padding: 8px;
|
|
}
|
|
|
|
#forum_wrapper .forum_row.subforum td,
|
|
#forum_wrapper td.forum_row.subforum {
|
|
background: #f6f8fa;
|
|
}
|
|
|
|
#forum_wrapper .forum_row.subforum td strong {
|
|
font-weight: normal;
|
|
}
|
|
|
|
#forum_wrapper .forum_row td .forum_desc {
|
|
font-size: 11px;
|
|
color: #666;
|
|
}
|
|
|
|
.member_search {
|
|
background: #ECF1F5;
|
|
}
|
|
|
|
.member_search ul {
|
|
width: 95%;
|
|
}
|
|
|
|
.member_search li {
|
|
padding: 7px;
|
|
border-bottom: 1px solid #d5dde5;
|
|
}
|
|
|
|
.member_search label {
|
|
width: 40%;
|
|
display: block;
|
|
float: left;
|
|
}
|
|
|
|
.simple {
|
|
padding: 8px;
|
|
}
|
|
|
|
.member_search .simple {
|
|
}
|
|
|
|
/* DASHBOARD */
|
|
|
|
#dashboard .acp-box h3 {
|
|
font-size: 12px;
|
|
padding: 5px;
|
|
}
|
|
#quick_start table {
|
|
background: #ECF1F5;
|
|
border: 1px solid #d5dde5;
|
|
border-bottom-width: 3px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#quick_start td {
|
|
width: 33%;
|
|
padding: 6px;
|
|
}
|
|
|
|
#quick_start a,
|
|
#quick_start a:hover {
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
#quick_start td img {
|
|
margin-right: 6px;
|
|
}
|
|
|
|
#search_and_stats,
|
|
#notes_and_news,
|
|
#blog_and_bulletin,
|
|
#admin_boxes {
|
|
overflow: hidden;
|
|
height: 1%;
|
|
}
|
|
|
|
#quick_search,
|
|
#stats_overview,
|
|
#ips_news,
|
|
#ips_supportbox,
|
|
#ips_blog,
|
|
#ips_update_security,
|
|
#ips_update_update,
|
|
#ips_update_normal,
|
|
#admin_notes,
|
|
#active_admins,
|
|
#admin_logins {
|
|
width: 49%;
|
|
float: left;
|
|
line-height: 140%;
|
|
}
|
|
|
|
#ips_supportbox,
|
|
#ips_blog,
|
|
#admin_logins,
|
|
#active_admins {
|
|
margin-top:8px;
|
|
}
|
|
|
|
#ips_update_security,
|
|
#ips_update_update,
|
|
#ips_update_normal {
|
|
margin-bottom:8px;
|
|
}
|
|
|
|
#quick_search td,
|
|
#stats_overview td {
|
|
padding: 5px;
|
|
}
|
|
|
|
#stats_overview .sub {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
#stats_overview .desctext {
|
|
font-size: 11px;
|
|
}
|
|
|
|
#quick_search,
|
|
#admin_notes,
|
|
#ips_blog,
|
|
#active_admins {
|
|
margin-right: 2%;
|
|
}
|
|
|
|
#notes_and_news {
|
|
clear: both;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
#notes_and_news .notes {
|
|
text-align: center;
|
|
}
|
|
|
|
.dashboard_notes{
|
|
width:90%;
|
|
margin:0 auto;
|
|
padding:3px;
|
|
background-color:#fdffdd;
|
|
color:#6c6850;
|
|
border:1px solid #e8d779;
|
|
font-family:arial, verdana, tahoma, sans-serif;
|
|
font-size:0.9em;
|
|
-moz-border-radius:4px;
|
|
}
|
|
|
|
/* REPORTS */
|
|
.hierarchy tr.parent td {
|
|
background: #eef3f8;
|
|
border-bottom: 1px solid #e4ebf2;
|
|
}
|
|
|
|
.hierarchy tr.child td {
|
|
background: #f8fafb;
|
|
border-bottom: 1px solid #e4ebf2;
|
|
}
|
|
|
|
/* WARNINGS */
|
|
|
|
.warning,
|
|
.information-box,
|
|
.help-box {
|
|
padding: 10px 10px 10px 30px;
|
|
}
|
|
|
|
.warning h4,
|
|
.information-box h4,
|
|
.help-box h4 {
|
|
padding: 4px;
|
|
margin: -6px -6px 6px -23px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.warning h4 img,
|
|
.information-box h4 img,
|
|
.help-box h4 img {
|
|
margin-top: -2px;
|
|
float: left;
|
|
}
|
|
|
|
.warning {
|
|
background: #fbe6f2 !important;
|
|
border: 1px solid #e68f8f;
|
|
}
|
|
|
|
.warning h4 {
|
|
color: #7a2929;
|
|
}
|
|
|
|
.information-box {
|
|
background: #f9f7e0;
|
|
border: 1px solid #eadca0;
|
|
}
|
|
|
|
.information-box h4 {
|
|
color: #6c6141;
|
|
}
|
|
|
|
#help_link,
|
|
#help_nw {
|
|
display: block;
|
|
margin-top: -8px;
|
|
margin-right: 0px;
|
|
float: right;
|
|
color: #528f6c;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
padding: 3px 7px 4px;
|
|
background: #e9f4ee;
|
|
border: 1px solid #99c8ad;
|
|
position: absolute;
|
|
right: 12px;
|
|
-moz-outline: 0;
|
|
}
|
|
|
|
#help_link:hover {
|
|
text-decoration: none !important;
|
|
color: #657b97;
|
|
}
|
|
|
|
#help_link.showing {
|
|
right: 46px;
|
|
}
|
|
|
|
#help_link.showing,
|
|
#help_nw.showing {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
#main_help {
|
|
margin-right: -12px;
|
|
margin-top: -3px;
|
|
padding: 4px;
|
|
}
|
|
|
|
.help-box {
|
|
background: #e9f4ee;
|
|
overflow: auto;
|
|
margin-right: -10px;
|
|
padding-left: 10px;
|
|
border: 1px solid #99c8ad;
|
|
margin-top: -1px;
|
|
}
|
|
|
|
.help-box h4 {
|
|
color: #416e6e;
|
|
}
|
|
|
|
#acp-help-contents {
|
|
padding: 6px;
|
|
max-height: 150px;
|
|
overflow: auto;
|
|
border: 1px solid #f0f8f4;
|
|
background: #fcfefd;
|
|
line-height: 150%;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
#acp-help-contents li {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
#acp-help-contents ul li {
|
|
list-style-type: disc;
|
|
}
|
|
|
|
#acp-help-contents ol li {
|
|
list-style-type: decimal;
|
|
}
|
|
|
|
#acp-help-contents .acp-help-note {
|
|
background-color: #fffbda;
|
|
padding: 8px 20px;
|
|
color: #54553f;
|
|
}
|
|
|
|
#acp-help-contents .acp-help-example {
|
|
background-color: #d9eff3;
|
|
padding: 8px 20px;
|
|
color: #3f5255;
|
|
}
|
|
|
|
#acp-help-contents .acp-help-warning {
|
|
background-color: #f5d3d3;
|
|
padding: 8px 20px;
|
|
color: #594949;
|
|
}
|
|
|
|
/*.warning-box,
|
|
.information-box,
|
|
.help-box
|
|
{
|
|
color: #000;
|
|
border: 1px solid #000;
|
|
background-color: #FCF8C7;
|
|
padding: 6px;
|
|
text-align:left;
|
|
}
|
|
|
|
.warning-box img,
|
|
.information-box img,
|
|
.help-box img
|
|
{
|
|
float:left;
|
|
margin-top: 10px;
|
|
margin-right: 5px;
|
|
vertical-align:middle;
|
|
border: 0px;
|
|
}
|
|
|
|
.warning-box h2,
|
|
.warning-box p,
|
|
.information-box h2,
|
|
.information-box p,
|
|
.help-box h2,
|
|
.help-box p
|
|
{
|
|
padding: 0px;
|
|
margin: 0px;
|
|
margin-left: 60px;
|
|
}
|
|
|
|
.warning-box h2,
|
|
.information-box h2,
|
|
.help-box h2
|
|
{
|
|
padding-bottom: 4px;
|
|
font-size: 14px;
|
|
border-bottom: 1px solid #000;
|
|
}
|
|
|
|
.warning-box
|
|
{
|
|
background-color: #f7e2e2;
|
|
border: 1px solid #af6d6d;
|
|
color: #642f2f;
|
|
}
|
|
|
|
.warning-box ul
|
|
{
|
|
margin-left: 30px;
|
|
}
|
|
|
|
.help-box
|
|
{
|
|
background-color: #D5EEB6;
|
|
}*/
|
|
|
|
/* LOGIN */
|
|
|
|
#login {
|
|
width: 389px;
|
|
height: 274px;
|
|
background: transparent url(_newimages/acp_login.png) no-repeat;
|
|
margin: 15% auto 0 auto;
|
|
position: relative;
|
|
}
|
|
|
|
#login_submit {
|
|
margin: 0 auto;
|
|
position: absolute;
|
|
bottom: 10px;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
#login_submit input {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
padding: 3px 9px;
|
|
}
|
|
|
|
#login_controls {
|
|
margin: 0 auto;
|
|
position: absolute;
|
|
width: 100%;
|
|
top: 130px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
#login_controls label {
|
|
display: block;
|
|
width: 35%;
|
|
color: #fff;
|
|
float: left;
|
|
clear: both;
|
|
margin-bottom: 12px;
|
|
text-align: right;
|
|
padding-right: 15px;
|
|
}
|
|
|
|
#login_controls input {
|
|
margin-bottom: 12px;
|
|
font-size: 14px;
|
|
width: 45%;
|
|
}
|
|
|
|
#login_error {
|
|
position: absolute;
|
|
top: 75px;
|
|
width: 90%;
|
|
left: 4%;
|
|
font-size: 13px;
|
|
background: #942323;
|
|
border: 1px solid #7c2323;
|
|
padding: 4px;
|
|
color: #fff;
|
|
}
|
|
|
|
#redirect {
|
|
width: 389px;
|
|
min-height: 80px;
|
|
margin: 15% auto 0 auto;
|
|
position: relative;
|
|
background: #1d3652;
|
|
color: #fff;
|
|
padding: 15px;
|
|
-moz-border-radius: 10px;
|
|
-webkit-border-radius: 10px;
|
|
}
|
|
|
|
#redirect h2 {
|
|
font-size: 22px;
|
|
display: block !important;
|
|
}
|
|
|
|
#redirect p {
|
|
font-size: 16px;
|
|
}
|
|
|
|
#redirect a {
|
|
color: #657b97;
|
|
display: block;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.redirector {
|
|
background-color: #f6f8fa;
|
|
border: 1px solid #d5dde5;
|
|
padding: 10px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.redirector img.redirect {
|
|
float: left;
|
|
}
|
|
|
|
.redirector div.info {
|
|
text-align: center;
|
|
font-size: 18px;
|
|
margin: 10px;
|
|
}
|
|
|
|
.redirector.complete {
|
|
border: 1px solid #b0ce94;
|
|
background-color: #f1f6ec;
|
|
}
|
|
|
|
.no_items {
|
|
padding: 25px 30px;
|
|
color: #1c2837;
|
|
background-color: #f6f8fa;
|
|
}
|
|
|
|
.clear {
|
|
clear: both;
|
|
}
|
|
|
|
.right-border {
|
|
border-right: 1px solid #1d3652;
|
|
}
|
|
|
|
.bullets ul,
|
|
.bullets ol,
|
|
ul.bullets,
|
|
ol.bullets {
|
|
list-style: disc;
|
|
margin-left: 30px;
|
|
line-height: 150%;
|
|
list-style-image: none;
|
|
}
|
|
|
|
|
|
.hookupdate
|
|
{
|
|
font-weight: bold;
|
|
color: #ff9933;
|
|
}
|
|
|
|
/* Permission */
|
|
|
|
.permission_table {
|
|
border-collapse: separate !important;
|
|
}
|
|
|
|
.permission_table td.section {
|
|
font-size: 12px;
|
|
padding: 4px;
|
|
border: 0;
|
|
background-color: #dae4ed;
|
|
border-bottom: 2px solid #bfcad3 !important;
|
|
border-top: 1px solid #ced8e0;
|
|
}
|
|
|
|
.permission_table .perm {
|
|
font-size: 11px;
|
|
text-align: center;
|
|
padding: 10px !important;
|
|
border-left: 3px solid #fff;
|
|
}
|
|
|
|
/* User agents */
|
|
|
|
#uagents_groups .uagent_list {
|
|
background: #f9fbfc;
|
|
border: 1px solid #b5c5d6;
|
|
height:400px;
|
|
overflow:auto;
|
|
}
|
|
|
|
.uagent_list .uAgentsGRow,
|
|
.uagent_list .uAgentsGRRow
|
|
{
|
|
padding: 8px;
|
|
border-bottom:1px solid #ddd;
|
|
}
|
|
|
|
.uagent_list .uAgentsGHover,
|
|
.uagent_list .uAgentsGRHover
|
|
{
|
|
background-color: #F1F4F7;
|
|
cursor: pointer;
|
|
padding:8px;
|
|
} |