Version 3.3.4
This commit is contained in:
Neo committed
1 parent
78706903a2
commit
fb6b5baabc
2206 files changed
+409828
-382984
No files matched your search
+573
-34
@@ -76,7 +76,7 @@ a {
|
||||
}
|
||||
|
||||
.left { float: left; }
|
||||
.right { float: right; }
|
||||
.right { float: right !important; }
|
||||
.clear { clear: both; }
|
||||
.clickable { cursor: pointer; }
|
||||
.clearfix, .context_menu { zoom: 1 } /* IE7 hack */
|
||||
@@ -210,7 +210,8 @@ a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#app_bar > ul > li > a:hover {
|
||||
/*#app_bar > ul > li > a:hover,*/
|
||||
#app_bar > ul > li.current > a {
|
||||
background: #3f6fa2;
|
||||
color: #fff;
|
||||
-moz-border-radius: 2px;
|
||||
@@ -257,7 +258,7 @@ a {
|
||||
.app_menu ul li > span {
|
||||
color: #811052;
|
||||
display: block;
|
||||
padding: 8px;
|
||||
padding: 8px 20px 8px 8px;
|
||||
position: relative;
|
||||
outline: 0;
|
||||
}
|
||||
@@ -269,17 +270,20 @@ a {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.app_menu ul li:hover {
|
||||
/*.app_menu ul li:hover {
|
||||
background: #ce1b7b url( images/app_menu_highlight.png ) repeat-x top;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.app_menu ul li:active {
|
||||
|
||||
}
|
||||
}*/
|
||||
|
||||
.app_menu ul li:hover > a,
|
||||
.app_menu ul li:hover > span {
|
||||
.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;
|
||||
}
|
||||
|
||||
@@ -297,8 +301,8 @@ a {
|
||||
text-indent: -2000em;
|
||||
}
|
||||
|
||||
.app_menu li.has_sub:hover > a .menu_arrow,
|
||||
.app_menu li.has_sub:hover > span .menu_arrow {
|
||||
.app_menu li.has_sub.current > a .menu_arrow,
|
||||
.app_menu li.has_sub.current > span .menu_arrow {
|
||||
background-position: top;
|
||||
}
|
||||
|
||||
@@ -697,7 +701,7 @@ table.double_pad td {
|
||||
/****************************************************/
|
||||
/* FORM ELEMENT STYLES */
|
||||
/****************************************************/
|
||||
.textinput, .multitext, .input_text {
|
||||
.textinput, .multitext, .input_text, .ipsTagBox_wrapper {
|
||||
padding: 4px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
@@ -761,35 +765,55 @@ select {
|
||||
|
||||
.mini_button, .mini_button.secondary {
|
||||
display: inline-block;
|
||||
padding: 3px 10px;
|
||||
-moz-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
background: #ab156d;
|
||||
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: 12px;
|
||||
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, .mini_button.secondary:hover {
|
||||
background: #ce3c92;
|
||||
color: #fff;
|
||||
.mini_button:hover {
|
||||
background: #d12f70;
|
||||
}
|
||||
|
||||
.mini_button.secondary, .mini_button.secondary:hover {
|
||||
background: #b3b3b3;
|
||||
.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;
|
||||
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;
|
||||
@@ -828,6 +852,7 @@ span.yesno_no {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.header,
|
||||
.ipsTable th, .form_table th {
|
||||
background: #d6e4f1;
|
||||
color: #246594;
|
||||
@@ -883,9 +908,9 @@ table .field_title {
|
||||
margin-left: 3px;
|
||||
}
|
||||
|
||||
._red
|
||||
._red, ._red td
|
||||
{
|
||||
background: #f2e4e7;
|
||||
background: #f2e4e7 !important;
|
||||
}
|
||||
|
||||
._amber
|
||||
@@ -920,7 +945,7 @@ ul.alternate_rows li:nth-child(even),
|
||||
|
||||
.ipsTable .col_buttons { vertical-align: top; }
|
||||
|
||||
.ipsTable .col_drag {
|
||||
.ipsTable .col_drag, .form_table .col_drag {
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
text-align: left;
|
||||
@@ -1092,6 +1117,24 @@ tr.ipsControlRow {
|
||||
.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 {
|
||||
@@ -1793,11 +1836,33 @@ tr.ipsControlRow {
|
||||
padding-left: 7px;
|
||||
}
|
||||
|
||||
.ipsTreeTable .parent { background: #eff3f6 url( images/folder_closed.png ) no-repeat 10px 12px; }
|
||||
.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;
|
||||
@@ -2641,16 +2706,16 @@ fieldset.subforums {
|
||||
/* Merge Center */
|
||||
|
||||
del, .diffred {
|
||||
background-color: #FF6666;
|
||||
background-color: #FFD1D1;
|
||||
color: black;
|
||||
font-weight: normal;
|
||||
text-decoration: line-through;
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
ins, .diffgreen {
|
||||
background-color: #5EFB6E;
|
||||
background-color: #D3EBBC;
|
||||
color: black;
|
||||
font-weight: bold;
|
||||
font-weight: normal;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@@ -2838,6 +2903,29 @@ ins, .diffgreen {
|
||||
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 */
|
||||
@@ -2878,4 +2966,455 @@ ins, .diffgreen {
|
||||
-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;
|
||||
}
|
||||
Reference in new issue
Block a user