3421 lines
76 KiB
CSS
3421 lines
76 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,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; }
|
|
img { vertical-align: middle }
|
|
|
|
/*-----------------------------------------------*/
|
|
/* Basic styles */
|
|
/*-----------------------------------------------*/
|
|
|
|
#ajax_loading {
|
|
background-color: #6f8f52;
|
|
padding: 5px;
|
|
width: 8%;
|
|
position: fixed;
|
|
top: 0px;
|
|
left: 46%;
|
|
text-align: center;
|
|
color: #fff;
|
|
border-bottom-left-radius: 5px;
|
|
border-bottom-right-radius: 5px;
|
|
-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;
|
|
}
|
|
|
|
html {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
background: #fff;
|
|
font: normal 13px 'Helvetica Neue', helvetica, arial, sans-serif;
|
|
position: relative;
|
|
color: #4c4c4c;
|
|
height: 100%;
|
|
}
|
|
|
|
input, select, textarea {
|
|
font: normal 13px 'Helvetica Neue', helvetica, arial, sans-serif;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: #3287c9;
|
|
}
|
|
|
|
a:hover {
|
|
color: #8f0758;
|
|
}
|
|
|
|
.desctext {
|
|
color: #969a9d;
|
|
font-size: 90%;
|
|
}
|
|
|
|
.left { float: left; }
|
|
.right { float: right !important; }
|
|
.clear { clear: both; }
|
|
.clickable { cursor: pointer; }
|
|
.clearfix, .context_menu { zoom: 1 } /* IE7 hack */
|
|
.clearfix:after, .context_menu:after {
|
|
content: ".";
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
visibility: hidden;
|
|
}
|
|
.center {
|
|
text-align: center;
|
|
}
|
|
.pad {
|
|
padding: 10px;
|
|
}
|
|
.larger_text {
|
|
font-size: 110%;
|
|
}
|
|
|
|
.ipsList { }
|
|
|
|
.ipsList_inline, .ipsList_inline > li {
|
|
display: inline;
|
|
}
|
|
|
|
#modal {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: url( images/trans_bg.png );
|
|
position: absolute;
|
|
top: 50px; bottom: 0;
|
|
left: 0; right: 0;
|
|
z-index: 16000;
|
|
}
|
|
|
|
.modal {
|
|
background-color: #3e3e3e;
|
|
}
|
|
|
|
/****************************************************/
|
|
/* GLOBAL INTERFACE */
|
|
/****************************************************/
|
|
|
|
#header {
|
|
background: url( images/header_bg.png ) repeat-x;
|
|
padding: 0 15px;
|
|
color: #d4d4d4;
|
|
text-shadow: 0px 1px 1px rgba(0,0,0,0.6);
|
|
font-size: 11px;
|
|
z-index: 16500;
|
|
}
|
|
|
|
#header .logged_in {
|
|
margin-left: 20px;
|
|
display: inline-block;
|
|
}
|
|
|
|
#header #user_links {
|
|
margin-left: 15px;
|
|
}
|
|
|
|
#header #user_links a {
|
|
display: inline-block;
|
|
padding: 4px 10px;
|
|
-moz-border-radius: 10px;
|
|
-webkit-border-radius: 10px;
|
|
border-radius: 10px;
|
|
background: #262626; /* old browsers */
|
|
background: -moz-linear-gradient(top, #262626 0%, #333333 100%); /* firefox */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#262626), color-stop(100%,#333333)); /* webkit */
|
|
text-shadow: none;
|
|
color: #d4d4d4;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
#header #user_links a:hover {
|
|
background: #565656;
|
|
color: #fff;
|
|
}
|
|
|
|
#search {
|
|
height: 52px;
|
|
line-height: 52px;
|
|
}
|
|
|
|
#search #acpSearchKeyword { /*#search #search_field {*/
|
|
border: 0;
|
|
-moz-border-radius: 2px;
|
|
-webkit-border-radius: 2px;
|
|
border-radius: 2px;
|
|
padding: 6px 28px 6px 6px;
|
|
font-size: 13px;
|
|
min-width: 220px;
|
|
margin-left: 5px;
|
|
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.4) inset;
|
|
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.4) inset;
|
|
box-shadow: 1px 1px 2px rgba(0,0,0,0.4) inset;
|
|
}
|
|
|
|
#search #acpSearchKeyword.inactive { /*#search #search_field.inactive {*/
|
|
color: #c1c1c1;
|
|
}
|
|
|
|
#acp_loading {
|
|
position: absolute;
|
|
right: 6px;
|
|
top: 18px;
|
|
}
|
|
|
|
#app_bar {
|
|
background: url( images/app_bar_bg.png ) repeat-x;
|
|
min-height: 51px;
|
|
padding: 12px 15px 3px;
|
|
}
|
|
|
|
#app_bar > ul > li {
|
|
float: left;
|
|
font-size: 16px;
|
|
font-weight: 300;
|
|
color: #fff;
|
|
margin-right: 15px;
|
|
text-shadow: 0px 1px 1px rgba(0,0,0,0.6);
|
|
}
|
|
|
|
#app_bar > ul > li > a {
|
|
color: #fff;
|
|
height: 40px;
|
|
padding: 0 10px;
|
|
line-height: 40px;
|
|
display: block;
|
|
}
|
|
|
|
/*#app_bar > ul > li > a:hover,*/
|
|
#app_bar > ul > li.current > a {
|
|
background: #3f6fa2;
|
|
color: #fff;
|
|
-moz-border-radius: 2px;
|
|
}
|
|
|
|
#app_bar > ul > li.active {
|
|
background: transparent url( images/app_tab_left.png ) no-repeat top left;
|
|
}
|
|
|
|
#app_bar > ul > li.active > a {
|
|
color: #fff;
|
|
margin-left: 8px;
|
|
padding-right: 17px;
|
|
background: transparent url( images/app_tab_right.png ) no-repeat top right;
|
|
}
|
|
|
|
#edit_tabs {
|
|
line-height: 40px; /* 52px height - 12px padding on parent */
|
|
color: #6390bf;
|
|
font-size: 11px;
|
|
}
|
|
|
|
#edit_tabs:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
/* App menu */
|
|
.app_menu ul {
|
|
position: absolute;
|
|
z-index: 20000;
|
|
text-shadow: none;
|
|
font: normal 13px 'Helvetica Neue', helvetica, arial, sans-serif;
|
|
color: #000;
|
|
min-width: 200px;
|
|
-moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.4);
|
|
-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.4);
|
|
box-shadow: 0px 5px 10px rgba(0,0,0,0.4);
|
|
margin-top: -2px;
|
|
border: 1px solid #ac156d;
|
|
border-top: 4px solid #ac156d;
|
|
}
|
|
|
|
.app_menu ul li > a,
|
|
.app_menu ul li > span {
|
|
color: #811052;
|
|
display: block;
|
|
padding: 8px 20px 8px 8px;
|
|
position: relative;
|
|
outline: 0;
|
|
}
|
|
|
|
.app_menu ul li {
|
|
background: #f7eff5;
|
|
position: relative;
|
|
cursor: default;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/*.app_menu ul li:hover {
|
|
background: #ce1b7b url( images/app_menu_highlight.png ) repeat-x top;
|
|
color: #fff;
|
|
}*/
|
|
|
|
.app_menu ul li.current {
|
|
color: #fff;
|
|
background: rgb(206,60,115);
|
|
background: -moz-linear-gradient(top, rgba(206,60,115,1) 0%, rgba(174,25,88,1) 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,60,115,1)), color-stop(100%,rgba(174,25,88,1)));
|
|
}
|
|
|
|
.app_menu ul li.current > a,
|
|
.app_menu ul li.current > span {
|
|
color: #fff;
|
|
}
|
|
|
|
.app_menu ul li:hover > a:active, .app_menu ul li:hover > span:active {
|
|
background: #ce1b7b url( images/app_menu_highlight.png ) repeat-x bottom;
|
|
}
|
|
|
|
.app_menu ul li.has_sub .menu_arrow {
|
|
position: absolute;
|
|
right: 5px;
|
|
top: 10px;
|
|
background: url( images/menu_has_sub.png ) no-repeat bottom;
|
|
width: 9px;
|
|
height: 10px;
|
|
text-indent: -2000em;
|
|
}
|
|
|
|
.app_menu li.has_sub.current > a .menu_arrow,
|
|
.app_menu li.has_sub.current > span .menu_arrow {
|
|
background-position: top;
|
|
}
|
|
|
|
.app_menu ul ul li {
|
|
padding: 0;
|
|
}
|
|
|
|
#breadcrumb {
|
|
font-size: 11px;
|
|
color: #9b9b9b;
|
|
padding: 0px;
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
#breadcrumb a {
|
|
color: #9b9b9b;
|
|
}
|
|
|
|
#breadcrumb li {
|
|
display: inline;
|
|
}
|
|
|
|
#breadcrumb .nav_sep {
|
|
display: inline-block;
|
|
margin: 0 6px;
|
|
}
|
|
|
|
#page_body {
|
|
margin: 0;
|
|
width: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
#page_body.open_menu #section_navigation {
|
|
display: block;
|
|
}
|
|
|
|
#page_body.open_menu #main_content {
|
|
margin-left: 195px;
|
|
}
|
|
|
|
#section_navigation {
|
|
width: 195px;
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
background: #f4fbff;
|
|
border-right: 1px solid #cceffc;
|
|
border-bottom: 1px solid #cceffc;
|
|
-moz-box-shadow: -2px 3px 4px rgba(175,212,241,0.15) inset;
|
|
-webkit-box-shadow: -2px 3px 4px rgba(175,212,241,0.15) inset;
|
|
box-shadow: -2px 3px 4px rgba(175,212,241,0.15) inset;
|
|
padding: 25px 0 0 0px;
|
|
}
|
|
|
|
#section_navigation > ul > li {
|
|
padding: 5px 0 10px 10px;
|
|
line-height: 1.5;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: #383838;
|
|
}
|
|
|
|
#section_navigation a {
|
|
color: #383838;
|
|
}
|
|
|
|
#section_navigation ul ul {
|
|
margin: 5px 0 0 10px;
|
|
font-size: 11px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#section_navigation li.active {
|
|
background: #fff;
|
|
position: relative;
|
|
border: 1px solid #cceffc;
|
|
padding: 4px 0 9px 10px;
|
|
border-right: 0;
|
|
border-left: 0;
|
|
-moz-box-shadow: -2px 3px 4px rgba(175,212,241,0.15) inset;
|
|
-webkit-box-shadow: -2px 3px 4px rgba(175,212,241,0.15) inset;
|
|
box-shadow: -2px 3px 4px rgba(175,212,241,0.15) inset;
|
|
-moz-border-radius-topleft: 3px;
|
|
-moz-border-radius-bottomleft: 3px;
|
|
border-top-left-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
}
|
|
|
|
#section_navigation li.active ul {
|
|
display: block;
|
|
}
|
|
|
|
#toggle_sidebar {
|
|
display: block;
|
|
position: absolute;
|
|
z-index: 9999;
|
|
text-indent: -2000em;
|
|
top: 0;
|
|
left: 0;
|
|
outline: 0;
|
|
}
|
|
|
|
.open_menu #toggle_sidebar {
|
|
width: 195px;
|
|
height: 13px;
|
|
background: #e5f2f9 url( images/sidebar_toggle_close.png ) no-repeat top left;
|
|
}
|
|
|
|
.open_menu #toggle_sidebar:hover {
|
|
background: #cceffc url( images/sidebar_toggle_close.png ) no-repeat bottom left;
|
|
}
|
|
|
|
.close_menu #toggle_sidebar {
|
|
bottom: 0;
|
|
width: 8px;
|
|
background: #e5f2f9 url( images/sidebar_toggle_open.png ) no-repeat top left;
|
|
}
|
|
|
|
.close_menu #toggle_sidebar:hover {
|
|
width: 15px;
|
|
background: #cceffc url( images/sidebar_toggle_open.png ) no-repeat top right;
|
|
}
|
|
|
|
#main_content {
|
|
padding: 15px;
|
|
min-height: 300px;
|
|
}
|
|
|
|
#footer {
|
|
margin: 20px 15px 0;
|
|
padding: 10px 15px;
|
|
font-size: 11px;
|
|
text-align: center;
|
|
color: #9a9a9a;
|
|
}
|
|
|
|
#footer a {
|
|
color: #9a9a9a;
|
|
}
|
|
#footer a:hover {
|
|
color: #8f0758;
|
|
}
|
|
|
|
/****************************************************/
|
|
/* LIVE SEARCH */
|
|
/****************************************************/
|
|
#search {
|
|
position: relative;
|
|
}
|
|
|
|
#live_search_results {
|
|
background: #fff;
|
|
-moz-border-radius-bottomright: 4px;
|
|
-moz-border-radius-bottomleft: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
-moz-box-shadow: -3px 5px 8px rgba(0,0,0,0.15);
|
|
-webkit-box-shadow: -3px 5px 8px rgba(0,0,0,0.15);
|
|
box-shadow: -3px 5px 8px rgba(0,0,0,0.15);
|
|
position: absolute;
|
|
right: 10px;
|
|
width: 800px;
|
|
z-index: 25000;
|
|
}
|
|
|
|
#ls_sections, #ls_results {
|
|
height: 300px;
|
|
float: left;
|
|
}
|
|
|
|
#ls_sections {
|
|
width: 159px;
|
|
background: #ededed;
|
|
border-right: 1px solid #d9d9d9;
|
|
-moz-border-radius-bottomleft: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
position: relative;
|
|
}
|
|
#ls_sections li {
|
|
padding: 7px 12px 7px 7px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
position: relative;
|
|
cursor: pointer;
|
|
border-top: 1px solid #ededed;
|
|
border-bottom: 1px solid #ededed;
|
|
}
|
|
|
|
#ls_sections li:hover {
|
|
background: #e6e5e5;
|
|
}
|
|
|
|
#ls_sections li.active {
|
|
background: #fff;
|
|
right: -1px;
|
|
border-top: 1px solid #d9d9d9;
|
|
border-bottom: 1px solid #d9d9d9;
|
|
cursor: default;
|
|
}
|
|
#ls_sections li:first-child.active {
|
|
border-top: 1px solid #fff;
|
|
}
|
|
#ls_sections li.active .count {
|
|
background: #eaeaea;
|
|
}
|
|
|
|
#ls_sections li.disabled {
|
|
color: #cbcbcb;
|
|
cursor: default;
|
|
}
|
|
#ls_sections li.disabled:hover {
|
|
background-color: transparent;
|
|
}
|
|
|
|
#ls_sections li#ls_marketplace {
|
|
position: absolute;
|
|
bottom: 0; right: -1px; left: 0;
|
|
color: #ab156d;
|
|
text-align: center;
|
|
}
|
|
|
|
#ls_sections .count {
|
|
position: absolute;
|
|
right: 8px;
|
|
top: 7px;
|
|
font-size: 9px;
|
|
padding: 1px 5px;
|
|
background: #dbdbdb;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
#ls_results {
|
|
width: 640px;
|
|
position: relative;
|
|
}
|
|
|
|
#ls_results > div {
|
|
position: absolute;
|
|
top: 30px;
|
|
right: 10px;
|
|
bottom: 30px;
|
|
left: 10px;
|
|
overflow: auto;
|
|
}
|
|
|
|
#ls_results ul {
|
|
line-height: 1.7;
|
|
margin: 0px 0 0 20px;
|
|
}
|
|
|
|
#ls_results li.even,
|
|
#ls_results li.odd {
|
|
float: left;
|
|
width: 48%;
|
|
padding: 5px 0;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
#ls_marketplace_panel .pad {
|
|
font-size: 17px;
|
|
text-align: center;
|
|
line-height: 1.5;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
#ls_forums_panel li {
|
|
line-height: 1.2;
|
|
padding: 5px 0;
|
|
}
|
|
|
|
#ls_results img {
|
|
width: 30px;
|
|
height: 30px;
|
|
margin-right: 5px;
|
|
border: 1px solid #d8d8d8;
|
|
}
|
|
|
|
#ls_results .desctext {
|
|
font-size: 11px;
|
|
}
|
|
|
|
#ls_no_results {
|
|
font-size: 16px;
|
|
color: #9e9e9e;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 47%;
|
|
text-align: center;
|
|
}
|
|
|
|
#ls_stem {
|
|
position: absolute;
|
|
top: -18px;
|
|
right: 180px;
|
|
}
|
|
|
|
.livesearch-groups {
|
|
font-style: italic;
|
|
color: #000;
|
|
}
|
|
|
|
/****************************************************/
|
|
/* GENERAL PAGE STYLES */
|
|
/****************************************************/
|
|
.section_title h2 {
|
|
font-size: 26px;
|
|
font-weight: 300;
|
|
margin-bottom: 15px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.section_info {
|
|
margin-top: -15px;
|
|
margin-bottom: 25px;
|
|
color: #7f7f7f;
|
|
line-height: 1.5;
|
|
font: 13px/1.3 "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
table.double_pad td {
|
|
padding: 15px;
|
|
}
|
|
|
|
/****************************************************/
|
|
/* BLOCK STYLES */
|
|
/****************************************************/
|
|
.acp-box, .ipsBlock {
|
|
-moz-box-shadow: 0 0px 14px rgba(138,138,138,0.2);
|
|
-webkit-box-shadow: 0 0px 14px rgba(138,138,138,0.2);
|
|
box-shadow: 0 0px 14px rgba(138,138,138,0.2);
|
|
border: 1px solid #d7e6f0;
|
|
-moz-border-radius-topleft: 5px;
|
|
-moz-border-radius-topright: 5px;
|
|
border-top-left-radius: 5px;
|
|
border-top-right-radius: 5px;
|
|
}
|
|
|
|
.acp-box.alt, .ipsBlock.alt {
|
|
border-color: #e8dbe3;
|
|
}
|
|
|
|
.acp-box h3, .ipsBlock_title {
|
|
background: #23456b url( images/acpBlockTitle.png ) repeat-x;
|
|
color: #fff;
|
|
font-size: 16px;
|
|
font-weight: 300;
|
|
padding: 0 10px;
|
|
height: 36px;
|
|
line-height: 36px;
|
|
text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
|
|
border-bottom: 1px solid #2d3e52;
|
|
-moz-border-radius-topleft: 5px;
|
|
-moz-border-radius-topright: 5px;
|
|
border-top-left-radius: 5px;
|
|
border-top-right-radius: 5px;
|
|
}
|
|
|
|
pre .acp-box h3 {
|
|
font-family: 'Helvetica Neue',helvetica,arial,sans-serif !important;
|
|
}
|
|
|
|
.acp-box.alt h3, .ipsBlock_title.alt {
|
|
background: #ab166e url( images/acpBlockTitle_alt.png ) repeat-x;
|
|
border-bottom: 1px solid #851256;
|
|
}
|
|
|
|
.acp-box h3 .loading {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.ipsBlock_titlelink {
|
|
float: right;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
padding: 5px 8px;
|
|
display: inline-block;
|
|
color: #fff;
|
|
text-shadow: none;
|
|
font-size: 12px;
|
|
background: #19395d;
|
|
line-height: 1;
|
|
margin-top: 9px;
|
|
-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.2) inset;
|
|
-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.2) inset;
|
|
box-shadow: 2px 2px 4px rgba(0,0,0,0.2) inset;
|
|
}
|
|
|
|
.ipsBlock_titlelink:hover {
|
|
background: #ab156d;
|
|
color: #fff;
|
|
}
|
|
|
|
/****************************************************/
|
|
/* FORM ELEMENT STYLES */
|
|
/****************************************************/
|
|
.textinput, .multitext, .input_text, .ipsTagBox_wrapper {
|
|
padding: 4px;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-top-color: #848484;
|
|
border-left-color: #c1c1c1;
|
|
border-right-color: #c1c1c1;
|
|
border-bottom-color: #e1e1e1;
|
|
background: #fff;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px;
|
|
width: 350px;
|
|
}
|
|
|
|
.textinput:focus, .multitext:focus, .input_text:focus {
|
|
border-top-color: #4e4e4e;
|
|
border-left-color: #7c7c7c;
|
|
border-right-color: #7c7c7c;
|
|
border-bottom-color: #a3a3a3;
|
|
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
|
|
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
|
|
box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
|
|
}
|
|
|
|
.textinput.no_width, .input_text {
|
|
width: auto;
|
|
}
|
|
|
|
input.inactive, select.inactive {
|
|
color: #c4c4c4;
|
|
}
|
|
|
|
select {
|
|
padding: 1px;
|
|
}
|
|
|
|
.acp-actionbar {
|
|
background: #f5f5f5;
|
|
border-top: 1px solid #d7d7d7;
|
|
padding: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
.rightaction {
|
|
text-align: right;
|
|
}
|
|
|
|
.button, .realbutton{
|
|
padding: 5px 19px;
|
|
border: 0;
|
|
background: #363636;
|
|
color: #fff !important;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.button.redbutton, .realbutton.redbutton {
|
|
background-color: #a31d1d;
|
|
border-color: #661515;
|
|
}
|
|
|
|
.mini_button, .mini_button.secondary {
|
|
display: inline-block;
|
|
padding: 6px 10px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
background: rgb(209,47,112);
|
|
background: -moz-linear-gradient(top, rgba(209,47,112,1) 0%, rgba(173,17,85,1) 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(209,47,112,1)), color-stop(100%,rgba(173,17,85,1)));
|
|
color: #fff;
|
|
font-size: 11px;
|
|
margin-left: 10px;
|
|
cursor: pointer;
|
|
border: 1px solid #78124f;
|
|
text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
|
|
}
|
|
.mini_button:hover {
|
|
background: #d12f70;
|
|
}
|
|
|
|
.mini_button.secondary {
|
|
background: rgb(178,178,178);
|
|
background: -moz-linear-gradient(top, rgba(178,178,178,1) 0%, rgba(134,134,134,1) 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(178,178,178,1)), color-stop(100%,rgba(134,134,134,1)));
|
|
border: 1px solid #797979;
|
|
}
|
|
|
|
.mini_button.secondary:hover {
|
|
background: #b2b2b2;
|
|
}
|
|
|
|
span.yesno_yes, span.yesno_no {
|
|
display: inline-block !important;
|
|
padding: 3px;
|
|
min-width: 50px;
|
|
max-width: 60px;
|
|
text-align: center;
|
|
height: 20px !important;
|
|
}
|
|
|
|
span.yesno_yes input, span.yesno_no input {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
span.yesno_yes label, span.yesno_no label {
|
|
display: inline-block !important;
|
|
font-weight: normal !important;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
|
|
|
|
span.yesno_yes {
|
|
background: #e3f6e5;
|
|
border: 1px solid #b4e3b9;
|
|
border-right: 0;
|
|
border-top-left-radius: 6px;
|
|
border-bottom-left-radius: 6px;
|
|
-moz-border-radius-topleft: 6px;
|
|
-moz-border-radius-bottomleft: 6px;
|
|
}
|
|
|
|
span.yesno_no {
|
|
background: #f6e3e3;
|
|
border: 1px solid #e3b4b4;
|
|
border-left: 0;
|
|
border-top-right-radius: 6px;
|
|
border-bottom-right-radius: 6px;
|
|
-moz-border-radius-topright: 6px;
|
|
-moz-border-radius-bottomright: 6px;
|
|
}
|
|
|
|
.ipsCancel {
|
|
color: #aa072e;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#ipboard_body .ips_editor { margin: 0 !important; }
|
|
|
|
/****************************************************/
|
|
/* BASE TABLE STYLES */
|
|
/****************************************************/
|
|
.ipsTable, .form_table {
|
|
width: 100%;
|
|
}
|
|
|
|
.ipsTable.no_background td {
|
|
background: transparent;
|
|
}
|
|
|
|
.header,
|
|
.ipsTable th, .form_table th {
|
|
background: #d6e4f1;
|
|
color: #246594;
|
|
text-shadow: 1px 1px 0 #d4e1ef;
|
|
padding: 10px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.acp-box.alt .ipsTable th {
|
|
background: #F7E4ED;
|
|
color: #96235D;
|
|
text-shadow: 1px 1px 0 #EDD3E0;
|
|
}
|
|
|
|
.ipsTable th.subhead,
|
|
.ipsTable td.subhead,
|
|
.form_table th.subhead,
|
|
.form_table td.subhead
|
|
{
|
|
background: #eaf1f7;
|
|
}
|
|
|
|
.ipsTable td, .form_table td {
|
|
padding: 10px;
|
|
}
|
|
|
|
table .field_title {
|
|
width: 25%;
|
|
max-width: 280px;
|
|
min-width: 230px;
|
|
vertical-align: top;
|
|
text-align: right;
|
|
}
|
|
|
|
.field_title .title, .form_table td label {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
display: block;
|
|
text-align: right;
|
|
}
|
|
|
|
.field_highlight {
|
|
color: #d27f29;
|
|
text-transform: uppercase;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.required {
|
|
color: #b53300;
|
|
font-weight: bold;
|
|
font-size: 13px;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
._red, ._red td
|
|
{
|
|
background: #f2e4e7 !important;
|
|
}
|
|
|
|
._amber
|
|
{
|
|
background: #F9F7E0 !important;
|
|
}
|
|
|
|
.ipsTable tr:nth-child(odd) td,
|
|
.ipsTable tbody:nth-child(odd) td,
|
|
table.alternate_rows tr:nth-child(odd) td,
|
|
ul.alternate_rows li:nth-child(odd) .ipsTable tr td,
|
|
ul.alternate_rows li:nth-child(odd),
|
|
.row2 { /* Special case for settings */
|
|
background: #f5f8fa;
|
|
}
|
|
|
|
.ipsTable tr:nth-child(even) td,
|
|
.ipsTable tbody:nth-child(even) td,
|
|
table.alternate_rows tr:nth-child(even) td,
|
|
ul.alternate_rows li:nth-child(even) .ipsTable tr td,
|
|
ul.alternate_rows li:nth-child(even),
|
|
.row1 { /* Special case for settings */
|
|
background: #fff;
|
|
}
|
|
|
|
.acp-box.alt .ipsTable tr:nth-child(odd) td,
|
|
.acp-box.alt .alternate_rows tr:nth-child(odd) td,
|
|
.acp-box.alt ul.alternate_rows li:nth-child(odd) .ipsTable tr td,
|
|
.acp-box.alt .row2 { /* Special case for settings */
|
|
background: #faf6f8;
|
|
}
|
|
|
|
.ipsTable .col_buttons { vertical-align: top; }
|
|
|
|
.ipsTable .col_drag, .form_table .col_drag {
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
text-align: left;
|
|
max-width: 15px !important;
|
|
width: 15px !important;
|
|
min-width: 15px !important;
|
|
}
|
|
|
|
.col_buttons {
|
|
min-width: 90px;
|
|
}
|
|
|
|
.no_messages {
|
|
padding: 20px !important;
|
|
}
|
|
|
|
.no_pad {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
tr.ipsControlRow {
|
|
width: 100%;
|
|
}
|
|
|
|
/* sortable */
|
|
.ipsTable .sortable:hover {
|
|
background: #c4d7e9;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ipsTable .sortable p {
|
|
position: relative;
|
|
}
|
|
|
|
.ipsTable .sortable span {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 2px;
|
|
width: 13px;
|
|
height: 13px;
|
|
background-image: url( images/sortable_arrows.png );
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.ipsTable .sortable.active {
|
|
background: #7ba3c9;
|
|
background: -moz-linear-gradient(top, #769ec3 0%, #c0d4e7 100%); /* firefox */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#769ec3), color-stop(100%,#c0d4e7)); /* webkit */
|
|
color: #0b5794;
|
|
-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.2) inset;
|
|
-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.2) inset;
|
|
box-shadow: 0px 2px 3px rgba(0,0,0,0.2) inset;
|
|
}
|
|
|
|
.ipsTable .sortable span { opacity: 0.1; }
|
|
.ipsTable .sortable:hover span { opacity: 0.5; }
|
|
.ipsTable .sortable.active span { opacity: 1; }
|
|
|
|
.ipsTable .sortable.active.desc span {
|
|
background-position: left bottom;
|
|
}
|
|
.ipsTable .sortable.desc span {
|
|
background-position: left top;
|
|
}
|
|
.ipsTable .sortable.active.asc span {
|
|
background-position: right bottom;
|
|
}
|
|
.ipsTable .sortable.asc span {
|
|
background-position: right top;
|
|
}
|
|
|
|
/****************************************************/
|
|
/* DRAG STYLES */
|
|
/****************************************************/
|
|
.draghandle {
|
|
text-indent: -2000em;
|
|
display: inline-block;
|
|
width: 6px;
|
|
height: 16px;
|
|
background: url( images/ipsDragHandle.png ) no-repeat;
|
|
opacity: 0.5;
|
|
cursor: move;
|
|
}
|
|
|
|
.draghandle img { display: none; } /* Hide legacy dragger */
|
|
|
|
.ipsDragParent tr:hover .draghandle {
|
|
opacity: 1;
|
|
}
|
|
|
|
/****************************************************/
|
|
/* ACTION BAR (CONTEXT MENU) STYLES */
|
|
/****************************************************/
|
|
.ipsActionBar, .context_menu {
|
|
background: #eaeef4;
|
|
padding: 5px;
|
|
margin: -15px 0 15px 0;
|
|
border-top: 1px solid #ccd4e5;
|
|
border-top: 0;
|
|
}
|
|
|
|
.ipsActionBar > ul > li, .context_menu > li, .ipsToggleBar > ul > li {
|
|
float: left;
|
|
}
|
|
|
|
.ipsActionBar .non_button {
|
|
padding: 6px 0;
|
|
display: inline-block;
|
|
}
|
|
|
|
.ipsActionButton a, .context_menu li a {
|
|
padding: 0 10px;
|
|
margin-right: 5px;
|
|
display: inline-block;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
background: #FFFFFF; /* old browsers */
|
|
background: -moz-linear-gradient(top, #FFFFFF 0%, #F6F9FA 3%, #E4EEF3 100%); /* firefox */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(3%,#F6F9FA), color-stop(100%,#E4EEF3)); /* webkit */
|
|
font-size: 12px;
|
|
border: 1px solid #afd4f1;
|
|
color: #0b5794;
|
|
text-shadow: 1px 1px 0 #f4f7fa;
|
|
height: 26px;
|
|
line-height: 26px;
|
|
outline: none;
|
|
}
|
|
|
|
.ipsActionButton:hover a, .context_menu li:hover a {
|
|
-moz-box-shadow: 0px 0px 2px rgba(0,174,239,0.4);
|
|
-webkit-box-shadow: 0px 0px 2px rgba(0,174,239,0.4);
|
|
box-shadow: 0px 0px 2px rgba(0,174,239,0.4);
|
|
border-color: #73a2c3;
|
|
}
|
|
|
|
.ipsActionButton:active a, .context_menu li:active a {
|
|
background: #E4EEF3; /* old browsers */
|
|
background: -moz-linear-gradient(top, #E4EEF3 0%, #F4F8FA 100%); /* firefox */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E4EEF3), color-stop(100%,#F4F8FA)); /* webkit */
|
|
}
|
|
|
|
.ipsActionButton.active a, .context_menu li.active a {
|
|
background: #CE3C92; /* old browsers */
|
|
background: -moz-linear-gradient(top, #CE3C92 0%, #AB156D 100%); /* firefox */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CE3C92), color-stop(100%,#AB156D)); /* webkit */
|
|
color: #fff;
|
|
text-shadow: -1px -1px 0 #97115f;
|
|
border-color: #9d1263;
|
|
}
|
|
|
|
.ipsActionButton.disabled a, .context_menu li.disabled a {
|
|
color: #99a8b4;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.ipsActionButton.disabled img { opacity: 0.6; }
|
|
|
|
.ipsActionButton.disabled:hover a, .context_menu li.disabled:hover a {
|
|
-moz-box-shadow: none;
|
|
box-shadow: none;
|
|
border-color: #afd4f1;
|
|
cursor: default;
|
|
}
|
|
|
|
.ipsActionButton a, .context_menu li a {
|
|
color: #0b5794;
|
|
}
|
|
|
|
.ipsActionButton img, .context_menu li img {
|
|
margin: -2px 5px 0 0;
|
|
}
|
|
|
|
.ipsActionButton.green a {
|
|
background: #6CAA00; /* old browsers */
|
|
background: -moz-linear-gradient(top, #8FC400 0%, #6CAA00 100%); /* firefox */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8FC400), color-stop(100%,#6CAA00)); /* webkit */
|
|
border: 1px solid #689e07;
|
|
text-shadow: -1px -1px 0 #689e07;
|
|
color: #FFF;
|
|
}
|
|
|
|
.ipsActionButton.red a {
|
|
background: #CF0404; /* old browsers */
|
|
background: -moz-linear-gradient(top, #FF3019 0%, #CF0404 100%); /* firefox */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF3019), color-stop(100%,#CF0404)); /* webkit */
|
|
border: 1px solid #b00303;
|
|
text-shadow: -1px -1px 0 #b00303;
|
|
color: #FFF;
|
|
}
|
|
|
|
/* In dev button styles */
|
|
.ipsActionBar > ul > li.inDev {
|
|
float: right;
|
|
display: none;
|
|
}
|
|
|
|
/* Secondary actions lit up */
|
|
.ipsActionButton.closed a, .context_menu li.closed a {
|
|
background: #AB156D; /* old browsers */
|
|
background: -moz-linear-gradient(top, #FFFFFF 0%, #CE3C92 3%, #AB156D 100%); /* firefox */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(3%,#CE3C92), color-stop(100%,#AB156D)); /* webkit */
|
|
border: 1px solid #8c1159;
|
|
text-shadow: -1px -1px 0 #8f115b;
|
|
color: #fff;
|
|
}
|
|
|
|
.ipsActionButton.closed:hover a,.context_menu li.closed:hover a {
|
|
-moz-box-shadow: 0px 0px 2px rgba(143,17,91,0.4);
|
|
-webkit-box-shadow: 0px 0px 2px rgba(143,17,91,0.4);
|
|
box-shadow: 0px 0px 2px rgba(143,17,91,0.4);
|
|
border-color: #8f115b;
|
|
}
|
|
|
|
.ipsActionButton.closed:active a,.context_menu li.closed:active a {
|
|
background: #E4EEF3; /* old browsers */
|
|
background: -moz-linear-gradient(top, #CE3C92 0%, #AB156D 100%); /* firefox */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CE3C92), color-stop(100%,#AB156D)); /* webkit */
|
|
}
|
|
|
|
/* Separate styles for toggle buttons */
|
|
.ipsToggleBar .ipsActionButton a {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.ipsToggleBar .ipsActionButton a {
|
|
border-right-width: 0;
|
|
-moz-border-radius: 0;
|
|
border-radius: 0;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.ipsToggleBar .ipsActionButton:first-child a {
|
|
-moz-border-radius-topleft: 3px;
|
|
-moz-border-radius-bottomleft: 3px;
|
|
border-top-left-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
}
|
|
.ipsToggleBar .ipsActionButton:last-child a {
|
|
-moz-border-radius-topright: 3px;
|
|
-moz-border-radius-bottomright: 3px;
|
|
border-top-right-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
border-right-width: 1px;
|
|
}
|
|
|
|
.ipsToggleBar .ipsActionButton:hover + li a {
|
|
border-left-color: #73a2c3;
|
|
}
|
|
|
|
.ipsToggleBar .ipsActionButton.active a {
|
|
border-width: 1px;
|
|
}
|
|
|
|
/****************************************************/
|
|
/* TAB STYLES */
|
|
/****************************************************/
|
|
.ipsTabBar {
|
|
max-width: 100%;
|
|
height: 30px;
|
|
padding: 10px 10px 0 20px;
|
|
background: #849cb7;
|
|
overflow: hidden !important;
|
|
position: relative;
|
|
}
|
|
|
|
.ipsTabBar ul {
|
|
height: 30px;
|
|
width: 100%;
|
|
display: inline;
|
|
white-space: nowrap;
|
|
position: relative;
|
|
}
|
|
|
|
.ipsTabBar li {
|
|
display: inline-block;
|
|
padding: 7px 10px;
|
|
font-size: 13px;
|
|
background: #40638B; /* old browsers */
|
|
background: -moz-linear-gradient(top, #40638B 0%, #40638B 68%, #2C5789 100%); /* firefox */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#40638B), color-stop(68%,#40638B), color-stop(100%,#2C5789)); /* webkit */
|
|
color: #d7eaf8;
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
-moz-border-radius-topleft: 3px;
|
|
-moz-border-radius-topright: 3px;
|
|
border-top-left-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
}
|
|
|
|
.ipsTabBar li a { color: #d7eaf8; }
|
|
.ipsTabBar li.active a { color: #000; }
|
|
|
|
.ipsTabBar li.active {
|
|
background: #fff;
|
|
color: #000;
|
|
-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
|
|
-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
|
|
box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
|
|
cursor: default;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.ipsTabBar_content {
|
|
position: relative;
|
|
}
|
|
|
|
.ipsTabBar_content > div {
|
|
position: relative;
|
|
top: 00px;
|
|
right: 00px;
|
|
left: 00px;
|
|
}
|
|
|
|
.tab_left, .tab_right {
|
|
position: absolute;
|
|
background: #173451;
|
|
color: #fff;
|
|
width: 16px;
|
|
height: 36px;
|
|
top: 4px;
|
|
line-height: 36px;
|
|
text-align: center;
|
|
z-index: 10000;
|
|
cursor: pointer;
|
|
}
|
|
.tab_left {
|
|
left: 0px;
|
|
-moz-border-radius-topright: 3px;
|
|
border-top-right-radius: 3px;
|
|
-moz-box-shadow: 3px 0 5px #365b81;
|
|
-webkit-box-shadow: 3px 0 5px #365b81;
|
|
box-shadow: 3px 0 5px #365b81;
|
|
}
|
|
.tab_right {
|
|
right: 0px;
|
|
-moz-border-radius-topleft: 3px;
|
|
border-top-left-radius: 3px;
|
|
-moz-box-shadow: -3px 0 5px #365b81;
|
|
-webkit-box-shadow: -3px 0 5px #365b81;
|
|
box-shadow: -3px 0 5px #365b81;
|
|
}
|
|
|
|
/****************************************************/
|
|
/* WIZARD STEPS */
|
|
/****************************************************/
|
|
.ipsSteps_wrap {
|
|
background: #e9eff5;
|
|
padding: 10px;
|
|
}
|
|
|
|
.ipsSteps_wrapper {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.step_content_animating {
|
|
position: absolute;
|
|
top: 0; left: 0; right: 0;
|
|
}
|
|
|
|
.ipsSteps {
|
|
margin-bottom: 10px;
|
|
background: #dee7f1;
|
|
border: 1px solid #fff;
|
|
}
|
|
.ipsSteps ul li {
|
|
float: left;
|
|
padding: 10px 33px 11px 11px;
|
|
color: #323232;
|
|
background-image: url( images/wizard_step_large.png );
|
|
background-repeat: no-repeat;
|
|
background-position: bottom right;
|
|
position: relative;
|
|
}
|
|
|
|
.ipsSteps .steps_active {
|
|
background-position: top right;
|
|
color: #fff;
|
|
}
|
|
|
|
.ipsSteps .steps_done {
|
|
color: #aeaeae;
|
|
}
|
|
|
|
.ipsSteps .steps_disabled {
|
|
color: #aeaeae;
|
|
font-style: italic;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.steps_title {
|
|
display: block;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.steps_desc {
|
|
font-size: 11px;
|
|
}
|
|
|
|
.steps_arrow { display: none; }
|
|
|
|
.steps_active .steps_arrow {
|
|
display: block;
|
|
position: absolute;
|
|
left: -23px;
|
|
top: 0;
|
|
width: 23px;
|
|
height: 54px;
|
|
background: url( images/wizard_step_extra.png ) no-repeat;
|
|
}
|
|
|
|
.ipsSteps ul li:first-child {
|
|
padding-left: 18px;
|
|
}
|
|
|
|
.ipsSteps ul li:first-child .steps_arrow {
|
|
display: none !important;
|
|
}
|
|
|
|
.ipsSteps .clickable:hover {
|
|
cursor: pointer;
|
|
color: #386f9b;
|
|
}
|
|
|
|
/****************************************************/
|
|
/* CONTROL STRIP BUTTONS */
|
|
/****************************************************/
|
|
|
|
.ipsControlStrip {
|
|
float: right;
|
|
opacity: 0.4;
|
|
}
|
|
|
|
.ipsControlRow:hover .ipsControlStrip {
|
|
opacity: 1;
|
|
}
|
|
|
|
.ipsControlStrip a {
|
|
outline: 0;
|
|
}
|
|
|
|
.ipsControlStrip li:first-child, .ipsControlStrip li:first-child a {
|
|
-moz-border-radius-topleft: 4px; border-top-left-radius: 4px;
|
|
-moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px;
|
|
}
|
|
.ipsControlStrip li:last-child, .ipsControlStrip li:last-child a {
|
|
-moz-border-radius-topright: 4px; border-top-right-radius: 4px;
|
|
-moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px;
|
|
}
|
|
|
|
.ipsControlStrip li {
|
|
display: block;
|
|
float: left;
|
|
background: #E4EEF3; /* old browsers */
|
|
background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F8FA 1%, #E4EEF3 100%); /* firefox */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(1%,#F4F8FA), color-stop(100%,#E4EEF3)); /* webkit */
|
|
text-indent: -2000em;
|
|
border: 1px solid #b1d1ea;
|
|
border-right: 0;
|
|
line-height: 16px;
|
|
}
|
|
|
|
.ipsControlStrip li:last-child {
|
|
border-right: 1px solid #b1d1ea;
|
|
}
|
|
|
|
.ipsControlStrip a {
|
|
display: block;
|
|
width: 16px;
|
|
padding: 1px 5px;
|
|
border: 1px solid #fff;
|
|
margin: 0;
|
|
background-image: url( images/menu_icon_sprite.png );
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.ipsControlStrip li.i_text a {
|
|
background: transparent;
|
|
text-indent: 0;
|
|
white-space: nowrap;
|
|
width: auto;
|
|
color: #2d3e52;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.ipsControlStrip li:hover {
|
|
border-color: #136db5;
|
|
}
|
|
|
|
.ipsControlStrip li:hover + li {
|
|
border-left-color: #136db5;
|
|
}
|
|
|
|
.ipsControlStrip_more a {
|
|
padding: 1px 0px;
|
|
height: 16px;
|
|
background: url( images/ipsControlStrip_arrow.png ) no-repeat 5px 8px;
|
|
}
|
|
|
|
/****************************************************/
|
|
/* MENUS */
|
|
/****************************************************/
|
|
|
|
.acp-menu {
|
|
border: 1px solid #aabbcb;
|
|
background: #FAFBFC;
|
|
width: auto;
|
|
white-space: nowrap;
|
|
z-index: 150;
|
|
position: absolute;
|
|
-moz-box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
|
|
-webkit-box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
|
|
box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
|
|
}
|
|
|
|
.acp-menu li {
|
|
border-bottom: 1px solid #E5ECF3;
|
|
width: auto;
|
|
padding: 5px 10px;
|
|
text-align: left;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.acp-menu li.icon {
|
|
background-repeat: no-repeat;
|
|
background-position: 8px;
|
|
padding-left: 35px;
|
|
}
|
|
|
|
.acp-menu li.add { background-image: url( images/icons/add.png ); }
|
|
.acp-menu li.edit { background-image: url( images/icons/pencil.png ); }
|
|
.acp-menu li.view { background-image: url( images/icons/view.png ); }
|
|
.acp-menu li.delete { background-image: url( images/icons/delete.png ); }
|
|
.acp-menu li.info { background-image: url( images/icons/page_white_magnify.png ); }
|
|
.acp-menu li.manage { background-image: url( images/icons/cog.png ); }
|
|
.acp-menu li.new { background-image: url( images/icons/folder_add.png ); }
|
|
.acp-menu li.password { background-image: url( images/icons/key.png ); }
|
|
.acp-menu li.export { background-image: url( images/icons/export.png ); }
|
|
.acp-menu li.refresh { background-image: url( images/icons/arrow_refresh.png ); }
|
|
.acp-menu li.printer { background-image: url( images/icons/printer.png ); }
|
|
.acp-menu li.find { background-image: url( images/icons/user_find.png ); }
|
|
.acp-menu li.assign { background-image: url( images/icons/user_assign.png ); }
|
|
.acp-menu li.user { background-image: url( images/icons/user.png ); }
|
|
.acp-menu li.package { background-image: url( images/icons/package.png ); }
|
|
.acp-menu li.cancel { background-image: url( images/icons/cross.png ); }
|
|
|
|
.multi_menu li {
|
|
position: relative;
|
|
}
|
|
|
|
/****************************************************/
|
|
/* POPUP STYLES */
|
|
/****************************************************/
|
|
|
|
.popupWrapper {
|
|
background-color: rgba(0,0,0,0.58);
|
|
color: #fff;
|
|
-webkit-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
|
|
-moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.58);
|
|
box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.58 );
|
|
border-radius: 6px;
|
|
-moz-border-radius: 6px;
|
|
-webkit-border-radius: 6px;
|
|
z-index: 16000;
|
|
}
|
|
|
|
.popupInner {
|
|
background: #f1f4f7;
|
|
color: #000;
|
|
border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
-webkit-border-radius: 4px;
|
|
margin: 8px;
|
|
width: 500px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.popupInner.black_mode {
|
|
background: #000;
|
|
border: 3px solid #b3bbc3;
|
|
color: #eee;
|
|
border: 3px solid #555;
|
|
}
|
|
|
|
.popupInner.warning_mode {
|
|
border: 3px solid #7D1B1B;
|
|
}
|
|
|
|
.popupInner h3 {
|
|
background-color: #dae4ed;
|
|
border: 0;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.popupInner.black_mode h3 {
|
|
background-color: #545C66;
|
|
color: #ddd;
|
|
}
|
|
|
|
.popupInner.warning_mode h3 {
|
|
background-color: #7D1B1B;
|
|
padding-top: 6px;
|
|
padding-bottom: 6px;
|
|
color: #fff;
|
|
}
|
|
|
|
.popupInner.warning_mode input.input_submit {
|
|
background-color: #7D1B1B;
|
|
}
|
|
|
|
.popupClose {
|
|
position: absolute;
|
|
right: 16px;
|
|
top: 16px;
|
|
}
|
|
|
|
.popupClose.light_close_button {
|
|
background: transparent url(../../public/style_images/master/close_popup_light.png) no-repeat top left;
|
|
opacity: 0.8;
|
|
width: 13px;
|
|
height: 13px;
|
|
}
|
|
|
|
.popupClose.light_close_button img {
|
|
display: none;
|
|
}
|
|
|
|
.popup_footer {
|
|
position: absolute;
|
|
bottom: 0px;
|
|
right: 0px;
|
|
padding: 15px;
|
|
}
|
|
|
|
.popup_body {
|
|
padding: 10px;
|
|
}
|
|
|
|
.stem {
|
|
width: 31px;
|
|
height: 16px;
|
|
position: absolute;
|
|
}
|
|
|
|
.stem.topleft { background-image: url(images/stems/topleft.png); }
|
|
.stem.topright { background-image: url(images/stems/topright.png); }
|
|
.stem.bottomleft { background-image: url(images/stems/bottomleft.png); }
|
|
.stem.bottomright { background-image: url(images/stems/bottomright.png); }
|
|
|
|
/****************************************************/
|
|
/* ICON SPRITES */
|
|
/****************************************************/
|
|
|
|
.i_new_folder a { background-position: 0 0; }
|
|
.ipsControlRow:hover .i_new_folder a { background-position: 0 -18px; }
|
|
.i_delete a { background-position: -25px 0; }
|
|
.ipsControlRow:hover .i_delete a { background-position: -25px -18px; }
|
|
.ipsControlRow:hover .i_delete.disabled a { background-position: -25px 0; cursor: default; }
|
|
.i_edit a { background-position: -51px 0; }
|
|
.ipsControlRow:hover .i_edit a { background-position: -51px -18px; }
|
|
.i_page_add a { background-position: -77px 0; }
|
|
.ipsControlRow:hover .i_page_add a { background-position: -77px -18px; }
|
|
.i_add a { background-position: -103px 0; }
|
|
.ipsControlRow:hover .i_add a { background-position: -103px -18px; }
|
|
.i_refresh a { background-position: -129px 0; }
|
|
.ipsControlRow:hover .i_refresh a { background-position: -129px -18px; }
|
|
.i_lock a { background-position: -155px 0; }
|
|
.ipsControlRow:hover .i_lock a { background-position: -155px -18px; }
|
|
.i_accept a { background-position: -181px 0; }
|
|
.ipsControlRow:hover .i_accept a { background-position: -181px -18px; }
|
|
.i_stock a { background-position: -207px 0; }
|
|
.ipsControlRow:hover .i_stock a { background-position: -207px -18px; }
|
|
.i_cog a { background-position: -233px 0; }
|
|
.ipsControlRow:hover .i_cog a { background-position: -233px -18px; }
|
|
.i_unlock a { background-position: -259px 0; }
|
|
.ipsControlRow:hover .i_unlock a { background-position: -259px -18px; }
|
|
.i_export a { background-position: -285px 0; }
|
|
.ipsControlRow:hover .i_export a { background-position: -285px -18px; }
|
|
.i_revert a { background-position: -311px 0; }
|
|
.ipsControlRow:hover .i_revert a { background-position: -311px -18px; }
|
|
.i_view a { background-position: -337px 0; }
|
|
.ipsControlRow:hover .i_view a { background-position: -337px -18px; }
|
|
.i_disable a { background-position: -363px 0; }
|
|
.ipsControlRow:hover .i_disable a { background-position: -363px -18px; }
|
|
|
|
/****************************************************/
|
|
/* PAGINATION */
|
|
/****************************************************/
|
|
.pagination {
|
|
margin-bottom: 5px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.pagination li {
|
|
background: #eaeaea;
|
|
color: #5a5a5a;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
display: inline-block;
|
|
padding: 2px 6px;
|
|
}
|
|
|
|
.pagination li a {
|
|
color: #5a5a5a;
|
|
}
|
|
|
|
.pagination li.active {
|
|
background: #ab156d;
|
|
color: #fff;
|
|
}
|
|
|
|
.pagination li.total {
|
|
background: none;
|
|
}
|
|
|
|
.pagination.no_pages {
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
color: #ababab;
|
|
text-transform: uppercase;
|
|
display: block;
|
|
padding: 2px 10px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.pagination li.pagejump {
|
|
cursor: pointer;
|
|
}
|
|
|
|
/****************************************************/
|
|
/* BADGES */
|
|
/****************************************************/
|
|
.ipsBadge {
|
|
font-size: 10px;
|
|
text-transform: uppercase;
|
|
display: inline-block;
|
|
padding: 1px 5px;
|
|
color: #fff;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.ipsBadge_green { background: #7ba60d; }
|
|
.ipsBadge_purple { background: #af286d; }
|
|
.ipsBadge_grey { background: #5b5b5b; }
|
|
.ipsBadge_lightgrey { background: #b3b3b3; }
|
|
.ipsBadge_orange { background: #ED7710; }
|
|
.ipsBadge_red { background: #bf1d00; }
|
|
|
|
.badge_purple {
|
|
background: #AB156D; /* old browsers */
|
|
background: -moz-linear-gradient(top, #CE3C92 0%, #AB156D 100%); /* firefox */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CE3C92), color-stop(100%,#AB156D)); /* webkit */
|
|
border: 1px solid #8c1159;
|
|
text-shadow: -1px -1px 0 #8f115b;
|
|
}
|
|
|
|
.badge_green {
|
|
background: #6CAA00; /* old browsers */
|
|
background: -moz-linear-gradient(top, #8FC400 0%, #6CAA00 100%); /* firefox */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8FC400), color-stop(100%,#6CAA00)); /* webkit */
|
|
border: 1px solid #689e07;
|
|
text-shadow: -1px -1px 0 #689e07;
|
|
}
|
|
|
|
.badge_red {
|
|
background: #CF0404; /* old browsers */
|
|
background: -moz-linear-gradient(top, #FF3019 0%, #CF0404 100%); /* firefox */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF3019), color-stop(100%,#CF0404)); /* webkit */
|
|
border: 1px solid #b00303;
|
|
text-shadow: -1px -1px 0 #b00303;
|
|
}
|
|
|
|
.badge_grey {
|
|
background: #E5E5E5; /* old browsers */
|
|
background: -moz-linear-gradient(top, #FFFFFF 0%, #E5E5E5 100%); /* firefox */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#E5E5E5)); /* webkit */
|
|
border: 1px solid #c8c8c8;
|
|
color: #4b4b4b;
|
|
text-shadow: 1px 1px 0px #fff;
|
|
}
|
|
|
|
.ipsBadge:hover {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.ipsBadge.badge_grey:hover {
|
|
color: #4b4b4b !important;
|
|
}
|
|
|
|
/****************************************************/
|
|
/* EXPANDABLE TABLES */
|
|
/****************************************************/
|
|
|
|
.ipsExpandable .item {
|
|
padding: 10px;
|
|
border-bottom: 1px solid #e2e8ee;
|
|
background: #fafbfc;
|
|
}
|
|
|
|
.ipsExpandable .item_info {
|
|
display: inline-block;
|
|
margin-left: 10px;
|
|
max-width: 700px;
|
|
}
|
|
|
|
.ipsExpandable .draghandle {
|
|
position: relative;
|
|
top: 4px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.ipsExpandable .item input[type=checkbox] {
|
|
margin-top: 4px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.ipsExpandable .root_item {
|
|
background: #e0e7ed;
|
|
line-height: 22px;
|
|
}
|
|
|
|
.ipsExpandable .root_item img {
|
|
position: relative;
|
|
top: -3px;
|
|
}
|
|
|
|
.ipsExpandable .item_wrap {
|
|
margin-left: 24px;
|
|
border-left: 1px solid #ecf1f5;
|
|
}
|
|
|
|
.ipsExpandable .item_wrap .item {
|
|
border-bottom: 1px solid #ecf1f5;
|
|
}
|
|
|
|
/****************************************************/
|
|
/* MESSAGES */
|
|
/****************************************************/
|
|
.warning, .information-box {
|
|
padding: 10px 10px 10px 30px;
|
|
}
|
|
|
|
.warning {
|
|
background: #f7e5e8 url( images/icons/exclamation.png ) no-repeat 9px 10px;
|
|
border: 1px solid #f0c1cb;
|
|
color: #92394d;
|
|
}
|
|
|
|
.warning h4 {
|
|
color: #802200;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.information-box {
|
|
background: #f0f6e2 url( images/icons/information.png ) no-repeat 9px 10px;
|
|
border: 1px solid #d7e9a8;
|
|
color: #5d8005;
|
|
}
|
|
|
|
.information-box h4 {
|
|
color: #6c6141;
|
|
}
|
|
|
|
|
|
/****************************************************/
|
|
/* TREE TABLE LAYOUT */
|
|
/****************************************************/
|
|
.ipsTreeTable {
|
|
|
|
}
|
|
|
|
.ipsTreeTable img, .ipsTreeTable input[type=checkbox] {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.ipsTreeTable .row {
|
|
padding: 10px 7px 10px 28px;
|
|
position: relative;
|
|
border-bottom: 1px solid #e8edf2;
|
|
}
|
|
|
|
.ipsTreeTable .row.root {
|
|
background: #B1C2D4;
|
|
font-weight: bold;
|
|
color: #294563;
|
|
font-size: 14px;
|
|
padding-left: 7px;
|
|
}
|
|
|
|
.ipsTreeTable .parent {
|
|
background: #eff3f6 url( images/folder_closed.png ) no-repeat 10px 12px;
|
|
font-weight: bold;
|
|
color: #3287C9;
|
|
cursor: pointer;
|
|
}
|
|
.ipsTreeTable .parent.nochildren { background-image: none; }
|
|
.ipsTreeTable .parent.open { background: #dae2e9 url( images/folder_open.png ) no-repeat 10px 12px; }
|
|
.ipsTreeTable .child:hover { background-color: #f5f7f9; }
|
|
.ipsTreeTable .parent:hover { background-color: #e1e7ed; }
|
|
|
|
.ipsTreeTable .selected {
|
|
background-color: #B1C2D4 !important;
|
|
font-weight: bold;
|
|
color: #294563;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.ipsTreeTable .tick_img {
|
|
float: right;
|
|
display: none;
|
|
}
|
|
|
|
.ipsTreeTable .selected .tick_img {
|
|
display: inline;
|
|
}
|
|
|
|
.parent.isDraggable, .parent.open.isDraggable {
|
|
background-position: 20px 12px;
|
|
padding: 10px 7px 10px 36px;
|
|
}
|
|
.parent.isDraggable .draghandle {
|
|
position: absolute;
|
|
left: 4px;
|
|
}
|
|
.child.isDraggable .draghandle {
|
|
position: absolute;
|
|
left: 4px;
|
|
}
|
|
|
|
.ipsTreeTable .row .infotext {
|
|
position: absolute;
|
|
right: 100px;
|
|
top: 11px;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.ipsTreeTable .row:hover .infotext,
|
|
#filter_results .infotext {
|
|
visibility: visible;
|
|
}
|
|
|
|
.ipsTreeTable .row .check {
|
|
position: absolute;
|
|
left: 50px;
|
|
top: 13px;
|
|
}
|
|
|
|
.ipsTreeTable .row .ipsControlStrip {
|
|
position: relative;
|
|
top: -2px;
|
|
}
|
|
|
|
.ipsTreeTable .icon {
|
|
margin-right: 15px;
|
|
float: left;
|
|
}
|
|
|
|
.ipsTreeTable .parent_wrap {
|
|
padding-left: 0px;
|
|
margin-left: 18px;
|
|
border-left: 1px solid #f0f0f0;
|
|
position: relative;
|
|
}
|
|
|
|
.ipsTreeTable .filter_row {
|
|
padding: 10px;
|
|
position: relative;
|
|
}
|
|
|
|
.ipsTreeTable .filter_row .infotext {
|
|
margin-left: 40px;
|
|
font-size: 11px;
|
|
color: #8e8e8e;
|
|
}
|
|
|
|
.ipsTreeTable .filter_row .draghandle,
|
|
#filter_results .draghandle {
|
|
display: none;
|
|
}
|
|
|
|
.filter_row.no_results {
|
|
text-align: center;
|
|
font-style: italic;
|
|
color: #8e8e8e;
|
|
}
|
|
|
|
.ipsInlineTreeSearch {
|
|
float: right;
|
|
position: relative;
|
|
}
|
|
|
|
.ipsInlineTreeSearch input[type=text] {
|
|
background: #fff url( images/search_box_icon.png ) no-repeat 2px 3px;
|
|
border: 1px inset #142a42;
|
|
padding: 4px 22px 4px 22px;
|
|
color: #c7c7c7;
|
|
font-size: 12px;
|
|
font-size: 11px;
|
|
font-weight: normal;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.ipsInlineTreeSearch.active input[type=text] {
|
|
color: #000;
|
|
}
|
|
|
|
.ipsInlineTreeSearch.active #cancel_filter {
|
|
display: inline;
|
|
}
|
|
|
|
.ipsInlineTreeSearch #cancel_filter {
|
|
position: absolute;
|
|
right: 3px;
|
|
top: 12px;
|
|
display: none;
|
|
}
|
|
|
|
/****************************************************/
|
|
/* INDIVIDUAL PAGE STYLES */
|
|
/****************************************************/
|
|
|
|
/* Server statistics */
|
|
#dash_server_stats {
|
|
padding: 10px;
|
|
background: #ecedf0;
|
|
margin: -15px 0 15px 0;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
#dash_server_stats li {
|
|
margin: 0 15px 0 5px;
|
|
}
|
|
|
|
#dash_server_stats h3 {
|
|
display: inline;
|
|
font-weight: bold;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
#dashboard_online a {
|
|
color: #969a9d;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.dashboard_note {
|
|
margin-bottom: 5px;
|
|
}
|
|
.note_content {
|
|
position: relative;
|
|
}
|
|
|
|
#notes_wrap {
|
|
padding: 5px;
|
|
background: #fffdf3;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: #e6d2bf;
|
|
-moz-box-shadow: 0px 0px 4px rgba(237,204,169,0.8) inset; /* moz */
|
|
-webkit-box-shadow: 0px 0px 4px rgba(237,204,169,0.8) inset; /* webkit */
|
|
box-shadow: 0px 0px 4px rgba(237,204,169,0.8) inset; /* css3 */
|
|
}
|
|
|
|
.dashboard_notes {
|
|
width: 100%;
|
|
border: 0;
|
|
height: 70px;
|
|
background: transparent;
|
|
color: #a65c11;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
|
|
#member_search_bar, .ipsSortBar {
|
|
background: #849cb7;
|
|
border-bottom: 1px solid #6984a1;
|
|
font: normal 13px 'Helvetica Neue', helvetica, arial, sans-serif;
|
|
padding: 5px 12px 5px 5px;
|
|
}
|
|
|
|
#member_search_bar .realbutton {
|
|
padding: 4px 8px;
|
|
}
|
|
|
|
#member_search {
|
|
background: #fff url( images/search_box_icon.png ) no-repeat 3px;
|
|
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4) inset;
|
|
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.4) inset;
|
|
box-shadow: 0px 1px 2px rgba(0,0,0,0.4) inset;
|
|
-moz-border-radius: 0px;
|
|
border-radius: 0px;
|
|
border: 1px solid #6984a1;
|
|
padding: 6px 6px 6px 24px;
|
|
}
|
|
|
|
#advanced_member_search {
|
|
width: 16px;
|
|
height: 16px;
|
|
display: inline-block;
|
|
text-indent: -2000em;
|
|
background: transparent url( images/advanced_search.png ) no-repeat left 0px;
|
|
outline: 0;
|
|
}
|
|
|
|
#m_search_pane {
|
|
width: 850px;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 10px;
|
|
margin-left: -425px;
|
|
background: #fff;
|
|
-moz-box-shadow: 0px 0px 15px rgba( 0,0,0,0.4 );
|
|
-webkit-box-shadow: 0px 0px 15px rgba( 0,0,0,0.4 );
|
|
box-shadow: 0px 0px 15px rgba( 0,0,0,0.4 );
|
|
z-index: 17000;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
#m_search_pane .acp-box {
|
|
border: 0;
|
|
}
|
|
|
|
#m_search_pane_inner {
|
|
height: 400px;
|
|
overflow: auto;
|
|
}
|
|
|
|
.adv_search_main {
|
|
text-align: center;
|
|
background: #d4e4f1 !important;
|
|
}
|
|
|
|
#m_search_info {
|
|
padding: 5px 0 0 5px;
|
|
color: #063554;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.member_controls {
|
|
white-space: nowrap;
|
|
min-height: 18px;
|
|
text-align: right;
|
|
}
|
|
|
|
.member_controls .ipsBadge {
|
|
opacity: 0.2;
|
|
}
|
|
|
|
.member_row:hover .member_controls .ipsBadge {
|
|
opacity: 1;
|
|
}
|
|
|
|
.member_controls.success {
|
|
background: url( images/done_tick.png ) no-repeat right;
|
|
}
|
|
|
|
.member_controls.success .ipsBadge,
|
|
.member_controls.success input {
|
|
display: none;
|
|
}
|
|
|
|
#member_list tfoot td {
|
|
background: #ecf2f6 url( images/mod_action.png ) no-repeat right !important;
|
|
padding-right: 35px;
|
|
}
|
|
|
|
#member_list tfoot td strong {
|
|
font-size: 11px;
|
|
color: #486379;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
#member_list tfoot tr.disabled .ipsBadge,
|
|
#member_list tfoot tr.disabled strong {
|
|
opacity: 0.1;
|
|
cursor: default;
|
|
}
|
|
|
|
#member_list tfoot .ipsBadge {
|
|
font-weight: bold;
|
|
}
|
|
|
|
#member_list tfoot td .realbutton {
|
|
font-size: 11px !important;
|
|
padding: 4px 10px !important;
|
|
}
|
|
|
|
.hookupdate
|
|
{
|
|
font-weight: bold;
|
|
color: #ff9933;
|
|
}
|
|
|
|
/* Permission */
|
|
|
|
.permission_table {
|
|
border-collapse: separate !important;
|
|
}
|
|
|
|
.permission_table td.section, div.section {
|
|
font-size: 12px;
|
|
padding: 6px;
|
|
border: 0;
|
|
background-color: #D6E4F1;
|
|
border-bottom: 1px solid #bfcad3 !important;
|
|
border-top: 1px solid #ced8e0;
|
|
color: #246594;
|
|
}
|
|
|
|
div.section {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.permission_table .perm {
|
|
font-size: 11px;
|
|
text-align: center;
|
|
padding: 10px !important;
|
|
border-left: 3px solid #fff;
|
|
}
|
|
|
|
/* Login screen */
|
|
|
|
body.login_screen {
|
|
background: #386e9a;
|
|
background: -moz-linear-gradient(top, #4a85b5 0%, #205889 100%); /* firefox */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a85b5), color-stop(100%,#205889)); /* webkit */
|
|
height: auto !important;
|
|
}
|
|
|
|
#login {
|
|
width: 450px;
|
|
height: 220px;
|
|
background: #fff;
|
|
margin: 10% auto 0 auto;
|
|
-moz-border-radius: 4px;
|
|
-webkit-border-radius: 4px;
|
|
border-radius: 4px;
|
|
-moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.3);
|
|
-webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.3);
|
|
box-shadow: 0px 0px 12px rgba(0,0,0,0.3);
|
|
position: relative;
|
|
padding: 10px;
|
|
}
|
|
#login.with_message {
|
|
height: 250px;
|
|
}
|
|
|
|
#login_logo {
|
|
position: absolute;
|
|
top: -45px;
|
|
left: 0;
|
|
}
|
|
|
|
#login_submit {
|
|
background: #e7edf2;
|
|
border-top: 1px solid #d0dce6;
|
|
padding: 20px 10px;
|
|
text-align: center;
|
|
position: absolute;
|
|
bottom: 0px;
|
|
left: 0;
|
|
right: 0;
|
|
-moz-border-radius: 0 0 4px 4px;
|
|
-webkit-border-radius: 0 0 4px 4px;
|
|
border-radius: 0 0 4px 4px;
|
|
}
|
|
|
|
#login_controls {
|
|
margin: 0 auto;
|
|
position: absolute;
|
|
width: 100%;
|
|
bottom: 100px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
#login_controls label {
|
|
display: block;
|
|
width: 33%;
|
|
color: #667078;
|
|
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: 15px;
|
|
left: 10px; right: 10px;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
background: #f2ccd4;
|
|
border: 1px solid #e599aa;
|
|
padding: 10px;
|
|
color: #80001c;
|
|
}
|
|
|
|
#redirect {
|
|
width: 389px;
|
|
min-height: 80px;
|
|
margin: 15% auto 0 auto;
|
|
position: relative;
|
|
background: #e7edf2;
|
|
color: #667078;
|
|
padding: 15px;
|
|
border-radius: 10px;
|
|
-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;
|
|
}
|
|
|
|
/* Forums */
|
|
|
|
#forum_type_chooser td {
|
|
padding: 0 0 10px 0;
|
|
vertical-align: top;
|
|
}
|
|
|
|
fieldset.subforums {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.subforums legend {
|
|
display: none;
|
|
}
|
|
|
|
/* Template editor */
|
|
|
|
#left_pane {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.parts_list {
|
|
max-height: 470px;
|
|
overflow: auto;
|
|
background: #F5F8FA;
|
|
cursor: pointer;
|
|
border: 2px solid #FFF;
|
|
position: relative;
|
|
}
|
|
|
|
.parts_list li {
|
|
padding: 5px 7px;
|
|
border-bottom: 2px solid #FFF;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.parts_list li.loading {
|
|
background-image: url(images/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: #849CB7;
|
|
padding: 5px 5px 2px 0;
|
|
height: 30px;
|
|
border-bottom: 1px solid #6984A1;
|
|
font: 13px 'Helvetica Neue',helvetica,arial,sans-serif;
|
|
}
|
|
|
|
#template_toolbar li {
|
|
float: left;
|
|
background: #ecf1f5;
|
|
border: 1px solid #d5dde5;
|
|
padding: 4px 9px;
|
|
border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
-webkit-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(images/loading_white.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: 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#template_toolbar #editor_buttons li {
|
|
padding: 0 10px;
|
|
margin-right: 5px;
|
|
display: inline-block;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
background: #FFFFFF; /* old browsers */
|
|
background: -moz-linear-gradient(top, #FFFFFF 0%, #F6F9FA 3%, #E4EEF3 100%); /* firefox */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(3%,#F6F9FA), color-stop(100%,#E4EEF3)); /* webkit */
|
|
font-size: 12px;
|
|
border: 1px solid #afd4f1;
|
|
color: #0b5794;
|
|
text-shadow: 1px 1px 0 #f4f7fa;
|
|
height: 26px;
|
|
line-height: 26px;
|
|
outline: none;
|
|
}
|
|
|
|
#template_toolbar #editor_buttons li.active {
|
|
background: #CE3C92; /* old browsers */
|
|
background: -moz-linear-gradient(top, #CE3C92 0%, #AB156D 100%); /* firefox */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CE3C92), color-stop(100%,#AB156D)); /* webkit */
|
|
color: #fff;
|
|
text-shadow: -1px -1px 0 #97115f;
|
|
border-color: #9d1263;
|
|
}
|
|
|
|
.template_menu {
|
|
padding: 0;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
height: 30px;
|
|
overflow: hidden;
|
|
background: #D6E4F1;
|
|
color: #246594;
|
|
}
|
|
|
|
.template_menu ul {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.template_menu ul li {
|
|
float: left;
|
|
padding: 8px 8px;
|
|
color: #246594;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#css_list_wrap,
|
|
#template_list_wrap {
|
|
min-height: 500px;
|
|
background: #f1f4f7;
|
|
}
|
|
|
|
#template_list {
|
|
color: #3287C9;
|
|
}
|
|
|
|
#template_footer {
|
|
background: #FFF;
|
|
padding: 8px 6px 6px 6px;
|
|
clear: both;
|
|
border-top: 2px solid #6984A1;
|
|
font-size: 11px;
|
|
}
|
|
|
|
#template_editor {
|
|
background: #D6E4F1;
|
|
}
|
|
|
|
.replacement_save {
|
|
width: 70%;
|
|
text-align: right;
|
|
padding: 5px 0;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* 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-repeat: no-repeat;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#inlineFormInnerTitle
|
|
{
|
|
padding: 2px;
|
|
}
|
|
|
|
#inlineFormInnerContent
|
|
{
|
|
background-color: #F5F8FA;
|
|
padding: 5px;
|
|
}
|
|
|
|
#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;
|
|
}
|
|
|
|
|
|
.bullets ul,
|
|
.bullets ol,
|
|
ul.bullets,
|
|
ol.bullets {
|
|
list-style: disc;
|
|
margin-left: 30px;
|
|
line-height: 150%;
|
|
list-style-image: none;
|
|
}
|
|
|
|
/* Autocomplete */
|
|
.ipbmenu_content {
|
|
background-color: #F7EFF5;
|
|
border: 1px solid #AC156D;
|
|
min-width: 85px;
|
|
padding: 5px;
|
|
font-size: 0.9em;
|
|
z-index: 150;
|
|
margin-left: 0px;
|
|
}
|
|
|
|
.ipbmenu_content li {
|
|
border-bottom: 1px solid #AC156D;
|
|
padding: 5px;
|
|
}
|
|
|
|
.ipbmenu_content li:last-child {
|
|
border-bottom: 0;
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
.ipbmenu_content li:first-child {
|
|
padding-top: 0px;
|
|
}
|
|
|
|
/* License Nagging CSS */
|
|
#license_notice_force {
|
|
min-height: 120px;
|
|
top: 0px;
|
|
background: #cc0000; /* Old browsers */
|
|
background: -moz-linear-gradient(top, #cc0000 0%, #a50500 100%); /* FF3.6+ */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#a50500)); /* Chrome,Safari4+ */
|
|
color: #f6edef;
|
|
/*position: fixed;*/
|
|
z-index: 15050;
|
|
text-shadow: 0 -1px 0 #80001c;
|
|
line-height: 1.4;
|
|
border-bottom: 1px solid #80001c;
|
|
-webkit-box-shadow: 4px 0 10px rgba(0,0,0,0.3);
|
|
padding: 0 10px;
|
|
}
|
|
|
|
#license_notice_force h4 {
|
|
font-size: 20px;
|
|
padding: 10px 10px 0;
|
|
color: #fff;
|
|
}
|
|
|
|
#license_notice_force p {
|
|
padding: 10px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
#license_notice_force a {
|
|
display: inline-block;
|
|
background: #80001c;
|
|
-moz-border-radius: 10px;
|
|
border-radius: 10px;
|
|
padding: 2px 10px;
|
|
color: #fff;
|
|
}
|
|
|
|
#license_notice_expired {
|
|
min-height: 70px;
|
|
top: 0px;
|
|
background: #f7f7f7; /* Old browsers */
|
|
background: -moz-linear-gradient(top, #f7f7f7 0%, #e5e5e5 100%); /* FF3.6+ */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
|
|
/*position: fixed;*/
|
|
color: #575757;
|
|
text-shadow: 0px 1px 0px rgba(255,255,255,0.5);
|
|
padding: 10px 15px;
|
|
line-height: 1.4;
|
|
z-index: 15050;
|
|
border-bottom: 1px solid #acacac;
|
|
-webkit-box-shadow: 4px 0 10px rgba(0,0,0,0.3);
|
|
}
|
|
|
|
#license_notice_expired h4 { font-size: 18px; }
|
|
#license_notice_expired div.right {
|
|
position: absolute;
|
|
top: 10px; right: 10px;
|
|
}
|
|
|
|
#license_notice_expired div.right a {
|
|
background: #575757;
|
|
color: #fff;
|
|
display: inline-block;
|
|
padding: 2px 10px;
|
|
-webkit-border-radius: 10px;
|
|
-moz-border-radius: 10px;
|
|
border-radius: 10px;
|
|
font-size: 11px;
|
|
}
|
|
|
|
#license_notice_expired p {
|
|
padding-top: 5px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
/*#ipboard_body.force_license { margin-top: 120px !important; }
|
|
#ipboard_body.expired_license { margin-top: 90px !important; }*/
|
|
|
|
/* Merge Center */
|
|
|
|
del, .diffred {
|
|
background-color: #FFD1D1;
|
|
color: black;
|
|
font-weight: normal;
|
|
text-decoration: none
|
|
}
|
|
|
|
ins, .diffgreen {
|
|
background-color: #D3EBBC;
|
|
color: black;
|
|
font-weight: normal;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.ips_merge_new {
|
|
background-color: #f3dddd;
|
|
color: black;
|
|
font-weight: normal;
|
|
text-decoration: none;
|
|
border-left:6px solid #281b1b;
|
|
}
|
|
|
|
.ips_merge_new h3 {
|
|
background-color: #deb7b7;
|
|
font-size: 12px;
|
|
font-family: Arial;
|
|
}
|
|
|
|
|
|
.ips_merge_custom {
|
|
background-color: #f3f3f3;
|
|
color: black;
|
|
font-weight: normal;
|
|
text-decoration: none;
|
|
border-left:6px solid #a2a2a2;
|
|
}
|
|
.ips_merge_custom h3 {
|
|
background-color: #d4d4d4;
|
|
font-size: 12px;
|
|
font-family: Arial;
|
|
}
|
|
|
|
.mergeResolveBox
|
|
{
|
|
border:1px solid black;
|
|
width:300px;
|
|
float:right;
|
|
position: relative;
|
|
top: 0px;
|
|
right: 0px;
|
|
}
|
|
|
|
/* User agents group form */
|
|
.uAgentsGHover
|
|
{
|
|
background-color: #D3DAE4;
|
|
background-image: url( images/acpMenuMore.png );
|
|
background-repeat: no-repeat;
|
|
background-position: center right;
|
|
cursor: pointer;
|
|
padding:8px;
|
|
}
|
|
|
|
.uAgentsGRow
|
|
{
|
|
padding:8px;
|
|
border-bottom:1px solid #ddd;
|
|
}
|
|
|
|
.uAgentsGRHover
|
|
{
|
|
background-color: #D3DAE4;
|
|
cursor: pointer;
|
|
padding:8px;
|
|
}
|
|
|
|
.uAgentsGRRow
|
|
{
|
|
padding:8px;
|
|
border-bottom:1px solid #ddd;
|
|
}
|
|
|
|
/* Member Area */
|
|
|
|
.photo_options {
|
|
background: #40638B;
|
|
display: inline-block;
|
|
float: right;
|
|
left: 5px;
|
|
padding: 3px;
|
|
position: relative;
|
|
top: -19px;
|
|
}
|
|
|
|
.photo_options li {
|
|
display: inline;
|
|
}
|
|
|
|
.acp-sidebar {
|
|
float: left;
|
|
width: 30%;
|
|
}
|
|
|
|
.acp-sidebar .sidebar_box {
|
|
background: #FFFFFF;
|
|
border: 1px solid #B3C2D2;
|
|
margin: 10px auto;
|
|
padding: 5px;
|
|
width: 80%;
|
|
}
|
|
|
|
.acp-sidebar .sidebar_box ul {
|
|
width: 100%;
|
|
}
|
|
|
|
.acp-sidebar .sidebar_box ul li {
|
|
width: 100%;
|
|
margin-top: 4px;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.acp-sidebar .sidebar_box ul li strong {
|
|
width: 80px;
|
|
display: inline-block;
|
|
}
|
|
|
|
#MF__pp_photo_container {
|
|
border: 1px solid #369;
|
|
background: #FFF;
|
|
padding: 5px;
|
|
margin: 10px auto;
|
|
}
|
|
|
|
.change_icon {
|
|
background-image: url( images/icons/pencil.png );
|
|
display: inline-block;
|
|
height: 16px;
|
|
outline: 0 none;
|
|
text-indent: -5000px;
|
|
width: 16px;
|
|
float: right;
|
|
}
|
|
|
|
/* New notification panel */
|
|
#ipsGlobalNotification {
|
|
position: fixed;
|
|
left: 50%;
|
|
margin-left: -250px;
|
|
top: 80px;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#ipsGlobalNotification .popupWrapper {
|
|
padding: 3px;
|
|
position: relative;
|
|
z-index: 20000;
|
|
}
|
|
|
|
#ipsGlobalNotification .ipsPad {
|
|
padding: 9px;
|
|
font-size: 18px;
|
|
}
|
|
|
|
#ipsGlobalNotification_close {
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
cursor: pointer;
|
|
float: right;
|
|
margin-top: -2px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.select_col, .select_row {
|
|
width: 25px;
|
|
}
|
|
|
|
/****************************************************/
|
|
/* Photo styles */
|
|
/****************************************************/
|
|
|
|
.ipsUserPhoto {
|
|
padding: 1px;
|
|
border: 1px solid #d5d5d5;
|
|
background: #fff;
|
|
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
|
|
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
|
|
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.ipsUserPhotoLink:hover .ipsUserPhoto {
|
|
border-color: #7d7d7d;
|
|
}
|
|
|
|
.ipsUserPhoto_variable { max-width: 155px; }
|
|
.ipsUserPhoto_large { max-width: 90px; max-height: 90px; }
|
|
.ipsUserPhoto_medium { width: 50px; height: 50px; }
|
|
.ipsUserPhoto_mini { width: 30px; height: 30px; }
|
|
.ipsUserPhoto_tiny { width: 20px; height: 20px; }
|
|
.ipsUserPhoto_icon { width: 16px; height: 16px; }
|
|
|
|
/****************************************************/
|
|
/* CKEditor */
|
|
/****************************************************/
|
|
|
|
.as_content {
|
|
background: #fff;
|
|
font-size: 1.0em;
|
|
border: 1px solid black;
|
|
padding: 6px;
|
|
margin: 8px;
|
|
overflow: auto;
|
|
max-height: 400px;
|
|
}
|
|
.as_buttons {
|
|
text-align: right;
|
|
padding: 4px 0px;
|
|
}
|
|
.as_message {
|
|
display: inline-block;
|
|
}
|
|
#ips_switchEditor {
|
|
clear: top;
|
|
text-align: left;
|
|
margin-left: 10px;
|
|
}
|
|
.ips_EditorTextArea {
|
|
margin: 0 10px;
|
|
width: 95%;
|
|
height: 250px;
|
|
padding: 6px;
|
|
-moz-border-radius: 4px;
|
|
-webkit-border-radius: 4px;
|
|
}
|
|
|
|
.ips_EditorTextArea.minimized {
|
|
height: 80px;
|
|
-moz-border-radius: 0px;
|
|
-webkit-border-radius: 0px;
|
|
margin:0 auto;
|
|
}
|
|
|
|
/************************************************************************/
|
|
/* TAG LIST */
|
|
|
|
.ipsTag {
|
|
display: inline-block;
|
|
background: url( ../../public/style_images/master/tag_bg.png );
|
|
height: 20px;
|
|
line-height: 20px;
|
|
padding: 0 7px 0 15px;
|
|
margin: 5px 5px 0 0;
|
|
font-size: 11px;
|
|
color: #656565;
|
|
text-shadow: 0 1px 0 rgba(255,255,255,1);
|
|
-moz-border-radius: 0 3px 3px 0;
|
|
-webkit-border-top-right-radius: 3px;
|
|
-webkit-border-bottom-right-radius: 3px;
|
|
border-radius: 0 3px 3px 0;
|
|
}
|
|
|
|
/************************************************************************/
|
|
/* TAG EDITOR STYLES */
|
|
|
|
.ipsTagBox_wrapper {
|
|
min-height: 18px;
|
|
width: 350px;
|
|
line-height: 1.3;
|
|
display: inline-block;
|
|
}
|
|
|
|
.ipsTagBox_hiddeninput { background: #fff; }
|
|
.ipsTagBox_hiddeninput.inactive {
|
|
font-size: 11px;
|
|
min-width: 200px;
|
|
}
|
|
|
|
.ipsTagBox_wrapper input { border: 0px; outline: 0; }
|
|
.ipsTagBox_wrapper li { display: inline-block; }
|
|
|
|
.ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child {
|
|
background: #dbf3ff;
|
|
border-color: #a8e3ff;
|
|
color: #136db5;
|
|
}
|
|
|
|
.ipsTagBox_tag {
|
|
padding: 2px 1px 2px 4px;
|
|
background: #f4f4f4;
|
|
border: 1px solid #dddddd;
|
|
margin: 0 3px 2px 0;
|
|
font-size: 11px;
|
|
-moz-border-radius: 2px;
|
|
-webkit-border-radius: 2px;
|
|
border-radius: 2px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ipsTagBox_tag:hover {
|
|
border-color: #bdbdbd;
|
|
}
|
|
|
|
.ipsTagBox_tag.selected {
|
|
background: #e2e2e2 !important;
|
|
border-color: #c0c0c0 !important;
|
|
color: #424242 !important;
|
|
}
|
|
|
|
.ipsTagBox_closetag {
|
|
margin-left: 2px;
|
|
display: inline-block;
|
|
padding: 0 3px;
|
|
color: #c7c7c7;
|
|
font-weight: bold;
|
|
}
|
|
.ipsTagBox_closetag:hover { color: #454545; }
|
|
.ipsTagBox_tag.selected .ipsTagBox_closetag { color: #424242; }
|
|
.ipsTagBox_tag.selected .ipsTagBox_closetag:hover { color: #2f2f2f; }
|
|
.ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child .ipsTagBox_closetag { color: #4f87bb; }
|
|
.ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child .ipsTagBox_closetag:hover { color: #003b71; }
|
|
|
|
.ipsTagBox_addlink {
|
|
font-size: 10px;
|
|
margin-left: 3px;
|
|
outline: 0;
|
|
}
|
|
|
|
.ipsTagBox_dropdown {
|
|
height: 100px;
|
|
overflow: scroll;
|
|
background: #fff;
|
|
border: 1px solid #dddddd;
|
|
-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
|
|
-moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
|
|
box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
|
|
z-index: 16000;
|
|
}
|
|
|
|
.ipsTagBox_dropdown li {
|
|
padding: 4px;
|
|
font-size: 12px;
|
|
cursor: pointer;
|
|
}
|
|
.ipsTagBox_dropdown li:hover {
|
|
background: #dbf3ff;
|
|
color: #003b71;
|
|
}
|
|
|
|
/************************************************************************/
|
|
/* TAG CLOUD */
|
|
.ipsTagWeight_1 { opacity: 1.0; }
|
|
.ipsTagWeight_2 { opacity: 0.9; }
|
|
.ipsTagWeight_3 { opacity: 0.8; }
|
|
.ipsTagWeight_4 { opacity: 0.7; }
|
|
.ipsTagWeight_5 { opacity: 0.6; }
|
|
.ipsTagWeight_6 { opacity: 0.5; }
|
|
.ipsTagWeight_7 { opacity: 0.4; }
|
|
.ipsTagWeight_8 { opacity: 0.3; }
|
|
|
|
/************************************************************************/
|
|
/* TOOLTIPS */
|
|
|
|
.ipsTooltip { padding: 5px; z-index: 25000;}
|
|
.ipsTooltip_inner {
|
|
padding: 8px;
|
|
background: #333333;
|
|
border: 1px solid #333333;
|
|
color: #fff;
|
|
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
|
|
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
|
|
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
|
|
-moz-border-radius: 4px;
|
|
-webkit-border-radius: 4px;
|
|
border-radius: 4px;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
max-width: 250px;
|
|
}
|
|
.ipsTooltip_inner a { color: #fff; }
|
|
.ipsTooltip_inner span { font-size: 11px; color: #d2d2d2 }
|
|
.ipsTooltip.top { background: url(../../public/style_images/master/stems/tooltip_top.png) no-repeat bottom center; }
|
|
.ipsTooltip.top_left { background-position: bottom left; }
|
|
.ipsTooltip.bottom { background: url(../../public/style_images/master/stems/tooltip_bottom.png) no-repeat top center; }
|
|
.ipsTooltip.left { background: url(../../public/style_images/master/stems/tooltip_left.png) no-repeat center right; }
|
|
.ipsTooltip.right { background: url(../../public/style_images/master/stems/tooltip_right.png) no-repeat center left; }
|
|
|
|
/************************************************************************/
|
|
/* SHARED MEDIA STYLES */
|
|
|
|
#mymedia_inserted {
|
|
position: absolute;
|
|
top: 100px; left: 50%;
|
|
margin-left: -200px;
|
|
width: 400px;
|
|
padding: 20px 0;
|
|
background: black;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
color: #fff;
|
|
z-index: 20000;
|
|
text-align: center;
|
|
-moz-border-radius: 4px;
|
|
-webkit-border-radius: 4px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
#mymedia_toolbar {
|
|
position: absolute;
|
|
bottom: 0; left: 0; right: 0;
|
|
height: 42px;
|
|
line-height: 42px;
|
|
padding: 0 5px;
|
|
background: #DBE4EF;
|
|
background: -moz-linear-gradient(top, #DBE4EF 0%, #c7d4e4 100%); /* firefox */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DBE4EF), color-stop(100%,#c7d4e4)); /* webkit */
|
|
-webkit-box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.5) inset;
|
|
-moz-box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.5) inset;
|
|
box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.5) inset;
|
|
border-top: 1px solid #DBE4EF;
|
|
}
|
|
|
|
#mymedia_finish { position: absolute; right: 5px; top: 5px; }
|
|
#mymedia_content { height: 339px; overflow: auto; }
|
|
|
|
.media_results li.result {
|
|
width: 20%;
|
|
height: 100px;
|
|
padding: 15px 0;
|
|
float: left;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
-moz-border-radius: 4px;
|
|
-webkit-border-radius: 4px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.media_results li:hover {
|
|
background: #F9F9F9;
|
|
background: -moz-linear-gradient(top, #F9F9F9 0%, #EDEDED 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#EDEDED));
|
|
}
|
|
.media_results li:active {
|
|
background: #EDEDED;
|
|
background: -moz-linear-gradient(top, #EDEDED 0%, #F9F9F9 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#F9F9F9));
|
|
}
|
|
|
|
.media_image {
|
|
padding: 1px;
|
|
border: 1px solid #d5d5d5;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
/************************************************************************/
|
|
/* LAYOUT SYSTEM */
|
|
|
|
.ipsLayout.ipsLayout_withleft { padding-left: 210px; }
|
|
.ipsBox.ipsLayout.ipsLayout_withleft { padding-left: 220px; }
|
|
.ipsLayout.ipsLayout_withright { padding-right: 210px; clear: left; }
|
|
.ipsBox.ipsLayout.ipsLayout_withright { padding-right: 220px; }
|
|
|
|
/* Panes */
|
|
.ipsLayout_content, .ipsLayout .ipsLayout_left, .ipsLayout_right { position: relative; }
|
|
.ipsLayout_content { width: 100%; float: left; }
|
|
.ipsLayout .ipsLayout_left { width: 200px; margin-left: -210px; float: left; }
|
|
.ipsLayout .ipsLayout_right { width: 200px; margin-right: -210px; float: right; }
|
|
|
|
/* Wider sidebars */
|
|
.ipsLayout_largeleft.ipsLayout_withleft { padding-left: 280px; }
|
|
.ipsBox.ipsLayout_largeleft.ipsLayout_withleft { padding-left: 290px; }
|
|
.ipsLayout_largeleft.ipsLayout .ipsLayout_left { width: 270px; margin-left: -280px; }
|
|
.ipsLayout_largeright.ipsLayout_withright { padding-right: 280px; }
|
|
.ipsBox.ipsLayout_largeright.ipsLayout_withright { padding-right: 290px; }
|
|
.ipsLayout_largeright.ipsLayout .ipsLayout_right { width: 270px; margin-right: -280px; }
|
|
|
|
/* Narrow sidebars */
|
|
.ipsLayout_smallleft.ipsLayout_withleft { padding-left: 150px; }
|
|
.ipsBox.ipsLayout_smallleft.ipsLayout_withleft { padding-left: 160px; }
|
|
.ipsLayout_smallleft.ipsLayout .ipsLayout_left { width: 140px; margin-left: -150px; }
|
|
.ipsLayout_smallright.ipsLayout_withright { padding-right: 150px; }
|
|
.ipsBox.ipsLayout_smallright.ipsLayout_withright { padding-right: 160px; }
|
|
.ipsLayout_smallright.ipsLayout .ipsLayout_right { width: 140px; margin-right: -150px; }
|
|
|
|
/* Tiny sidebar */
|
|
.ipsLayout_tinyleft.ipsLayout_withleft { padding-left: 50px; }
|
|
.ipsBox.ipsLayout_tinyleft.ipsLayout_withleft { padding-left: 60px; }
|
|
.ipsLayout_tinyleft.ipsLayout .ipsLayout_left { width: 40px; margin-left: -40px; }
|
|
.ipsLayout_tinyright.ipsLayout_withright { padding-right: 50px; }
|
|
.ipsBox.ipsLayout_tinyright.ipsLayout_withright { padding-right: 60px; }
|
|
.ipsLayout_tinyright.ipsLayout .ipsLayout_right { width: 40px; margin-right: -40px; }
|
|
|
|
/* Big sidebar */
|
|
.ipsLayout_bigleft.ipsLayout_withleft { padding-left: 330px; }
|
|
.ipsBox.ipsLayout_bigleft.ipsLayout_withleft { padding-left: 340px; }
|
|
.ipsLayout_bigleft.ipsLayout .ipsLayout_left { width: 320px; margin-left: -330px; }
|
|
.ipsLayout_bigright.ipsLayout_withright { padding-right: 330px; }
|
|
.ipsBox.ipsLayout_bigright.ipsLayout_withright { padding-right: 340px; }
|
|
.ipsLayout_bigright.ipsLayout .ipsLayout_right { width: 320px; margin-right: -330px; }
|
|
|
|
/* Even Wider sidebars */
|
|
.ipsLayout_hugeleft.ipsLayout_withleft { padding-left: 380px; }
|
|
.ipsBox.ipsLayout_hugeleft.ipsLayout_withleft { padding-left: 390px; }
|
|
.ipsLayout_hugeleft.ipsLayout .ipsLayout_left { width: 370px; margin-left: -380px; }
|
|
.ipsLayout_hugeright.ipsLayout_withright { padding-right: 380px; }
|
|
.ipsBox.ipsLayout_hugeright.ipsLayout_withright { padding-right: 390px; }
|
|
.ipsLayout_hugeright.ipsLayout .ipsLayout_right { width: 370px; margin-right: -380px; }
|
|
|
|
|
|
/************************************************************************/
|
|
/* VERTICAL TABS (profile etc.) */
|
|
|
|
.ipsVerticalTabbed { }
|
|
|
|
.ipsVerticalTabbed_content {
|
|
min-height: 400px;
|
|
}
|
|
|
|
.ipsVerticalTabbed_tabs > ul {
|
|
width: 149px !important;
|
|
margin-top: 10px;
|
|
border-top: 1px solid #DBE4EF;
|
|
border-left: 1px solid #DBE4EF;
|
|
}
|
|
|
|
.ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs > ul { width: 40px !important; }
|
|
|
|
/**
|
|
* @key ipsVerticalTabbed_tabs_li
|
|
* @group other
|
|
* @colorize base
|
|
* @title Vertical Tab
|
|
* @description Used on profile page and other UserCP when veritcal tabs are needed
|
|
* @default background,color,border
|
|
*/
|
|
.ipsVerticalTabbed_tabs li {
|
|
background: #f6f8fb;
|
|
color: #808080;
|
|
border-bottom: 1px solid #DBE4EF;
|
|
font-size: 13px;
|
|
}
|
|
|
|
/**
|
|
* @key ipsVerticalTabbed_tabs_li_a
|
|
* @group other
|
|
* @colorize base
|
|
* @title Vertical Tab Link
|
|
* @description Link on a vertical tab
|
|
* @default color
|
|
*/
|
|
.ipsVerticalTabbed_tabs li a {
|
|
display: block;
|
|
padding: 10px 8px;
|
|
outline: 0;
|
|
color: #8d8d8d;
|
|
-webkit-transition: background-color 0.1s ease-in-out;
|
|
-moz-transition: background-color 0.3s ease-in-out;
|
|
}
|
|
|
|
/**
|
|
* @key ipsVerticalTabbed_tabs_li_a_hover
|
|
* @group other
|
|
* @colorize base
|
|
* @title Vertical Tab Link Hover
|
|
* @description Hover over a vertical tab
|
|
* @default background,color
|
|
*/
|
|
.ipsVerticalTabbed_tabs li a:hover {
|
|
background: #eaeff5;
|
|
color: #808080;
|
|
}
|
|
|
|
/**
|
|
* @key ipsVerticalTabbed_tabs_li_active
|
|
* @group other
|
|
* @colorize base
|
|
* @title Vertical Tab Active
|
|
* @description An active tab
|
|
* @default background,color,border
|
|
*/
|
|
.ipsVerticalTabbed_tabs li.active a {
|
|
width: 135px;
|
|
position: relative;
|
|
z-index: 8000;
|
|
border-right: 1px solid #fff;
|
|
background: #fff;
|
|
color: #353535;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs li.active a {
|
|
width: 24px;
|
|
}
|
|
|
|
.ipsBox, .ipsPad { padding: 9px; }
|
|
|
|
ipsBox { background: #ebf0f3; }
|
|
|
|
.ipsBox_container {
|
|
background: #fff;
|
|
border: 1px solid #dbe4ef;
|
|
}
|
|
|
|
.ipsPad_half { padding: 4px !important; }
|
|
.ipsPad_left { padding-left: 9px; }
|
|
.ipsPad_top { padding-top: 9px; }
|
|
.ipsPad_top_slimmer { padding-top: 7px; }
|
|
.ipsPad_top_half { padding-top: 4px; }
|
|
.ipsPad_top_bottom { padding-top: 9px; padding-bottom: 9px; }
|
|
.ipsPad_top_bottom_half { padding-top: 4px; padding-bottom: 4px; }
|
|
|
|
.ipsForm_center { text-align: center; }
|
|
|
|
.ipsButton_secondary {
|
|
height: 22px;
|
|
line-height: 22px;
|
|
font-size: 12px;
|
|
padding: 0 10px;
|
|
background: #f6f6f6;
|
|
background: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%); /* firefox */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5)); /* webkit */
|
|
border: 1px solid #dbdbdb;
|
|
-moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
|
|
-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
|
|
box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
color: #616161;
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
-webkit-transition: all 0.2s ease-in-out;
|
|
-moz-transition: all 0.2s ease-in-out;
|
|
}
|
|
.ipsButton_secondary a { color: #616161; }
|
|
.ipsButton_secondary:hover {
|
|
color: #4c4c4c;
|
|
border-color: #9a9a9a;
|
|
}
|
|
|
|
|
|
/************************************************************************/
|
|
/* TYPOGRAPHY */
|
|
|
|
.ipsType_pagetitle, .ipsType_subtitle {
|
|
font: 300 26px/1.3 Helvetica, Arial, sans-serif;
|
|
color: #323232;
|
|
}
|
|
.ipsType_subtitle { font-size: 18px; }
|
|
.ipsType_sectiontitle {
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
color: #595959;
|
|
padding: 5px 0;
|
|
border-bottom: 1px solid #ececec;
|
|
}
|
|
|
|
.ipsType_pagedesc {
|
|
color: #7f7f7f;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.ipsType_pagedesc a { text-decoration: underline; }
|
|
|
|
.ipsType_textblock { line-height: 1.5; color: #282828; }
|
|
|
|
.ipsType_small { font-size: 12px; }
|
|
.ipsType_smaller, .ipsType_smaller a { font-size: 11px !important; }
|
|
|
|
.ipsReset { margin: 0px !important; padding: 0px !important; }
|
|
|
|
.
|
|
.desc, .desc.blend_links a, p.posted_info {
|
|
font-size: 12px;
|
|
color: #777777;
|
|
}
|
|
.desc.lighter, .desc.lighter.blend_links a {
|
|
color: #a4a4a4;
|
|
}
|
|
.popupInner h3 {
|
|
background: #2c5687;
|
|
color: #fff;
|
|
border-width: 1px 1px 0 1px;
|
|
border-style: solid;
|
|
border-color: #316897;
|
|
/*padding: 8px 10px 9px;*/
|
|
font-size: 16px;
|
|
font-weight: 300;
|
|
text-shadow: 0 1px 2px rgba(0,0,0,0.3);
|
|
-webkit-box-shadow: inset 0px 1px 0 #528cbc;
|
|
box-shadow: inset 0px 1px 0 #528cbc;
|
|
-moz-box-shadow: inset 0px 1px 0 #528cbc;
|
|
}
|