Posts posted by Envy
-
-
-
-
его содержание:
/* Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved. For licensing, see LICENSE.html or __ckeditor.com/license */ body { /* Font */ font-family: 'Helvetica Neue', Arial, Verdana, sans-serif; font-size: 14px; /* Text color */ color: #222; /* Remove the background color to make it transparent */ background-color: #fff; } p { margin: 0px; } img:-moz-broken { -moz-force-broken-image-icon : 1; width : 24px; height : 24px; } img, input, textarea { cursor: default; } /* Changed from just bbc_emoticon because we vertically align all posted images, while editor baseline-aligns */ img { vertical-align: middle; } strong.bbc { font-weight: bold !important; } em.bbc { font-style: italic !important; } span.bbc_underline { text-decoration: underline !important; } acronym.bbc { border-bottom: 1px dotted #000; } span.bbc_center, div.bbc_center, p.bbc_center { text-align: center; display: block; } span.bbc_left, div.bbc_left, p.bbc_left { text-align: left; display: block; } span.bbc_right, div.bbc_right, p.bbc_right { text-align: right; display: block; } div.bbc_indent { margin-left: 50px; } del.bbc { text-decoration: line-through !important; } ul, ul.bbc { list-style: disc outside; margin: 12px 0 12px 0px; } ul,ul.bbc ul.bbc { list-style-type: circle; } ul,ul.bbc ul.bbc ul.bbc { list-style-type: square; } ul.decimal,ul .decimal, ul.bbc.decimal { list-style-type: decimal !important; } ul.lower-alpha,ul.bbc.lower-alpha { margin-left: 0px; list-style-type: lower-alpha; } ul.upper-alpha,ul.bbc.upper-alpha { margin-left: 0px; list-style-type: upper-alpha; } ul.lower-roman ,ul.bbc.lower-roman { margin-left: 0px; list-style-type: lower-roman; } ul.upper-roman,ul.bbc.upper-roman { margin-left: 0px; list-style-type: upper-roman; } ol,ul,dl { /* IE7: reset rtl list margin. (#7334) */ *margin-right:0px; /* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/ padding:0 40px; } blockquote.ipsBlockquote { font-size: 12px; padding: 10px 10px 10px 10px; border: 2px solid #e5e5e5; border-left: 2px solid #989898; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #f7f7f7; margin: 0 0; overflow-x: none; } blockquote.ipsBlockquote blockquote.ipsBlockquote { margin: 0 10px 0 0; } blockquote.ipsBlockquote p.citation { margin: 6px 10px 0 0; } cite.ipb { font-size: 12px; padding: 0px 10px 8px 10px; border-left: 2px solid #989898; 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-top: 0px; border-bottom: 2px solid #e5e5e5; border-right: 2px solid #e5e5e5; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; font-weight: bold; font-style: normal; overflow-x: auto; margin-top: -1px; margin-bottom: 8px; ; margin-right: -12px; width: 100%; display: block; user-select:none; -webkit-user-select:none; -moz-user-select:none; } pre._prettyXprint { background-color: #fafafa !important; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; color: #fff; padding: 3px; border: 1px solid #c9c9c9; overflow: auto; margin-left: 10px; font-size: 13px; line-height: 140%; width: 95%; margin: 1em auto; padding: 1em; white-space: pre-wrap; font-family: monospace !important; }
что изменить?
-
-
-
-
-
-
-
-
Содержание блока в АЦ-другие приложения-портал:
<?php if ( ! $this->registry->isClassLoaded( 'portalBlocks' ) ) { $classToLoad = IPSLib::loadLibrary( IPSLib::getAppDir( 'portal' ) . "/sources/blocks.php", 'portalBlockGateway' ); $this->registry->setClass( 'portalBlocks', new $classToLoad( ipsRegistry::instance() ) ); } print $this->registry->getClass('portalBlocks')->show_newest_members(); ?>
-
-
-
-
-
-
Здравствуйте!
1 вопрос:
Как сделать, чтобы в названии блоков портала использовался не class="IpsSideBlock", а class="maintitle", в каком шаблоне править?
2 вопрос:
Как сделать отображение блока "новые пользователи" такого вида:
Вместо такого:
3 вопрос:
Как добавить форум регистрации в левом блоке портала?
4 вопрос:
как сделать вид статистики и "самые активные" такого вида:
-
.cke_skin_ips *,
.cke_skin_ips a:hover,
.cke_skin_ips a:link,
.cke_skin_ips a:visited,
.cke_skin_ips a:active
{
margin: 0;
padding: 0;
border: 0;
background: transparent;
text-decoration: none;
font: normal normal normal 100% Sans-Serif;
width: auto;
height: auto;
border-collapse: collapse;
text-align: left;
vertical-align: baseline;
white-space: nowrap;
cursor: auto;
color: #f1f1f1 !important;
font-size: 11px;
font-family: "Helvetica Neue", Arial,Helvetica,Tahoma,Verdana,Sans-Serif;
}
.cke_skin_ips .cke_rtl *,
.cke_skin_ips .cke_rtl a:hover,
.cke_skin_ips .cke_rtl a:link,
.cke_skin_ips .cke_rtl a:visited,
.cke_skin_ips .cke_rtl a:active,
.cke_rtl .cke_skin_ips *,
.cke_rtl .cke_skin_ips a:hover,
.cke_rtl .cke_skin_ips a:link,
.cke_rtl .cke_skin_ips a:visited,
.cke_rtl .cke_skin_ips a:active
{
text-align: right;
}
.cke_skin_ips iframe
{
vertical-align: inherit; /** For IE */
}
.cke_skin_ips textarea
{
white-space: pre;
}
.cke_skin_ips .cke_browser_gecko textarea
{
cursor: text;
}
.cke_skin_ips .cke_browser_gecko textarea[disabled]
{
cursor: default;
}
.cke_skin_ips input[type="text"],
.cke_skin_ips input[type="password"]
{
cursor: text;
}
.cke_skin_ips input[type="text"][disabled],
.cke_skin_ips input[type="password"][disabled]
{
cursor: default;
}
.cke_skin_ips fieldset
{
padding: 10px;
border: 2px groove #333;
}
/** --------------------------------------- mainui.css ---------------------------------------*/
.cke_skin_ips
{
display: block;
margin-bottom: 5px;
}
/* Main editor only settings. */
span.cke_skin_ips
{
/*-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #101010 !important;
padding: 5px;*/
/*border: 1px solid #d6d6d6;*/
border: 0 !important;
}
.cke_skin_ips span.cke_browser_webkit,
.cke_skin_ips span.cke_browser_gecko18
{
display: block;
}
.cke_skin_ips .cke_wrapper
{
/*-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;*/
background-color: #101010 !important;
-moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.6) inset;
background-image: url(images/sprites.png);
background-repeat: repeat-x;
background-position: 0 -1950px;
display: block;
/* IE Quirks: editor chrome overflow horizontally without an explicit width. */
_display: inline-block;
padding: 5px;
/*background-color: Red;*/
}
.cke_shared .cke_skin_ips .cke_wrapper
{
padding-bottom: 0;
}
.cke_skin_ips .cke_browser_ie6 .cke_wrapper,
.cke_skin_ips .cke_browser_iequirks .cke_wrapper
{
background-image: none;
}
.cke_skin_ips .cke_editor
{
/*
border: solid 1px #171717 !important;
*/
display: inline-table;
width: 100%;
}
.cke_skin_ips .ltr .cke_browser_ie iframe
{
margin-right: -10px;
}
.cke_skin_ips .rtl .cke_browser_ie iframe
{
;
}
.cke_skin_ips .cke_browser_opera .cke_editor.cke_skin_ips .cke_resizer
{
display: table;
}
.cke_skin_ips .cke_contents
{
margin: 5px;
}
.cke_skin_ips .cke_hc .cke_contents
{
border: 1px solid black;
}
.cke_skin_ips .cke_contents iframe
{
background-color: #2a2a2a !important;
border-width: 1px;
border-style: solid;
border-color: #101010 #090909 #090909 #101010 !important;
}
.cke_skin_ips .cke_focus
{
outline: auto 5px -webkit-focus-ring-color;
}
.cke_skin_ips textarea.cke_source
{
font-family: 'Courier New' , Monospace;
font-size: small;
background-color: #2a2a2a !important;
white-space: pre;
}
.cke_skin_ips .cke_browser_iequirks textarea.cke_source
{
/* For IE6+Quirks only */
_white-space: normal;
}
.cke_skin_ips .cke_resizer
{
width: 12px;
height: 12px;
margin-top: 9px;
display: block;
float: right;
/* resizer.gif*/
background-image: url(images/sprites.png);
_background-image: url(images/sprites_ie6.png);
background-position: 0 -1428px;
background-repeat: no-repeat;
cursor: se-resize;
}
/* Adobe AIR doesn't support *-resize cursor shape. */
.cke_skin_ips .cke_browser_air .cke_resizer,
.cke_skin_ips .cke_browser_air .cke_rtl .cke_resizer
{
cursor: move;
}
.cke_skin_ips .cke_rtl .cke_resizer
{
cursor: sw-resize;
/* resizer_rtl.gif*/
background-position: 0 -1455px;
float: left;
}
.cke_skin_ips .cke_resizer_horizontal,
.cke_skin_ips .cke_rtl .cke_resizer_horizontal
{
cursor: e-resize;
}
.cke_skin_ips .cke_resizer_vertical,
.cke_skin_ips .cke_rtl .cke_resizer_vertical
{
cursor: n-resize;
}
.cke_skin_ips .cke_maximized .cke_resizer
{
display: none;
}
.cke_skin_ips .cke_browser_ie6 .cke_contents textarea,
.cke_skin_ips .cke_browser_ie7 .cke_contents textarea
{
position: absolute;
}
.cke_skin_ips .cke_browser_ie.cke_browser_quirks .cke_contents iframe
{
position: absolute;
top: 0;
}
.cke_skin_ips .cke_browser_ie6 .cke_editor,
.cke_skin_ips .cke_browser_ie7 .cke_editor
{
display: inline-block;
}
.cke_skin_ips .cke_browser_ie6 .cke_editor,
.cke_shared .cke_skin_ips .cke_browser_ie7 .cke_wrapper
{
padding-bottom: 5px;
}
/* All voice labels are not displayed. */
.cke_skin_ips .cke_voice_label
{
display: none;
}
.cke_skin_ips legend.cke_voice_label
{
display: none;
}
.cke_skin_ips .cke_browser_ie legend.cke_voice_label
{
position: absolute;
display: block;
width: 0;
height: 0;
overflow: hidden;
}
.cke_skin_ips .cke_path {
color: #fff !important;
font-size: 11px;
padding-left:5px;
padding-top: 3px;
float: left;
}
.cke_skin_ips .cke_path a, .cke_skin_ips .cke_path a:active, .cke_skin_ips .cke_path a:visited, .cke_skin_ips .cke_path a:hover {
color: #ddd !important;
cursor: pointer;
}
/** --------------------------------------- panel.css ---------------------------------------*/
.cke_skin_ips .cke_panel
{
border: 1px solid #1e1e18 !important;
background-color: #fff !important;
width: 120px;
height: 100px;
overflow: hidden;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.cke_skin_ips .cke_contextmenu
{
margin: 0;
}
/* Ideally we would use "inherit here"... but you know... IE*/
.cke_skin_ips .cke_panel iframe
{
width: 100%;
height: 100%;
}
/*
* All the following styles are to be used inside the iframe that holds panel
* contents. We don't use the cke_skin_default there to avoid the reset to be
* active.
* This is not an issue as we'll never have two skins running inside the same
* panel iframe.
*/
html.cke_skin_ips_container
{
overflow: auto;
overflow-x: hidden;
}
body.cke_panel_frame
{
overflow: auto;
}
.cke_panel_frame .cke_label
{
display: none;
}
ul.cke_panel_list
{
list-style-type: none;
margin: 3px;
padding: 0px;
white-space: nowrap;
}
li.cke_panel_listItem
{
margin: 0px;
}
.cke_panel_listItem a
{
padding: 2px;
display: block;
border: 1px solid #2a2a2a !important;
color: inherit !important;
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
}
/* IE6 */
* html .cke_panel_listItem a
{
width : 100%;
/* IE is not able to inherit the color, so we must force it to black */
color: #000;
}
/* IE7 */
*:first-child+html .cke_panel_listItem a
{
/* IE is not able to inherit the color, so we must force it to black */
color: #000;
}
.cke_panel_listItem.cke_selected a
{
border: 1px solid #333 !important;
background-color: #444 !important;
}
.cke_panel_listItem a:hover,
.cke_panel_listItem a:focus,
.cke_panel_listItem a:active
{
border-color: #444 !important;
background-color: #222 !important;
}
.cke_hc .cke_panel_listItem.cke_selected a,
.cke_hc .cke_panel_listItem a:hover,
.cke_hc .cke_panel_listItem a:focus,
.cke_hc .cke_panel_listItem a:active
{
border-width: 3px;
padding: 0px;
}
.cke_panel_grouptitle
{
font-size: 11px;
font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
font-weight: bold;
white-space: nowrap;
background-color: #1a1a1a !important;
color: #fff !important;
margin:0px;
padding:3px;
}
.cke_panel_listItem p,
.cke_panel_listItem h1,
.cke_panel_listItem h2,
.cke_panel_listItem h3,
.cke_panel_listItem h4,
.cke_panel_listItem h5,
.cke_panel_listItem h6,
.cke_panel_listItem pre
{
margin-top: 3px;
margin-bottom: 3px;
}
.cke_skin_ips .cke_button_textcolor_panel,
.cke_skin_ips .cke_button_bgcolor_panel
{
width: 150px;
height: 135px;
}
.cke_colorblock
{
padding: 3px;
font-size: 11px;
font-family: 'Microsoft Sans Serif', Tahoma, Arial, Verdana, Sans-Serif;
}
.cke_colorblock,
.cke_colorblock a
{
text-decoration: none;
color: #fff !important;
}
span.cke_colorbox
{
width: 10px;
height: 10px;
border: #383838 1px solid !important;
float: left;
}
.cke_rtl span.cke_colorbox
{
float: right;
}
a.cke_colorbox
{
border: #2a2a2a 1px solid !important;
padding: 2px;
float: left;
}
.cke_rtl a.cke_colorbox
{
float: right;
}
a:hover.cke_colorbox,
a:focus.cke_colorbox,
a:active.cke_colorbox
{
border: #444 1px solid !important;
background-color: #222 !important;
}
a.cke_colorauto,
a.cke_colormore
{
border: #2a2a2a 1px solid !important;
padding: 2px;
display: block;
cursor: pointer;
}
a:hover.cke_colorauto,
a:hover.cke_colormore,
a:focus.cke_colorauto,
a:focus.cke_colormore,
a:active.cke_colorauto,
a:active.cke_colormore
{
border: #444 1px solid !important;
background-color: #222 !important;
}
/** --------------------------------------- toolbar.css ---------------------------------------*/
@media print
{
/* For printing, we simply hide the toolbar */
.cke_skin_ips .cke_toolbox
{
display: none;
}
}
.cke_skin_ips .cke_browser_webkit .cke_toolbox,
.cke_skin_ips .cke_browser_webkit .cke_toolbox > span
{
white-space: normal;
}
.cke_skin_ips .cke_toolbox
{
clear: both;
/* Define the padding-bottom otherwise the collapser button will not be clickable #4932*/
padding-bottom: 1px;
}
.cke_skin_ips a.cke_toolbox_collapser,
.cke_skin_ips a:hover.cke_toolbox_collapser
{
/* arrowtop.gif */
background-image: url(images/sprites.png);
_background-image: url(images/sprites_ie6.png);
background-position: 3px -1366px; /* +3px +4px */
background-repeat: no-repeat;
width: 11px;
height: 11px;
float: right;
border: 1px outset #363636 !important;
margin: 11px 0 2px;
cursor: pointer;
}
.cke_skin_ips .cke_rtl a.cke_toolbox_collapser,
.cke_skin_ips .cke_rtl a:hover.cke_toolbox_collapser
{
float: left;
}
.cke_skin_ips a.cke_toolbox_collapser span
{
display: none;
}
.cke_skin_ips .cke_hc a.cke_toolbox_collapser span
{
font-size: 10px;
font-weight: bold;
font-family: Arial;
display: inline;
}
.cke_skin_ips a.cke_toolbox_collapser_min,
.cke_skin_ips a:hover.cke_toolbox_collapser_min
{
/* arrowleft.gif*/
background-image: url(images/sprites.png);
_background-image: url(images/sprites_ie6.png);
background-position: 4px -1387px; /* +4px +3px */
background-repeat: no-repeat;
margin: 2px 4px;
}
.cke_skin_ips .cke_rtl a.cke_toolbox_collapser_min,
.cke_skin_ips .cke_rtl a:hover.cke_toolbox_collapser_min
{
/* arrowright.gif*/
background-position: 4px -1408px; /* +2px +3px */
}
.cke_skin_ips .cke_toolbar
{
margin-top: 1px;
display: inline;
}
.cke_skin_ips .cke_separator
{
display: none;
}
.cke_skin_ips .cke_break
{
font-size: 0;
clear: left;
}
.cke_skin_ips .cke_rtl .cke_break
{
clear: right;
}
.cke_skin_ips .cke_toolbar_start
{
display: none;
}
.cke_skin_ips .cke_toolgroup
{
-moz-border-radius:2px;
-webkit-border-radius: 2px;
border-radius: 2px;
/*background-image: url(images/sprites.png);
_background-image: url(images/sprites_ie6.png);
background-repeat: repeat-x;
background-position: 0 -500px;*/
background: #242424 !important;
float: left;
margin-right: 6px;
margin-bottom: 5px;
padding: 2px;
display: inline;
}
.cke_skin_ips .cke_rtl .cke_toolgroup
{
float: right;
margin-right: 0;
margin-left: 6px;
}
.cke_skin_ips .cke_rtl .cke_separator
{
float: right !important;
}
.cke_skin_ips .cke_toolgroup
{
display: block;
height: 22px;
}
.cke_skin_ips .cke_button a,
.cke_skin_ips .cke_button a:hover,
.cke_skin_ips .cke_button a:focus,
.cke_skin_ips .cke_button a:active,
.cke_skin_ips .cke_button a.cke_off
{
border-radius: 3px;
outline: none;
padding: 3px 5px;
height: 18px;
display: inline-block;
cursor: default;
}
.cke_skin_ips .cke_button a,
.cke_skin_ips .cke_button a.cke_off
{
/*filter: alpha(opacity=70);
opacity: 0.70;*/
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.cke_skin_ips .cke_hc .cke_button a,
.cke_skin_ips .cke_hc .cke_button a.cke_off
{
opacity: 1.0;
filter: alpha(opacity=100);
border: 1px solid #222 !important;
}
.cke_skin_ips .cke_button a.cke_on
{
/*background-color: #a3d7ff;*/
background-color: #1f1f1f !important;
border: 1px solid #101010;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2) inset;
filter: alpha(opacity=100); /* IE */
opacity: 1; /* Safari, Opera and Mozilla */
padding: 2px 4px;
}
.cke_skin_ips .cke_hc .cke_button a.cke_on
{
padding: 0 2px !important;
border-width: 3px;
}
.cke_skin_ips .cke_button a.cke_disabled *
{
filter: alpha(opacity=30); /* IE */
opacity: 0.3; /* Safari, Opera and Mozilla */
}
/* IE with zoom != 100% will distort the icons otherwise #4821 */
.cke_skin_ips .cke_browser_ie .cke_button a.cke_disabled *,
.cke_skin_ips .cke_browser_ie a:hover.cke_button .cke_disabled *
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale'), alpha(opacity=30);
}
.cke_skin_ips .cke_browser_ie .cke_rtl .cke_button a.cke_disabled *,
.cke_skin_ips .cke_browser_ie .cke_rtl a:hover.cke_button .cke_disabled *
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale'), alpha(opacity=30);
}
.cke_skin_ips .cke_browser_ie6 .cke_button a.cke_disabled *,
.cke_skin_ips .cke_browser_ie6 a:hover.cke_button .cke_disabled *
{
filter: alpha(opacity=30);
}
.cke_skin_ips .cke_hc .cke_button a.cke_disabled *,
.cke_skin_ips .cke_browser_ie.cke_hc a:hover.cke_button .cke_disabled *
{
filter: alpha(opacity=60);
opacity: 0.6;
}
.cke_skin_ips .cke_button a:hover.cke_on,
.cke_skin_ips .cke_button a:focus.cke_on,
.cke_skin_ips .cke_button a:active.cke_on, /* IE */
.cke_skin_ips .cke_button a:hover.cke_off,
.cke_skin_ips .cke_button a:focus.cke_off,
.cke_skin_ips .cke_button a:active.cke_off /* IE */
{
filter: alpha(opacity=100); /* IE */
opacity: 1; /* Safari, Opera and Mozilla */
/*padding: 2px 4px;*/
}
.cke_skin_ips .cke_button a:hover,
.cke_skin_ips .cke_button a:focus,
.cke_skin_ips .cke_button a:active /* IE */
{
background-color: #222 !important;
}
.cke_skin_ips .cke_button a:hover.cke_on,
.cke_skin_ips .cke_button a:focus.cke_on,
.cke_skin_ips .cke_button a:active.cke_on /* IE */
{
background-color: #555 !important;
}
.cke_skin_ips .cke_hc .cke_button a:hover,
.cke_skin_ips .cke_hc .cke_button a:focus,
.cke_skin_ips .cke_hc .cke_button a:active /* IE */
{
padding: 0 2px !important;
border-width: 3px;
}
.cke_skin_ips .cke_button .cke_icon
{
background-image: url({style_images_url}/icons.png);
background-position: 100px;
background-repeat: no-repeat;
margin-top: 1px;
width: 16px;
height: 16px;
display: inline-block;
float: left;
cursor: default;
}
.cke_skin_ips .cke_rtl .cke_button .cke_icon
{
background-image: url(icons_rtl.png);
}
/* IE with zoom != 100% will distort the icons otherwise #4821 */
.cke_skin_ips .cke_browser_ie .cke_button .cke_icon
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
}
.cke_skin_ips .cke_browser_ie .cke_rtl .cke_button .cke_icon
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
}
.cke_skin_ips .cke_browser_ie6 .cke_button .cke_icon,
.cke_skin_ips .cke_browser_ie6 .cke_rtl .cke_button .cke_icon
{
filter: ;
}
.cke_skin_ips .cke_rtl .cke_button .cke_icon
{
float: right;
}
.cke_skin_ips .cke_button .cke_label
{
cursor: default;
display: none;
padding-left: 3px;
line-height: 18px;
vertical-align: middle;
float: left;
}
.cke_skin_ips .cke_rtl .cke_button .cke_label
{
padding-left: 0;
padding-right: 3px;
float: right;
}
.cke_skin_ips .cke_hc .cke_button .cke_label
{
padding: 0;
display: inline-block;
}
.cke_skin_ips .cke_hc .cke_button .cke_icon
{
display: none;
}
.cke_skin_ips .cke_accessibility
{
position: absolute;
display: block;
width: 0;
height: 0;
overflow: hidden;
}
.cke_skin_ips .cke_button .cke_buttonarrow
{
display: inline-block;
height: 17px;
width: 8px;
background-position: 2px -1469px; /* (+2, -5) */
background-image: url(images/sprites.png);
_background-image: url(images/sprites_ie6.png);
background-repeat: no-repeat;
float: left;
cursor: default;
}
/* IE with zoom != 100% will distort the icons otherwise #4821 */
.cke_skin_ips .cke_browser_ie .cke_button .cke_buttonarrow
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
}
.cke_skin_ips .cke_browser_ie6 .cke_button .cke_buttonarrow
{
filter: ;
}
.cke_skin_ips .cke_rtl .cke_button .cke_buttonarrow
{
background-position: 0 -1469px; /* (0, -5) */
float: right;
}
/*** Firefox 2 ***/
.cke_skin_ips .cke_browser_gecko .cke_toolbar,
.cke_skin_ips .cke_browser_gecko .cke_button a,
.cke_skin_ips .cke_browser_gecko .cke_button a.cke_off,
.cke_skin_ips .cke_browser_gecko .cke_button .cke_icon,
.cke_skin_ips .cke_browser_gecko .cke_button .cke_buttonarrow,
.cke_skin_ips .cke_browser_gecko .cke_separator,
.cke_skin_ips .cke_browser_gecko .cke_toolbar_start
{
display: block;
float: left;
}
.cke_skin_ips .cke_browser_gecko.cke_hc .cke_button .cke_icon
{
display: none;
}
.cke_skin_ips .cke_browser_gecko .cke_rtl .cke_toolbar,
.cke_skin_ips .cke_browser_gecko .cke_rtl .cke_button a,
.cke_skin_ips .cke_browser_gecko .cke_rtl.cke_button a.cke_off,
.cke_skin_ips .cke_browser_gecko .cke_rtl .cke_button .cke_icon,
.cke_skin_ips .cke_browser_gecko .cke_rtl .cke_button .cke_buttonarrow,
.cke_skin_ips .cke_browser_gecko .cke_rtl .cke_toolbar_start
{
float: right;
}
.cke_skin_ips .cke_browser_gecko .cke_button .cke_label,
.cke_skin_ips .cke_browser_gecko .cke_break
{
float: left;
}
.cke_skin_ips .cke_browser_gecko .cke_rtl .cke_button .cke_label,
.cke_skin_ips .cke_browser_gecko .cke_rtl .cke_break
{
float: right;
}
/*** IE ***/
/* The biggest problem with IE is the RTL support (and float:right). It's
totally broken, and quite delicate. IE8 fixed these issues. */
.cke_skin_ips .cke_browser_ie .cke_rtl .cke_button .cke_icon,
.cke_skin_ips .cke_browser_ie .cke_rtl .cke_button .cke_label,
.cke_skin_ips .cke_browser_ie .cke_rtl .cke_button .cke_buttonarrow
{
float: none;
}
/*** WebKit ***/
/* We have originally used display:inline-block+float for cke_toolbar and it
worked well in all browsers, except IE+RTL. We had to change it to inline
and remove the float. This change didn't play well with Safari. */
.cke_skin_ips .cke_browser_webkit .cke_toolbar
{
float: left;
}
.cke_skin_ips .cke_browser_webkit .cke_rtl .cke_toolbar
{
float: right;
}
/*** Mixed Fixes ***/
.cke_skin_ips .cke_browser_ie8 .cke_button .cke_label,
.cke_skin_ips .cke_browser_opera .cke_button .cke_label,
.cke_skin_ips .cke_browser_webkit .cke_button .cke_label
{
line-height: 20px;
}
.cke_skin_ips .cke_browser_opera.cke_browser_quirks .cke_button .cke_label,
.cke_skin_ips .cke_browser_iequirks .cke_button .cke_label
{
line-height: 17px;
}
/* Fix cursor shape consistency on toolbar combos (#4031) */
.cke_skin_ips .cke_browser_ie .cke_rcombo,
.cke_skin_ips .cke_browser_ie .cke_rcombo *
{
cursor: default;
}
.cke_skin_ips .cke_browser_ie .cke_toolbox
{
padding-bottom: 5px;
_padding-bottom: 6px;
}
.cke_shared .cke_skin_ips .cke_browser_ie .cke_toolbox
{
padding-bottom: 0;
}
/** --------------------------------------- menu.css ---------------------------------------*/
.cke_skin_ips .cke_contextmenu
{
padding: 2px;
}
.cke_skin_ips .cke_menuitem a
{
display:block;
}
.cke_skin_ips .cke_menuitem span
{
cursor: default;
}
.cke_skin_ips .cke_menuitem a:hover,
.cke_skin_ips .cke_menuitem a:focus,
.cke_skin_ips .cke_menuitem a:active
{
background-color: #444 !important;
display:block;
}
.cke_hc .cke_menuitem a:hover,
.cke_hc .cke_menuitem a:focus,
.cke_hc .cke_menuitem a:active
{
border: 2px solid;
}
.cke_skin_ips .cke_menuitem .cke_icon
{
background-image: url({style_images_url}/icons.png);
background-position: 100px;
background-repeat:no-repeat;
background-color: transparent;
width: 16px;
height: 16px;
float: left;
}
.cke_rtl .cke_skin_ips .cke_menuitem .cke_icon
{
background-image: url(icons_rtl.png);
}
/* IE with zoom != 100% will distort the icons otherwise #4821 */
.cke_browser_ie .cke_skin_ips .cke_menuitem .cke_icon
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
}
.cke_browser_ie.cke_rtl .cke_skin_ips .cke_menuitem .cke_icon
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
}
.cke_browser_ie6 .cke_skin_ips .cke_menuitem .cke_icon
{
filter: ;
}
.cke_skin_ips .cke_menuitem .cke_disabled .cke_icon
{
filter: alpha(opacity=70); /* IE */
opacity: 0.70; /* Safari, Opera and Mozilla */
}
/* IE with zoom != 100% will distort the icons otherwise #4821 */
.cke_browser_ie .cke_skin_ips .cke_menuitem .cke_disabled .cke_icon
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
}
.cke_browser_ie.cke_rtl .cke_skin_ips .cke_menuitem .cke_disabled .cke_icon
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
}
.cke_browser_ie6 .cke_skin_ips .cke_menuitem .cke_disabled .cke_icon
{
filter: ;
}
.cke_skin_ips .cke_menuitem .cke_icon_wrapper
{
background-color: #545454;
border: solid 4px #545454;
width: 16px;
height: 16px;
float: left;
filter: alpha(opacity=70); /* IE */
opacity: 0.70; /* Safari, Opera and Mozilla */
clear: both;
}
.cke_skin_ips .cke_menuitem.cke_noalphafix .cke_icon_wrapper .cke_icon
{
width: 20px;
height: 20px;
;
margin-top: -2px;
}
/* IE9 insists on border box model on this element.*/
.cke_browser_ie9 .cke_skin_ips .cke_menuitem .cke_icon_wrapper
{
width:24px;
height:24px;
}
.cke_rtl .cke_skin_ips .cke_menuitem .cke_icon_wrapper
{
float: right;
}
.cke_skin_ips .cke_menuitem a:hover .cke_icon_wrapper,
.cke_skin_ips .cke_menuitem a:focus .cke_icon_wrapper,
.cke_skin_ips .cke_menuitem a:active .cke_icon_wrapper
{
background-color: #1f1f1f !important;
border: solid 4px #1f1f1f !important;
filter: alpha(opacity=70); /* IE */
opacity: 0.70; /* Safari, Opera and Mozilla */
}
.cke_skin_ips .cke_menuitem a:hover.cke_disabled .cke_icon_wrapper,
.cke_skin_ips .cke_menuitem a:focus.cke_disabled .cke_icon_wrapper,
.cke_skin_ips .cke_menuitem a:active.cke_disabled .cke_icon_wrapper
{
background-color: #444 !important;
border: solid 4px #444 !important;
}
.cke_skin_ips .cke_menuitem .cke_label
{
display:block;
padding-right: 3px;
padding-top: 5px;
padding-left: 4px;
height:19px;
margin-left: 24px;
background-color: #2a2a2a !important;
}
/* IE9 insists on border box model on this element.*/
.cke_browser_ie9 .cke_skin_ips .cke_menuitem .cke_label
{
height:24px;
}
/* Set these after the document has been loaded and we know the dimensions*/
.cke_skin_ips .cke_frameLoaded .cke_menuitem .cke_label
{
filter: alpha(opacity=70); /* IE */
opacity: 0.70; /* Safari, Opera and Mozilla */
}
.cke_rtl .cke_skin_ips .cke_menuitem .cke_label
{
padding-right: 0;
margin-left: 0;
padding-left: 3px;
margin-right: 28px;
}
.cke_skin_ips .cke_menuitem a.cke_disabled .cke_label
{
filter: alpha(opacity=30); /* IE */
opacity: 0.30; /* Safari, Opera and Mozilla */
}
.cke_skin_ips .cke_menuitem a:hover .cke_label,
.cke_skin_ips .cke_menuitem a:focus .cke_label,
.cke_skin_ips .cke_menuitem a:active .cke_label
{
background-color: #444 !important;
}
.cke_skin_ips .cke_menuitem a.cke_disabled:hover .cke_label,
.cke_skin_ips .cke_menuitem a.cke_disabled:focus .cke_label,
.cke_skin_ips .cke_menuitem a.cke_disabled:active .cke_label
{
background-color: transparent;
}
.cke_skin_ips .cke_menuseparator
{
background-color: #444 !important;
height: 2px;
filter: alpha(opacity=70); /* IE */
opacity: 0.70; /* Safari, Opera and Mozilla */
_font-size: 0;
}
.cke_skin_ips .cke_menuarrow
{
/* arrowright.gif*/
background-image: url(images/sprites.png);
_background-image: url(images/sprites_ie6.png);
background-position: 0 -1411px;
background-repeat: no-repeat;
height: 5px;
width: 3px;
float: right;
margin-right: 2px;
margin-top: 3px;
}
.cke_rtl .cke_skin_ips .cke_menuarrow
{
float: left;
margin-right: 0;
margin-left: 2px;
/* arrowleft.gif*/
background-image: url(images/sprites.png);
_background-image: url(images/sprites_ie6.png);
background-position: 0px -1390px;
background-repeat: no-repeat;
}
.cke_skin_ips .cke_menuarrow span
{
display: none;
}
.cke_hc .cke_skin_ips .cke_menuarrow
{
width: auto;
margin-top: 0;
}
.cke_hc .cke_skin_ips .cke_menuarrow span
{
display: inline;
}
/* #3766 In the context menu, long labels with second level menu get wrapped */
.cke_browser_ie.cke_ltr .cke_skin_ips .cke_menuarrow
{
position: absolute;
right: 2px;
}
.cke_browser_ie.cke_rtl .cke_skin_ips .cke_menuarrow
{
position: absolute;
left: 2px;
}
/* END #3766 */
/** --------------------------------------- richcombo.css ---------------------------------------*/
.cke_skin_ips .cke_rcombo {
display:inline-block;
float:left;
margin-left:2px;
margin-right:2px;
margin-top:2px;
vertical-align:top;
}
.cke_skin_ips .cke_rcombopanel {
-moz-border-radius-topleft:0;
-webkit-border-top-left-radius:0;
border:1px solid #aaa;
border-top-left-radius:0;
}
.cke_skin_ips .cke_rcombo a {
display:inline-block;
filter:alpha(opacity=70);
float:left;
opacity:.70;
}
.cke_skin_ips .cke_rcombo .cke_label {
cursor:default;
display:inline-block;
filter:alpha(opacity=70);
float:left;
height:24px;
line-height:24px;
opacity:.70;
padding-left:4px;
padding-right:5px;
vertical-align:top;
}
.cke_skin_ips .cke_rtl .cke_rcombo .cke_label {
float:right;
padding-left:5px;
padding-right:4px;
}
.cke_skin_ips .cke_rcombo .cke_text {
background-color:#2a2a2a !important;
border:1px solid #1e1e18 !important;
cursor:default;
display:inline-block;
height:14px;
overflow:hidden;
padding:4px 5px;
text-overflow:ellipsis;
vertical-align:top;
width:60px;
}
.cke_skin_ips .cke_ltr .cke_rcombo .cke_text {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-topleft:3px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-top-left-radius:3px;
border-bottom-left-radius:3px;
border-top-left-radius:3px;
}
.cke_skin_ips .cke_rtl .cke_rcombo .cke_text {
-moz-border-radius-bottomright:3px;
-moz-border-radius-topright:3px;
-webkit-border-bottom-right-radius:3px;
-webkit-border-top-right-radius:3px;
border-bottom-right-radius:3px;
border-top-right-radius:3px;
}
.cke_skin_ips .cke_browser_iequirks .cke_rcombo .cke_text {
height:22px;
}
.cke_skin_ips .cke_rcombo .cke_openbutton {
background-image:url(images/sprites3.png);
background-position:5px -1002px;
background-repeat:no-repeat;
border-bottom:1px solid #1e1e18 !important;
border-top:1px solid #1e1e18 !important;
display:inline-block;
height:22px;
width:14px;
}
.cke_skin_ips .cke_ltr .cke_rcombo .cke_openbutton {
-moz-border-radius-bottomright:3px;
-moz-border-radius-topright:3px;
-webkit-border-bottom-right-radius:3px;
-webkit-border-top-right-radius:3px;
border-bottom-right-radius:3px;
border-right:1px solid #1e1e18 !important;
border-top-right-radius:3px;
}
.cke_skin_ips .cke_rtl .cke_rcombo .cke_openbutton {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-topleft:3px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-top-left-radius:3px;
border-bottom-left-radius:3px;
border-left:1px solid #1e1e18 !important;
border-top-left-radius:3px;
}
.cke_skin_ips .cke_rcombo .cke_off a:hover .cke_text,.cke_skin_ips .cke_rcombo .cke_off a:focus .cke_text,.cke_skin_ips .cke_rcombo .cke_off a:active .cke_text,.cke_skin_ips .cke_rcombo .cke_on .cke_text {
border-color:#333 !important;
}
.cke_skin_ips .cke_rcombo .cke_off a:hover .cke_openbutton,.cke_skin_ips .cke_rcombo .cke_off a:focus .cke_openbutton,.cke_skin_ips .cke_rcombo .cke_off a:active .cke_openbutton,.cke_skin_ips .cke_rcombo .cke_on .cke_openbutton {
background-color:#2f2f2f !important;
border-color:#333 !important;
}
.cke_skin_ips .cke_rcombo .cke_on .cke_text {
-moz-border-radius-bottomleft:0;
-webkit-border-bottom-left-radius:0;
border-bottom-left-radius:0;
}
.cke_skin_ips .cke_rcombo .cke_on .cke_openbutton {
-moz-border-radius-bottomright:0;
-webkit-border-bottom-right-radius:0;
border-bottom-right-radius:0;
}
.cke_skin_ips .cke_hc .cke_rcombo .cke_disabled .cke_label {
filter:alpha(opacity=70);
opacity:.7;
}
.cke_skin_ips .cke_rcombo .cke_disabled .cke_text,.cke_skin_ips .cke_rcombo .cke_disabled .cke_openbutton {
filter:alpha(opacity=50);
opacity:.5;
}
.cke_skin_ips .cke_hc .cke_rcombo .cke_disabled .cke_text,.cke_skin_ips .cke_hc .cke_rcombo .cke_disabled .cke_openbutton {
filter:alpha(opacity=80);
opacity:.8;
}
.cke_skin_ips .cke_rtl .cke_rcombo .cke_font .cke_text,.cke_skin_ips .cke_rtl .cke_rcombo .cke_fontSize .cke_text {
direction:ltr;
}
.cke_skin_ips .cke_rcombo .cke_label { display: none; }
/** --------------------------------------- elementspath.css ---------------------------------------*/
/* Don't need */
/** --------------------------------------- icons.css ---------------------------------------*/
.cke_skin_ips .cke_button_source .cke_icon
{
background-position: 0 0 !important;
}
.cke_skin_ips .cke_button_newpage .cke_icon
{
background-position: 0 -48px !important;
}
.cke_skin_ips .cke_button_preview .cke_icon
{
background-position: 0 -64px !important;
}
.cke_skin_ips .cke_button_cut .cke_icon
{
background-position: 0 -96px !important;
}
.cke_skin_ips .cke_button_copy .cke_icon
{
background-position: 0 -112px !important;
}
.cke_skin_ips .cke_button_paste .cke_icon
{
background-position: 0 -128px !important;
}
.cke_skin_ips .cke_button_pastetext .cke_icon
{
background-position: 0 -144px !important;
}
.cke_skin_ips .cke_button_find .cke_icon
{
background-position: 0 -240px !important;
}
.cke_skin_ips .cke_button_replace .cke_icon
{
background-position: 0 -256px !important;
}
.cke_skin_ips .cke_button_selectAll .cke_icon
{
background-position: 0 -272px !important;
}
.cke_skin_ips .cke_button_removeFormat .cke_icon
{
background-position: 0 -288px !important;
}
.cke_skin_ips .cke_button_bold .cke_icon
{
background-position: 0 -304px !important;
}
.cke_skin_ips .cke_button_italic .cke_icon
{
background-position: 0 -320px !important;
}
.cke_skin_ips .cke_button_underline .cke_icon
{
background-position: 0 -336px !important;
}
.cke_skin_ips .cke_button_strike .cke_icon
{
background-position: 0 -352px !important;
}
.cke_skin_ips .cke_button_subscript .cke_icon
{
background-position: 0 -368px !important;
}
.cke_skin_ips .cke_button_superscript .cke_icon
{
background-position: 0 -384px !important;
}
.cke_skin_ips .cke_button_table .cke_icon
{
background-position: 0 -608px !important;
}
.cke_skin_ips .cke_button_horizontalrule .cke_icon
{
background-position: 0 -624px !important;
}
.cke_skin_ips .cke_button_smiley .cke_icon
{
background-position: 0 -640px !important;
}
.cke_skin_ips .cke_button_link .cke_icon
{
background-position: 0 -528px !important;
}
.cke_skin_ips .cke_button_unlink .cke_icon
{
background-position: 0 -544px !important;
}
.cke_skin_ips .cke_button_anchor .cke_icon
{
background-position: 0 -560px !important;
}
.cke_skin_ips .cke_button_image .cke_icon
{
background-position: 0 -576px !important;
}
.cke_skin_ips .cke_button_flash .cke_icon
{
background-position: 0 -592px !important;
}
.cke_skin_ips .cke_button_specialchar .cke_icon
{
background-position: 0 -656px !important;
}
.cke_skin_ips .cke_button_pagebreak .cke_icon
{
background-position: 0 -672px !important;
}
.cke_skin_ips .cke_button_print .cke_icon
{
background-position: 0 -176px !important;
}
.cke_skin_ips .cke_button_checkspell .cke_icon,
.cke_skin_ips .cke_button_scayt .cke_icon
{
background-position: 0 -192px !important;
}
.cke_skin_ips .cke_button_pagebreak .cke_icon
{
background-position: 0 -672px !important;
}
.cke_skin_ips .cke_button_textcolor .cke_icon
{
background-position: 0 -704px !important;
}
.cke_skin_ips .cke_button_bgcolor .cke_icon
{
background-position: 0 -720px !important;
}
.cke_skin_ips .cke_button_form .cke_icon
{
background-position: 0 -752px !important;
}
.cke_skin_ips .cke_button_checkbox .cke_icon
{
background-position: 0 -768px !important;
}
.cke_skin_ips .cke_button_radio .cke_icon
{
background-position: 0 -784px !important;
}
.cke_skin_ips .cke_button_textfield .cke_icon
{
background-position: 0 -800px !important;
}
.cke_skin_ips .cke_button_textarea .cke_icon
{
background-position: 0 -816px !important;
}
.cke_skin_ips .cke_button_showblocks .cke_icon
{
background-position: 0 -1136px !important;
}
.cke_skin_ips .cke_button_select .cke_icon
{
background-position: 0 -832px !important;
}
.cke_skin_ips .cke_button_button .cke_icon
{
background-position: 0 -848px !important;
}
.cke_skin_ips .cke_button_imagebutton .cke_icon
{
background-position: 0 -864px !important;
}
.cke_skin_ips .cke_button_hiddenfield .cke_icon
{
background-position: 0 -880px !important;
}
.cke_skin_ips .cke_button_undo .cke_icon
{
background-position: 0 -208px !important;
}
.cke_skin_ips .cke_rtl .cke_button_undo .cke_icon
{
background-position: 0 -224px !important;
}
.cke_skin_ips .cke_button_redo .cke_icon
{
background-position: 0 -224px !important;
}
.cke_skin_ips .cke_rtl .cke_button_redo .cke_icon
{
background-position: 0 -208px !important;
}
.cke_skin_ips .cke_button_templates .cke_icon
{
background-position: 0 -80px !important;
}
.cke_skin_ips .cke_button_numberedlist .cke_icon
{
background-position: 0 -400px !important;
}
.cke_skin_ips .cke_button_bulletedlist .cke_icon
{
background-position: 0 -416px !important;
}
.cke_skin_ips .cke_mixed_dir_content .cke_button_numberedlist .cke_icon
{
background-position: 0 -1217px !important;
}
.cke_skin_ips .cke_mixed_dir_content .cke_button_bulletedlist .cke_icon
{
background-position: 0 -1233px !important;
}
.cke_skin_ips .cke_button_outdent .cke_icon
{
background-position: 0 -432px !important;
}
.cke_skin_ips .cke_button_indent .cke_icon
{
background-position: 0 -448px !important;
}
.cke_skin_ips .cke_mixed_dir_content .cke_button_indent .cke_icon
{
background-position: 0 -1265px !important;
}
.cke_skin_ips .cke_mixed_dir_content .cke_button_outdent .cke_icon
{
background-position: 0 -1249px !important;
}
.cke_skin_ips .cke_button_justifyleft .cke_icon
{
background-position: 0 -464px !important;
}
.cke_skin_ips .cke_button_justifycenter .cke_icon
{
background-position: 0 -480px !important;
}
.cke_skin_ips .cke_button_justifyright .cke_icon
{
background-position: 0 -496px !important;
}
.cke_skin_ips .cke_button_justifyblock .cke_icon
{
background-position: 0 -512px !important;
}
.cke_skin_ips .cke_button_blockquote .cke_icon
{
background-position: 0 -1152px !important;
}
.cke_skin_ips .cke_button_creatediv .cke_icon
{
background-position: 0 -1168px !important;
}
.cke_skin_ips .cke_button_editdiv .cke_icon
{
background-position: 0 -1184px !important;
}
.cke_skin_ips .cke_button_removediv .cke_icon
{
background-position: 0 -1200px !important;
}
.cke_skin_ips .cke_button_flash .cke_icon
{
background-position: 0 -592px !important;
}
.cke_skin_ips .cke_button_pastefromword .cke_icon
{
background-position: 0 -160px !important;
}
.cke_skin_ips .cke_button_save .cke_icon
{
background-position: 0 -32px !important;
}
.cke_skin_ips .cke_button_about .cke_icon
{
background-position: 0 -736px !important;
}
.cke_skin_ips .cke_button_maximize .cke_icon
{
background-position: 0 -1040px !important;
}
.cke_skin_ips .cke_button_editdiv .cke_icon
{
background-position: 0 -1184px !important;
}
.cke_skin_ips .cke_button_bidirtl .cke_icon
{
background-position: 0 -1072px !important;
}
.cke_skin_ips .cke_button_bidiltr .cke_icon
{
background-position: 0 -1056px !important;
}
.cke_skin_ips .cke_button_iframe .cke_icon
{
background-position: 0 -1279px !important;
}
/** --------------------------------------- presets.css ---------------------------------------*/
/* "Source" button label */
.cke_skin_ips .cke_button_source .cke_label
{
display: inline;
}
/* "Styles" panel size */
.cke_skin_ips .cke_styles_panel
{
width: 150px;
height: 170px;
}
/* "Format" panel size */
.cke_skin_ips .cke_format_panel
{
width: 150px;
height: 170px;
}
/* "Font" panel size */
.cke_skin_ips .cke_font_panel
{
width: 150px;
height: 170px;
}
/* "Font Size" panel size */
.cke_skin_ips .cke_fontSize_panel
{
height: 170px;
}
/* "Font Size" combo width */
.cke_skin_ips .cke_fontSize .cke_text
{
width: 30px;
}
/* "Font Size" combo width (IE Quirks) */
.cke_skin_ips .cke_browser_iequirks .cke_fontSize .cke_text
{
width: 37px;
}
/* Restore the container visibility */
html .cke_skin_ips
{
visibility: inherit;
}
html.cke_skin_ips_container
{
visibility: visible;
}
/* bug fix for IE7 & 8 */
.cke_skin_ips .cke_browser_ie7 .cke_openbutton,
.cke_skin_ips .cke_browser_ie8 .cke_openbutton {
position: relative !important;
top: -10px !important;
}
/***************************************************************/
/* IP.Board 3.2 Editor CSS */
/* ___________________________________________________________ */
/* By Matt Mecham */
/***************************************************************/
/* Styles for the editor (colors in main css) */
/***************************************************************/
.bbcode_hilight {
background-color: yellow;
}
.as_content {
background: #1a1a1a;
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;
}
.ipsEditor_textarea {
width: 99%;
height: 200px;
font-size: 14px;
}
.cke_browser_webkit {outline:none !important;}
/* Main tool bar BG */
.cke_top {
background: #232323 url({style_images_url}/editor/toolbar_bg.png) repeat-x !important;
}
/* Normal STD */
.cke_skin_ips textarea.cke_source {
/* removed as causes pasted text to appear on one line: white-space: pre-line !important;*/
}
/* Minimized RTE */
.cke_skin_ips .cke_wrapper.minimized {
opacity: 0.6 !important;
background: none !important;
border: none !important;
}
/* Minimized STD */
.cke_skin_ips .cke_wrapper.minimized.std {
border: 2px solid #101010 !important;
}
/* Main Editor wrapper */
.cke_skin_ips { margin-bottom: 0px !important; }
.cke_skin_ips .cke_wrapper
{
padding: 0px 5px 0px 3px !important;
border: 2px solid #101010 !important;
background-color: #232323 !important;
background-image: none !important;
}
/* OFF state for editor buttons */
.cke_skin_ips .cke_toolgroup
{
background-color: transparent !important;
}
/* HOVER 'off' button */
.cke_skin_ips .cke_button a:hover,
.cke_skin_ips .cke_button a:focus,
.cke_skin_ips .cke_button a:active /* IE */
{
background-color: #101010 !important;
}
/* HOVER 'on' button */
.cke_skin_ips .cke_button a:hover.cke_on,
.cke_skin_ips .cke_button a:focus.cke_on,
.cke_skin_ips .cke_button a:active.cke_on /* IE */
{
background-color: #86caff !important;
}
/* Button group */
.cke_skin_ips .cke_toolgroup
{
margin-right: 0px !important;
}
/* Button separator */
.cke_skin_ips .cke_separator
{
border-left:solid 1px #101010;
display:inline-block !important;
float:left;
height:30px;
margin:0px 2px;
}
/* DIALOG: Modal blind */
.cke_dialog_background_cover
{
background-color: #3e3e3e !important;
}
/* DIALOG: Title - based on .maintitle */
.cke_skin_ips .cke_dialog_title
{
background: #444 url({style_images_url}/h3.png) repeat-x top !important;
color: #fff !important;
padding: 10px 10px 11px !important;
font-size: 16px !important;
font-weight: 300 !important;
text-shadow: 0 1px 2px rgba(0,0,0,0.3);
font-weight: normal;
}
/* Dialog: Body */
.cke_skin_ips .cke_dialog_body {
z-index: 20000 !important;
}
/* Dialog tab bg (will usually match dialog title) */
.cke_skin_ips .cke_dialog_tabs {
background: #444 !important;
}
/* Dialog Title close button */
.cke_skin_ips .cke_dialog_close_button
{
background: transparent url({style_images_url}/close_popup.png) no-repeat top left !important;
width: 13px !important;
height: 13px !important;
top: 11px !important;
right: 10px !important;
}
/* Dialog OK / Cancel buttons - based on ipsButton_secondary*/
.cke_skin_ips span.cke_dialog_ui_button
{
height: 22px !important;
line-height: 22px !important;
font-size: 12px !important;
color: #aaa !important;
padding: 0 10px !important;
background: #383838 !important;
background: -moz-linear-gradient(top, #383838 0%, #262626 100%) !important; /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383838), color-stop(100%,#262626)) !important; /* webkit */
border: 1px solid #1f1f1f !important;
-moz-box-shadow: 0px 0px 0px rgba(255,255,255,0) inset, 0px 1px 0px rgba(0,0,0,0.3) !important;
-webkit-box-shadow: 0px 0px 0px rgba(255,255,255,0) inset, 0px 1px 0px rgba(0,0,0,0.3) !important;
box-shadow: 0px 0px 0px rgba(255,255,255,0) inset, 0px 1px 0px rgba(0,0,0,0.3) !important;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
color: #ddd !important;
display: inline-block !important;
white-space: nowrap !important;
}
/* Turn off resizer */
.cke_skin_ips .cke_dialog_footer .cke_resizer { display: none; }
/* Emo slide out tray */
.ipsSmileyTray
{
position: relative;
text-align: center;
overflow: auto;
margin: 0px auto 0px auto;
padding: 4px 24px 4px 24px;
min-width: 600px;
width: 75%;
height: 32px;
border: 1px solid #101010;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-border-radius-topleft: 0px;
-webkit-border-radius-topleft: 0px;
border-top-left-radius: 0px;
-moz-border-radius-topright: 0px;
-webkit-border-radius-topright: 0px;
border-top-right-radius: 0px;
border-top: 0px;
-moz-box-shadow: inset 0 1px 0 0 #1f1f1f, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #1f1f1f, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #1f1f1f, 0px 2px 3px rgba(0,0,0,0.2);
background: #232323;
overflow-y: hidden;
}
.ipsSmileyTray img.bbc_emoticon {
opacity: 0.8;
cursor: pointer;
margin: 6px 3px 0px 3px;
max-width: 30px;
max-height: 30px;
}
.ipsSmileyTray img.bbc_emoticon:hover {
opacity: 1.0;
}
.ipsSmileyTray .ipsSmileyTray_next {
background: transparent url({style_images_url}/editor/next.png) no-repeat;
background-position: 0px 10px;
display: inline-block;
/*float: right;
position: relative;
right: -20px;*/
position: absolute;
right: 5px;
top: 4px;
width: 13px;
height: 30px;
cursor: pointer;
}
.ipsSmileyTray .ipsSmileyTray_prev {
background: transparent url({style_images_url}/editor/prev.png) no-repeat;
background-position: 0px 10px;
display: inline-block;
/*position: relative;
left: -20px;
float: left;*/
position: absolute;
left: 5px;
top: 4px;
width: 13px;
height: 30px;
cursor: pointer;
}
.ipsSmileyTray_all {
display: block;
width: auto;
margin: 3px auto 0px auto;
text-align: center;
cursor: pointer;
font-size: 10px !important;
}
/* Dialogs */
.cke_dialog.cke_single_page td.cke_dialog_contents {
height: auto !important;
}
.cke_dialog .cke_dialog_ui_textarea { height: 130% !important }
/* ACP Specific */
table.cke_editor td { padding: 0px !important; }
-
Edited by HooLIGUN
Длинные коды под спойлер.Изображения на сервер
Менял цвета рядом с этим кодом, менялся только бэкграунд темыo_0???? Мб поищите просто по
.post_body
Вот код ipbstyles.css:
/************************************************************************/ /* IP.Board 3 CSS - By Rikki Tissier - (c)2011 Invision Power Services */ /* Enhanced and modified by Ehren // __www.ipbforumskins.com */ /************************************************************************/ /* ipb_styles.css */ /************************************************************************/ /************************************************************************/ /* RESET (Thanks to YUI) */ 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-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; border: 0; } address{ display: inline; } /************************************************************************/ /* CORE ELEMENT STYLES */ body { background:#212121; color: #bcbcbc; font: normal 11px tahoma, helvetica, arial, sans-serif; position: relative; padding-bottom: 20px; } /* body#ipboard_body.redirector { background: #fff !important; } */ input, select, textarea { font: normal 12px tahoma, helvetica, arial, sans-serif; } h3, strong { font-weight: bold; } em { font-style: italic; } img, .input_check, .input_radio { vertical-align: middle; } legend { display: none; } table { width: 100%; } td { padding: 3px; } a { color: #a6c7d7; text-decoration: none; } a:hover { color: #bcd380; } #index_stats a{ color: #bcd380; } #index_stats a:hover{ color: #d5eb9d; } ::-moz-selection { color: #fff; background: #757575; } ::selection { color: #fff; background: #757575; } /************************************************************************/ /* LISTS */ .ipsList_inline > li { display: inline-block; margin: 0 3px; } .ipsList_inline > li:first-child { margin-left: 0; } .ipsList_inline > li:last-child { margin-right: 0; } .ipsList_inline.ipsList_reset > li:first-child { margin-left: 3px; } .ipsList_inline.ipsList_reset > li:last-child { margin-right: 3px; } .ipsList_inline.ipsList_nowrap { white-space: nowrap; } .ipsList_withminiphoto > li { /*margin-bottom: 8px;*/ padding: 7px; } .ipsList_withmediumphoto > li .list_content { margin-left: 60px; } .ipsList_withminiphoto > li .list_content { margin-left: 44px; } #index_stats .ipsList_withtinyphoto .list_content, .ipsList_withtinyphoto > li .list_content { margin-left: 32px; } .list_content { word-wrap: break-word; } .ipsList_data li { padding: 6px; line-height: 1.3; } .ipsList_data .row_data { display: inline-block; word-wrap: break-word; max-width: 100%; } .ipsList_data .row_title, .ipsList_data .ft { display: inline-block; float: left; width: 120px; font-weight: bold; text-align: right; padding-right: 10px; } .ipsList_data.ipsList_data_thin .row_title, .ipsList_data.ipsList_data_thin .ft { width: 80px; } .ipsList_menuglob > li { display: inline-block; margin: 0 10px; width: 100px; } .ipsList_inline > li:first-child { margin-left: 0; } .ipsList_inline > li:last-child { margin-right: 0; } .ipsList_inline.ipsList_reset > li:first-child { margin-left: 10px; } .ipsList_inline.ipsList_reset > li:last-child { margin-right: 10px; } .ipsList_inline.ipsList_nowrap { white-space: nowrap; } /************************************************************************/ /* TYPOGRAPHY */ .ipsType_pagetitle, .ipsType_subtitle { font: 300 26px/1.4 Helvetica, Arial, sans-serif; color: #eaeaea; } .ipsType_subtitle { font-size: 18px; } .ipsType_sectiontitle { font-size: 16px; font-weight: normal; color: #e0e0e0; padding: 5px 0; } .ipsType_pagedesc { color: #e0e0e0; line-height: 1.5; } .ipsType_pagedesc a { text-decoration: underline; } .ipsType_textblock { line-height: 1.7; } .ipsType_small { font-size: 11px; } .ipsType_smaller, .ipsType_smaller a { font-size: 11px !important; } .ipsBox_container .ipsType_pagetitle{ margin-bottom: 6px; } .ipsReset { margin: 0px !important; padding: 0px !important; } /************************************************************************/ /* LAYOUT */ .wrapper{ margin: 0 auto; min-width: 980px; max-width: 1600px; width: 90%; } #content { padding: 10px 0px; line-height: 120%; } /************************************************************************/ /* COLORS */ .row1, .post_block.row1 { background-color: #292929; } .row2, .post_block.row2 { background-color: #292929; } /*.unread { background-color: #f7fbfc; } .unread .altrow, .unread.altrow { background-color: #E2E9F0; }*/ .unread .highlight_unread{ font-weight: bold; } #recentajaxcontent li, #idm_categories a, #index_stats .status_list li, #panel_files .file_listing li, #panel_screenshots #ss_linked li, .file_listing, #cart_totals td, div#member_filters li, #files li, #order_review td, #package_details .package_info, .block_list li, .package_view_top, .member_entry, #help_topics li, .ipsBox_container .ipsType_pagetitle, .userpopup dl, #announcements td, .preview_info, .sideVerticalList li, fieldset.with_subhead ul, .ipsList_data li, .ipsList_withminiphoto li, table.ipb_table td, .store_categories li, #mini_cart li, #index_stats div[id*="statusReply"], #ipg_category .ipg_category_row, .gallery_pane h2, .status_feedback li[id*="statusReply"], .ipsSideMenu ul li, .ipbfs_login_row, .ipbfs_login .clearfix, .articles .block-1, .articles .type-1x2x2 .article_row, #idm_category .idm_category_row, #category_list li a, .ipsComment{ border-top: 1px solid #353535; border-bottom: 1px solid #252525; } .ipbfs_login_row, .gallery_pane h2, .ipsBox_container .ipsType_pagetitle, #index_stats .status_list:first-of-type li:first-child, .ipsList_data li:first-of-type, .ipsList_withminiphoto li:first-of-type{ border-top: 0; } .ipsSideMenu ul, #register_form hr, #login_form hr, .ipsSettings_section, #index_stats div[id*="statusReply"]:first-of-type{ border-top: 1px solid #252525; } .articles .type-1x2x2 .article_row:last-of-type, .store_categories ul:last-of-type li:last-of-type, #idm_categories li:last-of-type a, #idm_category .idm_category_row:last-of-type, .sideVerticalList li:last-of-type, #index_stats div[id*="statusReply"].status_reply, .ipsList_withminiphoto li:last-of-type, .member_entry:last-of-type, .ipsList_data li:last-of-type, #help_topics li:last-of-type, table.ipb_table tr:last-of-type td{ border-bottom: 0; } /* primarily used for topic preview header */ .highlighted, .highlighted .altrow { background-color: #232323; } .border, .statistics, .post_block, .ipsComment, .popupInner, .no_messages, .poll_question ol, .ipsBox_container, .ipsFloatingAction, .column_view .post_body{ background: #292929; } #idm_category .idm_category_row, .store_categories li, #idm_categories a, .ipsList_data li, .ipsList_withminiphoto li, table.ipb_table tr td{ background-image: url("{style_images_url}/row_gradient.png"); background-repeat: repeat-x; background-position: 0 0; } .ipsBox_container { border: 1px solid #393939; } .ipsBox .ipsBox_notice, .ipsBox_highlight { background: #222222; border-bottom: 1px solid #393939; } .border{ border: 1px solid #454545; } .removeDefault .ipsBox, .removeDefault.ipsBox{ padding: 0; background: none transparent; } .removeDefault .ipsBox_container, .removeDefault.ipsBox_container{ border: 0; } .maintitle { background: #527496 url('{style_images_url}/maintitle.png') repeat-x 0 0; color: #fff; text-shadow: rgba(0,0,0,0.25) 0px -1px 0px; padding: 12px; font-size: 12px; font-weight: 300; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 1px; overflow: hidden; margin-bottom: 0px; -webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px; -moz-box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px; box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px; } h3.maintitle{ font-weight: bold; } .maintitle a { color: #fff; } .collapsed .maintitle { opacity: 0.2; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .collapsed .maintitle:hover { opacity: 0.4; } .maintitle .toggle { visibility: hidden; background: url('{style_images_url}/cat_minimize.png') no-repeat; text-indent: -3000em; width: 32px; height: 22px; margin: -5px -5px -10px 0; display: block; outline: 0; } .maintitle:hover .toggle { visibility: visible; } .collapsed .toggle { background-image: url('{style_images_url}/cat_maximize.png'); } .header_left{ background: url('{style_images_url}/header_left.png') no-repeat 0 0; } .header_right{ background: url('{style_images_url}/header_right.png') no-repeat 100% 0; } .maintitle_base{ background: #363636 url('{style_images_url}/maintitle_base.png') repeat-x 0 0; } .maintitle_base .maintitle{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 0; background: none transparent; } /* mini badges */ a.ipsBadge:hover { color: #fff; } .ipsBadge_green { background: #7ba60d; } .ipsBadge_purple { background: #af286d; } .ipsBadge_grey { background: #515151; } .ipsBadge_lightgrey { background: #848484; } .ipsBadge_orange { background: #ED7710; } .ipsBadge_red { background: #bf1d00; } .bar { } .bar.altbar { /*background: #b6c7db; color: #1d3652;*/ } .header { color: #fff; text-shadow: rgba(0,0,0,0.8) 0px -1px 0px; background: #222222 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; } .header th{ border-bottom: 1px solid #393939; padding: 6px !important; } body .ipb_table .header a, body .topic_options a { color: #fff; } .bbc_url, .bbc_email { color: #bcd380; text-decoration: underline; } /* Dates */ .date, .poll_question .votes { color: #747474; font-size: 11px; } .no_messages { padding: 15px 10px; } /* Tab bars */ .tab_bar { background-color: #2a2a2a; color: #818181; } .tab_bar li.active { background-color: #454545; color: #fff; } .tab_bar.no_title.mini { border-bottom: 8px solid #454545; } /* Menu popups */ .ipbmenu_content, .ipb_autocomplete { background: #1a1a1a; border: 1px solid #393939; -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px; -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px; box-shadow: rgba(0,0,0,0.1) 0px 1px 5px; } .ipbmenu_content li, .ipb_autocomplete li { border-top: 1px solid #252525; border-bottom: 1px solid #111111; background: url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; } .ipb_autocomplete li{ padding: 3px; } .ipb_autocomplete li.active { background-color: #252525; } .ipbmenu_content a{ color: #fff; } .ipbmenu_content a:hover { background: #202020 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; } /* Forms */ .input_submit { background: #5a7fa0 url('{style_images_url}/highlight_faint.png') repeat-x 0 0; border-color: #3f3f3f; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px -1px 0px; -moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px; -webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px; box-shadow: rgba(0,0,0,0.15) 0px 1px 3px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .input_submit:hover { background-color: #76a1c7; color: #fff; } .input_submit.alt { background: #393939 url('{style_images_url}/highlight_faint.png') repeat-x 0 0; border-color: #585858; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px -1px 0px; -moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px; -webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px; box-shadow: rgba(0,0,0,0.15) 0px 1px 3px; } .input_submit.alt:hover { background-color: #434343; color: #fff; } .input_submit.delete { background: #ad2930 url('{style_images_url}/highlight_faint.png') repeat-x 0 0; border-color: #962D29; color: #fff; text-shadow: #771c20 0px -1px 0px; } .input_submit.delete:hover { background-color: #bf3631; color: #fff; } .input_submit:active{ -webkit-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 4px; -moz-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 4px; box-shadow: inset rgba(0,0,0,0.3) 0px 1px 4px; position: relative; top: 1px; } .input_submit.alt:active{ -webkit-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 4px; -moz-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 4px; box-shadow: inset rgba(0,0,0,0.3) 0px 1px 4px; } body#ipboard_body fieldset.submit, body#ipboard_body p.submit, .ipsForm_submit{ background: #232323 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; border-top: 1px solid #373737; } /* Moderated styles */ .moderated, body .moderated td, .moderated td.altrow, .post_block.moderated, .post_block.moderated .post_body, body td.moderated, body td.moderated { background-color: #36120e; } .post_block.moderated { border: 0 !important; } .post_block.moderated .post_wrap, .post_block.moderated h3, .moderated .row2, .moderated .post_controls { background-color: #4a1a14; border: 0; } .moderated, .moderated a { color: #fcd9d9; } .moderated h3, .moderated h3 a { color: #fff !important; } /************************************************************************/ /* HEADER */ #header_bar { background: #323232 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 1px; padding: 0; text-align: right; } #admin_bar { font-size: 11px; line-height: 28px; padding: 0 12px; background: #090909; border-bottom: 1px solid #2b2b2b; overflow: hidden; } #admin_bar li{ padding-left: 10px; padding-right: 10px; } #admin_bar li.active a { color: #fc6d35; } #admin_bar a { color: #8a8a8a; } #admin_bar a:hover { color: #fff; } #user_navigation { color: #9f9f9f; float: right; font-size: 11px; line-height: 35px; height: 35px; overflow: hidden; border-left: 1px solid #2b2b2b; } #user_navigation a { color: #fff; float: left; padding: 0 12px; line-height: 35px; outline: none; height: 35px; border-right: 1px solid #2b2b2b; } #user_navigation a:hover { background: #232323; } #user_navigation .user_photo{ position: relative; height: 27px; width: auto; margin: -3px -8px 0px -8px; } #user_navigation #sign_in img, #user_navigation #register_link img{ vertical-align: middle; position: relative; margin: -1px 2px 0 0; } #user_navigation .ipsList_inline li { margin: 0; padding: 0; float: left; } #user_link_dd, .dropdownIndicator { display: inline-block; width: 9px; height: 5px; background: url('{style_images_url}/header_dropdown.png') no-repeat left; } #user_link_menucontent #links li { width: 50%; float: left; margin: 3px 0; white-space: nowrap; } #user_link_menucontent #links a{ display: block; } #user_link.menu_active #user_link_dd, .menu_active .dropdownIndicator, li.active .dropdownIndicator { background-position: right; } #community_app_menu .menu_active .dropdownIndicator { background-position: left; } #community_app_menu li.active .menu_active .dropdownIndicator { background-position: right; } #user_link_menucontent #statusForm { margin-bottom: 15px; } #user_link_menucontent #statusUpdate { margin-bottom: 5px; } #user_link_menucontent > div { margin-left: 15px; width: 265px; text-align: left; } #statusSubmitGlobal { margin-top: 3px; } #user_navigation a#user_link.menu_active, #user_navigation a#notify_link.menu_active, #user_navigation a#inbox_link.menu_active { background: #1d1d1d; color: #fff; /*-moz-border-radius: 3px 3px 0 0; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-radius: 3px 3px 0 0;*/ position: relative; z-index: 10000; } #notify_link, #inbox_link { vertical-align: middle; width: 20px; padding: 0px 8px !important; position: relative; } #notify_link img { background-image: url('{style_images_url}/icon_notify.png'); } #inbox_link img { background-image: url('{style_images_url}/icon_inbox.png'); } #notify_link img, #inbox_link img{ width: 20px; height: 20px; background-repeat: no-repeat; background-position: 0 0; margin-top: -2px; } #notify_link.menu_active img, #inbox_link.menu_active img{ background-position: 0 -20px; } .services img{ margin: -1px -2px 0 -2px; } #branding { background: url('{style_images_url}/banner_bg.png') repeat-x 0 0; height: 92px; } #logo { float: left; } /* Text logo */ /*#logo a{ color: #fff; height: 64px; line-height: 64px; padding: 0 12px; font-weight: bold; font-size: 24px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; display: block; text-decoration: none; }*/ #nav_wrap{ background: #171717; border-top: 1px solid #2b2b2b; border-bottom: 1px solid #3e3e3e; height: 41px; } #primary_nav { font-size: 12px; text-transform: uppercase; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; float: left; padding: 3px 0 0 0; } #community_app_menu > li { margin: 0px 3px 0 0; position: relative; } #community_app_menu > li > a { color: #bcbcbc; background: #1d1d1d; border-left: 1px solid #1f1f1f; border-right: 1px solid #1f1f1f; border-top: 1px solid #252525; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; display: block; outline: none; padding: 0px 15px; line-height: 31px; height: 31px; } #community_app_menu > li > a:hover, #community_app_menu > li > a.menu_active { background: #202020; border-top: 1px solid #303030; border-left: 1px solid #272727; border-right: 1px solid #272727; color: #fff; } #community_app_menu > li.active a { background: #212121; color: #fff; border-top: 1px solid #565656; border-left: 1px solid #2f2f2f; border-right: 1px solid #2f2f2f; position: relative; padding-bottom: 1px; } #community_app_menu > li > a.ipbmenu img{ margin-right: -6px; } #primary_extra_menucontent, #more_apps_menucontent, .submenu_container { background: #202020; border: 1px solid #272727; border-top: 0; font-size: 11px; min-width: 140px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -moz-border-radius: 0 0 4px 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-radius: 0 0 4px 4px; } #primary_extra_menucontent li, #more_apps_menucontent li, .submenu_container li { padding: 0; border: 0; background: none transparent; float: none !important; min-width: 150px; } #primary_extra_menucontent a, #more_apps_menucontent a, .submenu_container a { display: block; padding: 8px 10px; color: #fff; } #primary_extra_menucontent a:hover, #more_apps_menucontent a:hover, .submenu_container a:hover { background: #242424; color: #fff; } #primary_extra_menucontent li:last-child a, #more_apps_menucontent li:last-child a{ -moz-border-radius: 0 0 4px 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-radius: 0 0 4px 4px; } #community_app_menu .submenu_container { width: 260px; } #community_app_menu .submenu_container li {width: 260px; } #secondary_navigation{ background: #202020 url('{style_images_url}/secondary_nav_bg.png') repeat-x 0 0; border: 1px solid #2d2d2d; text-shadow: rgba(0,0,0,0.8) 0px -1px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; line-height: 37px; margin-bottom: 15px; } #secondary_navigation a{ color: #bcd380; line-height: 37px; height: 37px; } #secondary_navigation a:hover{ color: #d5eb9d; } #secondary_navigation #breadcrumb li { float: left; } #secondary_navigation #breadcrumb li a { padding-left: 12px; ; background: url('{style_images_url}/secondary_nav.png') no-repeat 0 0; display: block; outline: none; text-decoration: none; } #secondary_navigation #breadcrumb li.first a{ margin-left: 0; background: none; padding-left: 0px; } #secondary_navigation #breadcrumb li span{ display: block; padding-right: 17px; padding-left: 4px; background: url('{style_images_url}/secondary_nav.png') no-repeat 100% 0; } #secondary_navigation #breadcrumb li > span{ padding-left: 4px; background: none transparent; color: #d7d7d7; } #secondary_navigation #breadcrumb li.first a span{ padding-left: 12px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; } #secondary_navigation #breadcrumb li a:hover{ background-position: 0 -43px; } #secondary_navigation #breadcrumb li a:hover span{ background-position: 100% -43px; } #secondary_navigation #breadcrumb li a:active{ background-position: 0 -86px; } #secondary_navigation #breadcrumb li a:active span{ background-position: 100% -86px; } #secondary_links{ overflow: hidden; } #secondary_links li{ float: left; margin: 0; } #secondary_links a{ padding: 0 12px; display: block; } #secondary_links img { vertical-align: top; width: 16px; height: 16px; position: relative; opacity: 0.8; margin: 10px -4px 0 -4px; } #secondary_links a:hover img { opacity: 1; } .breadcrumb { color: #d7d7d7; font-size: 11px; } .breadcrumb a { color: #d7d7d7; } .breadcrumb li .nav_sep { margin: 0 5px 0 0; } .breadcrumb li:first-child{ margin-left: 0; } /*.breadcrumb.top { margin-bottom: 10px; }*/ .breadcrumb.bottom { margin-top: 10px; width: 100%; display: none; } .ipsHeaderMenu { background: #1d1d1d; padding: 10px; -moz-border-radius: 0 0 6px 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; border-radius: 0 0 6px 6px; overflow: hidden; width: 340px; } .ipsHeaderMenu.boxShadow{ -webkit-box-shadow: rgba(0,0,0,0.4) 0px 0px 10px; -moz-box-shadow: rgba(0,0,0,0.4) 0px 0px 10px; box-shadow: rgba(0,0,0,0.4) 0px 0px 10px; } .ipsHeaderMenu .ipsType_sectiontitle { margin-bottom: 8px; } #user_notifications_link_menucontent.ipsHeaderMenu, #user_inbox_link_menucontent.ipsHeaderMenu { width: 300px; } /************************************************************************/ /* SEARCH */ #search { margin-top: 33px; } #main_search { font-size: 12px; border: 0; padding: 0; background: transparent; width: 138px; outline: 0; } #main_search.inactive { color: #bcbcbc; } #search_wrap { position: relative; background: #fff; display: block; padding: 0 26px 0 4px; height: 26px; line-height: 25px; -moz-border-radius: 3px 4px 4px 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 3px; border-radius: 3px 4px 4px 3px; -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2); box-shadow: 0px 2px 4px rgba(0,0,0,0.2); min-width: 230px; } #adv_search { width: 26px; height: 26px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: url('{style_images_url}/advanced_search.png') no-repeat 50% 50%; text-indent: -3000em; display: inline-block; margin-left: 3px; } #adv_search:hover{ background-color: rgba(0,0,0,0.2); } #search .submit_input { background: #7ba60d url('{style_images_url}/search_icon.png') no-repeat 50%; text-indent: -3000em; padding: 0; border: 0; display: block; width: 26px; height: 26px; position: absolute; right: 0; top: 0; bottom: 0; -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; -webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2); -moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2); box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2); } #search .submit_input:hover{ background-color: #91bb25; } #search_options { font-size: 10px; height: 20px; line-height: 20px; margin: 3px 3px 3px 0; padding: 0 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #eaeaea url('{style_images_url}/highlight_faint.png') repeat-x 0 1px; color: #222; display: inline-block; text-shadow: #fff 0px 1px 0px; float: right; } #search_options_menucontent { min-width: 130px; padding: 0; background: #1a1a1a; border: 1px solid #393939; } #search_options_menucontent input { margin-right: 10px; } #search_options_menucontent li { border-top: 1px solid #252525; border-bottom: 1px solid #111111; background: url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; white-space: nowrap; } #search_options_menucontent li:last-of-type{ border-bottom: 0; } #search_options_menucontent label:hover{ background: #202020 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; } #search_options_menucontent label { cursor: pointer; display: block; padding: 0 6px; } #search_options_menucontent li.title{ padding: 3px 6px; } /************************************************************************/ /* FOOTER */ #backtotop, #bottomScroll{ width: 24px; height: 24px; line-height: 20px; left: 50%; top: 50%; ; margin-top: -12px; position: absolute; display: inline-block; background: #151515; -webkit-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px; -moz-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px; box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px; text-align: center; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; opacity: 0.4; outline: 0; } #bottomScroll:hover, #backtotop:hover { background: #151515; color: #fff; opacity: 1; } #footer_utilities { padding: 8px; position: relative; border: 1px solid #454545; text-shadow: rgba(0,0,0,0.8) 0px -1px 0px; background: #292929 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; } #footer_utilities, #footer_utilities a{ color: #b8b8b8; } #footer_utilities .ipbmenu_content a{ color: #fff; } #footer_utilities .ipsList_inline{ margin-top: 3px; clear: left; float: left; } #footer_utilities .ipsList_inline > li{ margin: 0; } #footer_utilities .ipsList_inline > li > a { margin-right: 0px; padding: 4px 10px; display: inline-block; } #footer_utilities a.menu_active { background: url('{style_images_url}/trans30.png') repeat; background: rgba(0,0,0,0.3); color: #fff; text-shadow: rgba(0,0,0,0.3) 0px -1px 0px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px; -moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px; box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px; } #copyright { /*color: #848484;*/ text-align: right; line-height: 22px; float: right; } /*#copyright a { color: #848484; }*/ #ipsDebug_footer { width: 900px; margin: 8px auto 0px auto; text-align: center; color: #404040; font-size: 11px; } #ipsDebug_footer strong { margin-left: 20px; } #ipsDebug_footer a { color: #404040; } #rss_menu { background-color: #f78e30; border: 0; } #rss_menu li { border: 0; border-bottom: 1px solid #fbb969; } #rss_menu li:last-of-type{ border-bottom: 0; } #rss_menu a { color: #fff; text-shadow: #dc7214 0px -1px 0px; padding: 5px 8px; background: url("{style_images_url}/highlight_faint.png") repeat-x 0 -1px; } #rss_menu a:hover { background: #f89f37 url("{style_images_url}/highlight_faint.png") repeat-x 0 -1px; color: #fff; } /************************************************************************/ /* GENERAL CONTENT */ .ipsUserPhoto { padding: 1px; border: 1px solid #515151; background: #393939; -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: #5f5f5f; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2); box-shadow: 0px 2px 2px rgba(0,0,0,0.2); } .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; } .general_box { } .general_box .none { color: #bcbcbc; } .general_box.poll{ margin: 0; border-width: 0 0 1px 0; } .ipsBox, .ipsPad { padding: 9px; } .ipsPad_double { padding: 9px 19px; } /* 19px because it's still only 1px border to account for */ .ipsBox_withphoto { margin-left: 65px; } .ipsBox_notice { padding: 10px; line-height: 1.6; margin-bottom: 10px; } .ipsBox_container .ipsBox_notice { /*margin: -10px -10px 10px -10px; */ } .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; } .ipsMargin_top { margin-top: 9px; } .ipsBlendLinks_target .ipsBlendLinks_here { opacity: 0.5; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.2s ease-in-out; } .ipsBlendLinks_target:hover .ipsBlendLinks_here { opacity: 1; } .block_list > li { padding: 5px 10px; } .ipsModMenu { width: 15px; height: 15px; display: inline-block; text-indent: -2000em; background: url('{style_images_url}/moderation_cog.png') no-repeat; margin-right: 5px; vertical-align: middle; } .ipsBadge { vertical-align: middle; display: inline-block; height: 16px; line-height: 16px; padding: 0 5px; font-size: 9px; font-weight: bold; text-transform: uppercase; color: #fff; text-shadow: rgba(0,0,0,0.2) 0px -1px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-image: url('{style_images_url}/highlight.png'); background-repeat: repeat-x; background-position: 0 -1px; } #nav_app_ipchat .ipsBadge { position: absolute; } #ajax_loading { background: #000; color: #fff; text-align: center; padding: 5px 0 8px; width: 8%; top: 0px; left: 46%; -moz-border-radius: 0 0 5px 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-radius: 0 0 5px 5px; z-index: 10000; position: fixed; -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2); box-shadow: 0px 3px 5px rgba(0,0,0,0.2); opacity:0.6; } #ipboard_body.redirector { width: 500px; margin: 150px auto 0 auto; } #ipboard_body.minimal { padding-top: 40px; } #ipboard_body.minimal #ipbwrapper{ width: 900px; margin: 0 auto; } #ipboard_body.minimal #content { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 20px 30px; margin-bottom: 10px; } #ipboard_body.minimal h1 { font-size: 32px; } #ipboard_body.minimal .ipsType_pagedesc { font-size: 16px; } .progress_bar { background-color: #363636; border: 1px solid #535353; } .progress_bar span { background: #535353 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; color: #fff; font-size: 0em; font-weight: bold; text-align: center; text-indent: -2000em; height: 10px; display: block; overflow: hidden; } .progress_bar.limit span { background: #b13c3c url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; } .progress_bar span span { display: none; } .progress_bar.user_warn { margin: 0 auto; width: 80%; } .progress_bar.user_warn span { height: 6px; } .progress_bar.topic_poll { margin-top: 2px; width: 40%; } li.rating a { outline: 0; } .antispam_img { margin: 0 3px 5px 0; } span.error { color: #ad2930; font-weight: bold; clear: both; } #recaptcha_widget_div { max-width: 350px; } #recaptcha_table { border: 0 !important; } /************************************************************************/ /* GENERIC REPEATED STYLES */ /* Inline lists */ .tab_filters ul, .tab_filters li, fieldset.with_subhead span.desc, fieldset.with_subhead label,.user_controls li { display: inline; } /* Utility styles */ .right { float: right; } .left { float: left; } .hide { display: none; } .short { text-align: center; } .clear { clear: both; } .clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; overflow: hidden;} .faded { opacity: 0.5 } .clickable { cursor: pointer; } .reset_cursor { cursor: default; } /* Bullets */ .bullets ul, .bullets ol, ul.bullets, ol.bullets { list-style: disc; margin-left: 30px; line-height: 150%; list-style-image: none; } .bullets li{ padding: 2px; } /* Rounded corners */ #user_navigation #new_msg_count, .rounded { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .desc, .desc.blend_links a, p.posted_info { font-size: 11px; color: #898989; } .desc.lighter, .desc.lighter.blend_links a { color: #646464; } /* Cancel */ .cancel { font-size: 0.9em; font-weight: bold; } .cancel, .cancel:hover{ color: #ad2930; } /* Moderation */ em.moderated { font-size: 11px; font-style: normal; font-weight: bold; } /* Positive/Negative */ .positive { color: #6f8f52; } .negative { color: #c7172b; } /* Search highlighting */ .searchlite { background-color: yellow; color: red; font-size:14px; } /* Users posting */ .activeuserposting { font-style: italic; } /************************************************************************/ /* COLUMN WIDTHS FOR TABLES */ /* col_f = forums; col_c = categories; col_m = messenger; col_n = notifications */ .col_f_post { width: 250px !important; } .is_mod .col_f_post { width: 210px !important; } td.col_c_post { padding-top: 10px !important; width: 250px; } .col_f_icon { padding: 0 0 0 3px !important; width: 24px !important; text-align: center; vertical-align: middle; } .col_n_icon { vertical-align: middle; width: 24px; padding: 0 !important; } .col_f_views, .col_m_replies { width: 100px !important; text-align: right; white-space: nowrap; } .col_f_mod, .col_m_mod, .col_n_mod { width: 40px; text-align: right; } .col_f_preview { width: 20px !important; text-align: right; } .col_c_icon { padding: 10px 2px 10px 8px !important; width: 33px; vertical-align: middle; } .col_c_post .ipsUserPhoto { margin-top: 3px; } .col_n_date { width: 250px; } .col_m_photo, .col_n_photo { width: 30px; } .col_m_mod { text-align: right; } .col_r_icon { width: 3%; } .col_f_topic, .col_m_subject { width: 49%; } .col_f_starter, .col_r_total, .col_r_comments { width: 10%; } .col_m_date, .col_r_updated, .col_r_section { width: 18%; } .col_c_stats { width: 15%; text-align: right; } .col_c_forum { width: auto; } .col_mod, .col_r_mod { width: 3%; } .col_r_title { width: 26%; } /*.col_c_forum, .col_c_stats, .col_c_icon, .col_c_post { vertical-align: top; }*/ /************************************************************************/ /* TABLE STYLES */ table.ipb_table { width: 100%; line-height: 1.3; } table.ipb_table td { padding: 10px; } table.ipb_table tr.unread h4 { font-weight: bold; } table.ipb_table tr.highlighted td { border-bottom: 0; } table.ipb_table th { font-size: 11px; font-weight: bold; padding: 8px 6px; } .last_post { margin-left: 45px; } .last_post, .col_c_stats, .col_f_views, .line_height, .ipsList_withminiphoto .list_content{ line-height: 18px; } #user_notifications_link_menucontent .list_content{ line-height: 130%; } .col_c_post .ipsUserPhotoLink{ margin-top: -1px; } .forum_desc{ padding-top: 5px; } table.ipb_table h4, table.ipb_table .topic_title { font-size: 12px; display: inline-block; } table.ipb_table .unread .topic_title { font-weight: bold; } table.ipb_table .ipsModMenu { visibility: hidden; } table.ipb_table tr:hover .ipsModMenu, table.ipb_table tr .ipsModMenu.menu_active { visibility: visible; } #announcements h4 { display: inline; } #announcements td { } .announcement img{ margin-right: 4px; } .forum_data { font-size: 11px; color: #5c5c5c; display: inline-block; white-space: nowrap; margin: 0px 0 0 8px; } .desc_more { background: url('{style_images_url}/desc_more.png') no-repeat top; display: inline-block; width: 13px; height: 13px; text-indent: -2000em; } .desc_more:hover { background-position: bottom; } .category_block .ipb_table h4 { /*font-size: 15px; word-wrap: break-word;*/ } table.ipb_table .subforums { margin: 7px 0 3px 0px; overflow: hidden; } table.ipb_table .subforums li{ background: url('{style_images_url}/subforum_nonew.png') no-repeat 0 50%; padding: 0 15px 0 15px; margin: 0; float: left; } table.ipb_table .subforums li.unread { font-weight: bold; background-image: url('{style_images_url}/subforum_new.png'); } table.ipb_table .expander { visibility: hidden; width: 16px; height: 16px; display: inline-block; } table.ipb_table tr:hover .expander { visibility: visible; opacity: 0.2; } table.ipb_table td.col_f_preview { cursor: pointer; } table.ipb_table tr td:hover .expander, .expander.open, .expander.loading { visibility: visible !important; opacity: 1; } table.ipb_table .expander.closed { background: url('{style_images_url}/icon_expand_close.png') no-repeat 0 0; } table.ipb_table .expander.open { background: url('{style_images_url}/icon_expand_close.png') no-repeat 0 -19px; } table.ipb_table .expander.loading { background: url('{style_images_url}/loading.gif') no-repeat; } table.ipb_table .preview td { padding: 20px 10px 20px 29px; z-index: 20000; border-top: 0; } table.ipb_table .preview td > div { line-height: 1.4; position: relative; } table.ipb_table .preview td { -webkit-box-shadow: 0px 4px 5px rgba(0,0,0,0.15); -moz-box-shadow: 0px 4px 5px rgba(0,0,0,0.15); box-shadow: 0px 4px 5px rgba(0,0,0,0.15); } .preview_col { margin-left: 80px; } .preview_info { padding: 5px; background: rgba(0,0,0,0.08); margin: -3px 0 3px; } table.ipb_table .mini_pagination { opacity: 0.5; } table.ipb_table tr:hover .mini_pagination { opacity: 1; } /************************************************************************/ /* 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; ; 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; ; } .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; ; } .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; ; } .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; ; } .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; ; } .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; } /************************************************************************/ /* NEW FORMS */ .ipsField .ipsField_title { font-weight: bold; font-size: 12px; line-height: 1.6; } .ipsForm_required { color: #ab1f39; font-weight: bold; } .ipsForm_horizontal .ipsField_title { float: left; width: 185px; padding-right: 15px; padding-top: 3px; text-align: right; line-height: 1.8; } .ipsForm_horizontal .ipsField { margin-bottom: 15px; } .ipsForm_horizontal .ipsField_content, .ipsForm_horizontal .ipsField_submit { margin-left: 200px; } .ipsForm_horizontal .ipsField_checkbox { margin: 0 0 5px 200px; } .ipsForm_horizontal .ipsField_select .ipsField_title { line-height: 1.6; } .ipsForm_vertical .ipsField { margin-bottom: 10px; } .ipsForm_vertical .ipsField_content { margin-top: 3px; } .ipsForm .ipsField_checkbox .ipsField_content { margin-left: 25px; } .ipsForm .ipsField_checkbox input { float: left; margin-top: 3px; } .ipsField_primary input { font-size: 18px; } .ipsForm_submit { padding: 5px 10px; text-align: right; margin-top: 25px; } .ipsForm_right { text-align: right; } .ipsForm_left { text-align: left; } .ipsForm_center { text-align: center; } /************************************************************************/ /* SETTINGS SCREENS */ .ipsSettings_pagetitle { font-size: 20px; margin-bottom: 5px; } .ipsSettings { padding: 0 0px; } .ipsSettings_section { margin: 0 0 15px 0; padding: 15px 0 0 0; } .ipsSettings_section > div { margin-left: 175px; } .ipsSettings_section > div ul li { margin-bottom: 10px; } .ipsSettings_section .desc { margin-top: 3px; } .ipsSettings_sectiontitle { font: bold 13px Helvetica, Arial, sans-serif; width: 165px; padding-left: 10px; line-height: 18px; float: left; } .ipsSettings_fieldtitle { min-width: 100px; margin-right: 10px; font-size: 14px; display: inline-block; vertical-align: top; padding-top: 3px; } /************************************************************************/ /* 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('{style_images_url}/stems/tooltip_top.png') no-repeat bottom center; } .ipsTooltip.top_left { background-position: bottom left; } .ipsTooltip.bottom { background: url('{style_images_url}/stems/tooltip_bottom.png') no-repeat top center; } .ipsTooltip.left { background: url('{style_images_url}/stems/tooltip_left.png') no-repeat center right; } .ipsTooltip.right { background: url('{style_images_url}/stems/tooltip_right.png') no-repeat center left; } /************************************************************************/ /* AlertFlag */ .ipsHasNotifications { padding: 0px 4px; height: 12px; line-height: 12px; background: #cf2020; color: #fff !important; font-size: 9px; text-align: center; -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: 2px; -webkit-border-radius: 2px; border-radius: 2px; position: absolute; top: 4px; left: 3px; } .ipsHasNotifications_blank { display: none; } #chat-tab-count.ipsHasNotifications { left: auto; top: 3px; right: 3px; text-shadow: none !important; } /************************************************************************/ /* SIDEBAR STYLE */ .ipsSideMenu { padding: 10px 0; } .ipsSideMenu h4 { margin: 0 10px 5px 25px; font-weight: bold; color: #dddddd; } .ipsSideMenu ul { margin-bottom: 20px; } .ipsSideMenu ul li { font-size: 11px; } .ipsSideMenu ul li a { padding: 5px 10px 5px 25px; display: block; } .ipsSideMenu ul li a:hover{ background-color: rgba(0,0,0,0.03); } .ipsSideMenu ul li.active a { background: #282828 url('{style_images_url}/icon_check_white.png') no-repeat 6px 8px; color: #fff; font-weight: bold; } /***************************************************************************/ /* WIZARDS */ .ipsSteps { background: #2a2a2a; border: 1px solid #515151; height: 55px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .ipsSteps li:first-child{ -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; } .ipsSteps ul li { float: left; padding: 11px 33px 5px 18px; color: #c3c3c3; background-image: url('{style_images_url}/wizard_step.png'); background-repeat: no-repeat; background-position: 100% -56px; position: relative; height: 39px; text-shadow: rgba(0,0,0,0.4) 0px -1px 0px; } .ipsSteps .ipsSteps_active { background-position: 100% 0; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px -1px 0px; } .ipsSteps .ipsSteps_done { } .ipsSteps_desc { font-size: 11px; } .ipsSteps_arrow { display: none; } .ipsSteps_title { display: block; font-size: 14px; padding-bottom: 4px; } .ipsSteps_active .ipsSteps_arrow { display: block; position: absolute; left: -23px; top: 0; width: 23px; height: 55px; background: url('{style_images_url}/wizard_step.png') no-repeat 0 -112px; } .ipsSteps ul li:first-child .ipsSteps_arrow { display: none !important; } /************************************************************************/ /* VERTICAL TABS (profile etc.) */ .ipsVerticalTabbed { } .ipsVerticalTabbed_content { min-height: 400px; } .ipsVerticalTabbed_tabs > ul { width: 149px !important; margin-top: 10px; border-top: 1px solid #393939; border-left: 1px solid #393939; } .ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs > ul { width: 40px !important; } .ipsVerticalTabbed_tabs li { background: #242424; color: #808080; border-bottom: 1px solid #393939; font-size: 12px; } .ipsVerticalTabbed_tabs li a { display: block; padding: 10px 8px; outline: 0; color: #8d8d8d; } .ipsVerticalTabbed_tabs li a:hover { background: #292929; color: #c9c9c9; } .ipsVerticalTabbed_tabs li.active a { width: 135px; position: relative; z-index: 8000; background: #292929; color: #fff; font-weight: bold; } .ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs li.active a { width: 24px; } /************************************************************************/ /* 'LIKE' FUNCTIONS */ .ipsLikeBar { margin: 10px 0; font-size: 11px; } .ipsLikeBar_info { line-height: 22px; background: #4d4d4d; padding: 0 10px; display: inline-block; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .ipsLikeButton { line-height: 22px; padding: 0 7px 0 26px; font-size: 11px; display: inline-block; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-shadow: rgba(0,0,0,0.2) 0px -1px 0px; color: #fff !important; } .ipsLikeButton:hover { color: #fff !important; } .ipsLikeButton.ipsLikeButton_enabled { background: #719c1c url('{style_images_url}/like_button.png') no-repeat 0 0; /*border: 1px solid #5ea128;*/ } .ipsLikeButton.ipsLikeButton_disabled { background: #6c6c6c url('{style_images_url}/like_button.png') no-repeat 0 -23px; /*border: 1px solid #a4a4a4;*/ } /************************************************************************/ /* TAG LIST */ .ipsTag { display: inline-block; background: url('{style_images_url}/tag_bg.png'); height: 20px; line-height: 20px; padding: 0 7px 0 15px; margin: 5px 5px 0 0; font-size: 11px; color: #fff !important; text-shadow: 0 -1px 0 rgba(0,0,0,0.4); -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; margin-bottom: 3px; } .ipsTagBox_hiddeninput { background: none transparent; color: #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: #d7d7d7; border-color: #e9e9e9; color: #222; text-shadow: none; } .ipsTagBox_tag { padding: 2px 1px 2px 4px; background: #4d4d4d; border: 1px solid #595959; 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: #646464; } .ipsTagBox_tag.selected { background: #797979 !important; border-color: #a1a1a1 !important; color: #fff !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: #444; } .ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child .ipsTagBox_closetag:hover { color: #111; } .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; } /************************************************************************/ /* NEW FILTER BAR */ .ipsFilterbar li { margin: 0px 15px 0px 0; font-size: 11px; } .ipsFilterbar li a { color: #fff; opacity: 0.5; text-shadow: 0px -1px 0px rgba(0,0,0,0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .ipsFilterbar.bar.altbar li a { color: #244156; text-shadow: none; opacity: .8; } .ipsFilterbar:hover li a { opacity: 0.8; } .ipsFilterbar li a:hover { color: #fff; opacity: 1; } .ipsFilterbar li.active { opacity: 1; } .ipsFilterbar li.active a, .ipsFilterbar.bar.altbar li.active a { background: url('{style_images_url}/trans30.png') repeat; background: rgba(0,0,0,0.3); opacity: 1; color: #fff; padding: 4px 10px; font-weight: bold; -moz-border-radius: 10px; -webkit-border-radius: 10px !important; border-radius: 10px; -webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px; -moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px; box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px; } /************************************************************************/ /* POSTING FORM STYLES */ /* Additional form styles for posting forms */ .ipsPostForm { } .ipsPostForm.ipsLayout_withright { padding-right: 260px !important; } .ipsPostForm .ipsLayout_content { z-index: 900; -webkit-box-shadow: 2px 0px 4px rgba(0,0,0,0.1); -moz-box-shadow: 2px 0px 4px rgba(0,0,0,0.1); box-shadow: 2px 0px 4px rgba(0,0,0,0.1); float: none; } .ipsPostForm .ipsLayout_right { width: 250px; margin-right: -251px; border-left: 0; z-index: 800; } .ipsPostForm_sidebar{ margin-top: 8px; } .ipsPostForm_sidebar .ipsPostForm_sidebar_block.closed h3 { background-image: url('{style_images_url}/folder_closed.png'); background-repeat: no-repeat; background-position: 10px 9px; padding-left: 26px; margin-bottom: 2px; } /************************************************************************/ /* MEMBER LIST STYLES */ .ipsMemberList .ipsButton_secondary { opacity: 0.3; } .ipsMemberList li:hover .ipsButton_secondary, .ipsMemberList tr:hover .ipsButton_secondary { opacity: 1; } .ipsMemberList li .reputation { margin: 5px 10px 0 0; } .ipsMemberList > li .ipsButton_secondary { margin-top: 15px; } .ipsMemberList li .rating { display: inline; } /************************************************************************/ /* COMMENT STYLES */ .ipsComment_wrap { margin-top: 10px; } .border > .ipsComment_wrap, .ipsBox_container > .ipsComment_wrap{ margin: 0; } .ipsComment_wrap .ipsLikeBar { margin: 0; } .ipsComment_wrap input[type='checkbox'] { vertical-align: middle; } .ipsComment { padding: 10px; } .ipsComment_author, .ipsComment_reply_user { width: 160px; text-align: right; padding: 0 10px; float: left; line-height: 1.3; } .ipsComment_author .ipsUserPhoto { margin-bottom: 5px; } .ipsComment_comment { margin-left: 190px !important; line-height: 1.5; } .ipsComment_comment > div { min-height: 33px; } .ipsComment_controls { margin-top: 10px; } .ipsComment_controls > li { opacity: 0.2; } .ipsComment:hover .ipsComment_controls > li, .ipsComment .ipsComment_controls > li.right { opacity: 1; } /************************************************************************/ /* FLOATING ACTION STYLES (comment moderation, multiquote etc.) */ .ipsFloatingAction { position: fixed; right: 10px; bottom: 10px; padding: 10px; z-index: 15000; border: 4px solid #464646; border: 4px solid rgba(0,0,0,0.75); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.4); box-shadow: 0px 3px 6px rgba(0,0,0,0.4); } /************************************************************************/ /* FORM STYLES */ body#ipboard_body fieldset.submit, body#ipboard_body p.submit { padding: 15px 6px 15px 6px; text-align: center; } .iframe{ outline: none; } .input_text, .ipsTagBox_wrapper, textarea { padding: 6px; border: 1px solid #434343; background: #363636; color: #b7b7b7; text-shadow: rgba(0,0,0,0.3) 0px -1px 0px; -webkit-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px; -moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px; box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px; } textarea:focus, .input_text:focus { outline: none; background-color: #4b4b4b; color: #f8f8f8; border-color: #797979; } input.inactive, select.inactive, textarea.inactive { color: #939393; } .input_text.error { background: #883939; border-color: #a95858; color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .input_text.accept { background: #768d3d; border-color: #8ca54d; color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } input:-webkit-input-placeholder { color: #939393; } input:-moz-placeholder { color: #939393; } .input_submit { text-decoration: none; border-width: 1px; border-style: solid; border: 0; padding: 5px 11px; cursor: pointer; } a.input_submit{ padding: 7px 11px; display: inline-block; } .input_submit.alt { text-decoration: none; } p.field { padding: 15px; } li.field { padding: 5px; margin-left: 5px; } li.field label, li.field span.desc { display: block; } li.field.error { color: #ad2930; } li.field.error label { font-weight: bold; } li.field.checkbox, li.field.cbox { margin-left: 0; } li.field.checkbox .input_check, li.field.checkbox .input_radio, li.field.cbox .input_check, li.field.cbox .input_radio { margin-right: 10px; vertical-align: middle; } li.field.checkbox label, li.field.cbox label { width: auto; float: none; display: inline; } li.field.checkbox p, li.field.cbox p { position: relative; left: 245px; display: block; } li.field.checkbox span.desc, li.field.cbox span.desc { padding-left: 27px; margin-left: auto; display: block; } /************************************************************************/ /* MESSAGE STYLES */ .message { background: #768d3d url('{style_images_url}/highlight_faint.png') repeat-x 0 -1px; padding: 10px; border: 1px solid #8ca54d; text-shadow: rgba(0,0,0,0.2) 0px -1px 0px; line-height: 1.6; font-size: 12px; -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px; -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px; box-shadow: rgba(0,0,0,0.1) 0px 1px 3px; } .message, .message a, .message h3{ color: #eff6dd; } .message h3 { padding: 0; } .message.error { background-color: #872d2d; border-color: #c15050; } .message.error, .message.error a, .message.error h3{ color: #f6dddd; } .message.error.usercp { background-image: none; padding: 4px; float: right; } .message.unspecific { background-color: #292929; border-color: #393939; margin: 0 0 10px 0; clear: both; } .message.unspecific, .message.unspecific a, .message.unspecific h3{ color: #ededed; } .message a{ text-decoration: underline; } /************************************************************************/ /* MENU & POPUP STYLES */ .ipbmenu_content, .ipb_autocomplete { min-width: 85px; z-index: 2000; } .ipbmenu_content{ white-space: nowrap; } .ipbmenu_content li:last-child { border-bottom: 0; padding-bottom: 0px; } .ipbmenu_content li:first-child { padding-top: 0px; } .ipbmenu_content.with_checks a { padding-left: 26px; } .ipbmenu_content a .icon { margin-right: 10px; } .ipbmenu_content a { text-decoration: none; text-align: left; display: block; padding: 6px 10px; } .ipbmenu_content.with_checks li.selected a { background-image: url('{style_images_url}/icon_check.png'); background-repeat: no-repeat; background-position: 7px 10px; } .popupWrapper { background: url('{style_images_url}/trans60.png') repeat; background: rgba(0,0,0,0.6); padding: 8px; -webkit-box-shadow: rgba(0,0,0,0.5) 0px 10px 20px; -moz-box-shadow: rgba(0,0,0,0.5) 0px 10px 20px; box-shadow: rgba(0,0,0,0.5) 0px 10px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .popupInner { width: 500px; overflow: auto; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4); box-shadow: 0px 0px 3px rgba(0,0,0,0.4); overflow-x: hidden; } .popupInner.black_mode { background: #000; color: #eee; border: 3px solid #626262; } .popupInner.warning_mode { border: 3px solid #7D1B1B; } .popupInner h3 { border-bottom: 1px solid #2a2a2a; text-shadow: rgba(0,0,0,0.8) 0px -1px 0px; background: #222222 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0; padding: 8px 10px 9px; font-size: 16px; font-weight: 300; } .popupInner h3 a { color: #fff; } .popupInner.black_mode h3 { background-color: #595959; color: #ddd; } .popupInner.warning_mode h3 { background-color: #7D1B1B; padding-top: 6px; padding-bottom: 6px; color: #fff; } .popupClose { position: absolute; right: 20px; top: 20px; } .popupClose.light_close_button { background: transparent url('{style_images_url}/close_popup_light.png') no-repeat top left; opacity: 0.8; width: 13px; height: 13px; top: 17px; } .popupClose.light_close_button img { display: none; } .popup_footer { padding: 15px; position: absolute; bottom: 0px; right: 0px; } .popup_body { padding: 10px; } .stem { width: 31px; height: 16px; position: absolute; } .stem.topleft { background-image: url('{style_images_url}/stems/topleft.png'); } .stem.topright { background-image: url('{style_images_url}/stems/topright.png'); } .stem.bottomleft { background-image: url('{style_images_url}/stems/bottomleft.png'); } .stem.bottomright { background-image: url('{style_images_url}/stems/bottomright.png'); } .modal { background-color: #3e3e3e; } .userpopup h3 { font-size: 17px; } .userpopup h3, .userpopup .side + div { padding-left: 110px; } .userpopup .side { position: absolute; margin-top: -40px; } .userpopup .side .ipsButton_secondary { display: block; text-align: center; margin-top: 5px; max-width: 75px; height: auto; line-height: 1; padding: 5px 10px; white-space: normal; } .userpopup .user_controls { text-align: left; } .userpopup .user_status { padding: 5px; margin-bottom: 5px; } .userpopup .reputation { display: block; text-align: center; margin-top: 5px; } .userpopup { overflow: hidden; position: relative; font-size: 0.9em; min-height: 200px; } .userpopup dl { padding-bottom: 10px; margin-bottom: 4px; } .info dt { float: left; font-weight: bold; padding: 3px 6px; clear: both; width: 30%; } .info dd { padding: 3px 6px; width: 60%; margin-left: 35%; } /************************************************************************/ /* BUTTONS STYLES */ .topic_buttons li { float: right; margin: 0 0 10px 10px; } .topic_buttons li.important a, .topic_buttons li.important span, .ipsButton .important, .topic_buttons li a, .topic_buttons li span, .ipsButton { background: #7ba60d url('{style_images_url}/highlight.png') repeat-x 0 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.2); font: bold 11px/1.3 Tahoma, Helvetica, Arial, sans-serif; line-height: 32px; height: 32x; padding: 0 10px; text-align: center; min-width: 125px; display: inline-block; cursor: pointer; -webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px; -moz-box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px; box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px; } .topic_buttons li.important a, .topic_buttons li.important span, .ipsButton .important, .ipsButton.important { background: #8b1515 url('{style_images_url}/highlight_faint.png') repeat-x 0 0 !important; /*border-color: #790f0f;*/ } .topic_buttons li a:hover, .ipsButton:hover { background-color: #8ebc18; color: #fff; } .topic_buttons li a:active, .ipsButton:active{ position: relative; top: 1px; /*-webkit-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px; -moz-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px; box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px;*/ } .topic_buttons li.non_button a { background: transparent !important; background-color: transparent !important; border: 0; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; text-shadow: none; min-width: 0px; color: #777777; font-weight: normal; padding-top: 1px; padding-bottom: 1px; } .topic_buttons li.non_button a:active{ top: 0; } .topic_buttons li.disabled a, .topic_buttons li.disabled span { background: #191919 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; text-shadow: none; border: 0; font-weight: 300; color: #666666; } .topic_buttons li span { cursor: default !important; } .ipsButton_secondary, .bbc_spoiler_show, .user_controls li a{ height: 26px; line-height: 26px; font-size: 11px; padding: 0 10px; border: 0; background: #393939 url('{style_images_url}/highlight_faint.png') repeat-x 0 0; /*border: 1px solid #d0d0d0;*/ /*-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px; -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px; box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;*/ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #fff; text-shadow: rgba(0,0,0,0.8) 0px -1px 0px; display: inline-block; white-space: nowrap; cursor: pointer; } .ipsButton_secondary a { color: #fff; } .ipsButton_secondary:hover, .bbc_spoiler_show:hover, .user_controls li a:hover{ color: #fff; background-color: #434343; } .ipsButton_secondary.important { background: #ae3232 url('{style_images_url}/highlight_faint.png') repeat-x 0 0; /*border: 1px solid #a22c2c;*/ color: #fbf4f4; text-shadow: rgba(0,0,0,0.2) 0px -1px 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .ipsButton_secondary.important a { color: #fbf4f4; } .ipsButton_secondary.important a:hover, a.ipsButton_secondary.important:hover{ color: #fff; background-color: #bb3c3c; } .ipsButton_secondary:active{ /*-webkit-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px; -moz-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px; box-shadow: inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px;*/ position: relative; top: 1px; } .ipsButton_secondary img{ vertical-align: middle; margin-top: -1px; } /* Used in post forms */ .ipsField.ipsField_checkbox.ipsButton_secondary { line-height: 18px; } .ipsField.ipsField_checkbox.ipsButton_secondary input { margin-top: 6px } .ipsField.ipsField_checkbox.ipsButton_secondary .ipsField_content { margin-left: 18px; } .ipsButton_extra { line-height: 22px; height: 22px; font-size: 11px; margin-left: 5px; color: #ddd; } .ipsButton_secondary.fixed_width{ min-width: 170px; } .ipsButton.no_width { min-width: 0; } .topic_controls { min-height: 30px; overflow: hidden; } ul.post_controls { margin: 0; background: #262626; border-top: 1px solid #323232; margin-top: 10px; padding: 7px; clear: both; overflow: hidden; } ul.post_controls li { font-size: 11px; float: right; margin: 0; padding: 0; } ul.post_controls li.report, ul.post_controls li.top{ float: left; } ul.post_controls a { color: #fff; text-shadow: rgba(0,0,0,0.2) 0px -1px 0px; background: #7ba60d url('{style_images_url}/highlight.png') repeat-x 0 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: 26px; line-height: 26px; padding: 0 10px; text-decoration: none; margin-left: 4px; display: block; } ul.post_controls a:hover { background-color: #8ebc18; color: #fff; } ul.post_controls a.ipsButton_secondary { height: 24px; line-height: 24px; } ul.post_controls li.multiquote.selected a { background: #eca730 url('{style_images_url}/highlight.png') repeat-x 0 0; color: #fff; } /*.post_block .post_controls li a { opacity: 0.2; } .post_block .post_controls li a.ipsButton_secondary { opacity: 1; } .post_block:hover .post_controls li a { opacity: 1; }*/ .post_body ul.post_controls{ margin: 0 -12px -12px -187px; } .column_view .post_body ul.post_controls{ ; } .post_block.no_sidebar .post_body ul.post_controls{ margin-left: 0px; } .post_body ul.post_controls img{ vertical-align: middle; margin: -3px 2px 0px -3px; position: relative; } .hide_signature, .sigIconStay { float: right; } .post_block:hover .signature a.hide_signature, .sigIconStay { background: transparent url('{style_images_url}/cross_sml.png') no-repeat top right; width: 13px; height: 13px; opacity: 0.6; position: absolute; right: 10px; } /************************************************************************/ /* PAGINATION STYLES */ .pagination { padding: 5px 0; line-height: 22px; } .pagination.no_numbers .page { display: none; } .pagination .pages { text-align: center; } .pagination .back { margin-right: 5px; } /*.pagination .back li { margin: 0 2px 0 0; }*/ .pagination .forward { margin-left: 5px; } /*.pagination .forward li { margin: 0 0 0 2px; }*/ .pagination a{ color: #eeeeee; } .pagination .page a, .pagination .back a, .pagination .forward a { background: #424242 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0; /*border: 1px solid #d6d6d6;*/ color: #eeeeee; text-shadow: rgba(0,0,0,0.8) 0px -1px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block; padding: 1px 8px; text-transform: lowercase; font-size: 11px; font-weight: normal; } .pagination .page a:hover, .pagination .back a:hover, .pagination .forward a:hover { background-color: #505050; color: #fff; } .pagination .disabled a { opacity: 0.4; display: none; } .pagination .pages { font-size: 11px; } .pagination .pages a, .pagejump { display: inline-block; } .pagination .pagejump a { padding: 0px 7px; } .pagination .pagejump a:hover { text-decoration: underline; } .pagination li { margin: 0; } .pagination .pages li.active { background: #7ba60d url('{style_images_url}/highlight.png') repeat-x 0 0; color: #fff; padding: 1px 8px; text-shadow: rgba(0,0,0,0.2) 0px -1px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: default; } .pagination.no_pages span { color: #bbbbbb; display: inline-block; line-height: 20px; height: 20px; } ul.mini_pagination { font-size: 0.8em; display: inline; margin-left: 7px; } ul.mini_pagination li a { background: #353535 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0; color: #fff; padding: 2px 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } ul.mini_pagination li a:hover { background: #424242 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0; } ul.mini_pagination li { display: inline; margin: 0px 1px 0px 0px; } /************************************************************************/ /* MODERATION & FILTER STYLES */ .moderation_bar { text-align: right; padding: 8px 10px; } .moderation_bar.with_action { background-image: url('{style_images_url}/topic_mod_arrow.png'); background-repeat: no-repeat; background-position: right center; padding-right: 35px; } /************************************************************************/ /* AUTHOR INFO (& RELATED) STYLES */ .column_view .post_wrap{ background: #252525; } .column_view .post_body{ border-left: 1px solid #323232; } .author_info { width: 155px; float: left; font-size: 12px; text-align: center; padding: 10px 10px; line-height: 150%; } .author_info .group_title { color: #dddddd; margin-top: 5px; } .author_info .member_title { margin-bottom: 5px; word-wrap: break-word; } .author_info .group_icon { margin-bottom: 3px; } .custom_fields { color: #bbbbbb; margin-top: 8px; } .custom_fields .ft { color: #aaaaaa; margin-right: 3px; } .custom_fields .fc { word-wrap: break-word; } .user_controls { text-align: center; margin: 6px 0; } .user_controls li a { padding: 0 5px; } /************************************************************************/ /* BOARD INDEX STYLES */ #board_index #categories { overflow: hidden; } /* opera fix */ #board_index { position: relative; } #board_index.no_sidebar { padding-right: 0px; } #board_index.force_sidebar { padding-right: 290px; } #toggle_sidebar { position: absolute; right: -5px; top: -12px; z-index: 8000; background: #eeeeee; padding: 3px 7px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #333; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; } #index_stats:hover + #toggle_sidebar, #board_index.no_sidebar #toggle_sidebar { opacity: 0.1; } #toggle_sidebar:hover { opacity: 1 !important; } .ipsSideBlock, .general_box{ background: #292929; border: 1px solid #454545; margin-bottom: 10px; } .ipsSideBlock{ padding: 10px; } .bar, .ipsSideBlock h3, .general_box h3{ border-bottom: 1px solid #393939; text-shadow: rgba(0,0,0,0.8) 0px -1px 0px; background: #222222 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; padding: 8px; } .bar{ border-top: 1px solid #393939; } .ipsPostForm_sidebar .ipsPostForm_sidebar_block:first-of-type h3.bar, .bar.noTopBorder{ border-top: 0; } .ipsSideBlock h3, .ipsSideBlock h3 a, .general_box h3, .general_box h3 a, .bar, .bar a{ color: #fff; } .ipsSideBlock h3{ margin: -10px -10px 10px -10px; } .ipsSideBlock h3 .mod_links { color: #fff; opacity: 0.0; display: inline-block; padding: 1px 4px 3px 4px; margin-top: -2px; text-shadow: none; background: url('{style_images_url}/trans40.png') repeat; background: rgba(0,0,0,0.4); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px; -moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px; box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px; } .ipsSideBlock h3:hover .mod_links { opacity: 1; } .sideVerticalList, #index_stats .ipsList_withminiphoto{ margin: -10px; } #index_stats .ipsList_withminiphoto img{ margin-bottom: -3px; } .sideVerticalList.with_margin{ margin-bottom: 10px; } .status_list .status_list { margin: 10px 0 0 35px; } .status_list p.index_status_update { line-height: 120%; margin:4px 0px; } .status_list li { position: relative; } .status_reply { margin-top: 8px; } .status_list li .mod_links { opacity: 0.1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; } .status_list li:hover .mod_links { opacity: 1; } /* board stats */ #board_stats ul { text-align: center; } #board_stats li { margin-right: 20px; } #board_stats .value { display: inline-block; background: #2b2b2b url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0; color: #fff; text-shadow: rgba(0,0,0,0.8) 0px -1px 0px; padding: 3px 7px; font-weight: bold; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-right: 3px; -webkit-box-shadow: inset rgba(255,255,255,0.03) 0px 1px 0px; -moz-box-shadow: inset rgba(255,255,255,0.03) 0px 1px 0px; box-shadow: inset rgba(255,255,255,0.03) 0px 1px 0px; } .statistics { margin: 20px 0 0 0; padding: 8px; line-height: 1.3; overflow: hidden; border: 1px solid #393939; } .statistics_head { border-bottom: 1px solid #393939; border-top: 1px solid #393939; text-shadow: rgba(0,0,0,0.8) 0px -1px 0px; background: #222222 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; font-size: 11px; font-weight: bold; padding: 8px; margin: -8px -8px 8px -8px; } .statistics_head, .statistics_head a{ color: #fff; } .statistics .statistics_head:first-of-type{ border-top: 0; } .statistics .statistics_head:not(:first-of-type){ margin-top: 0; } #stat_links{ font-weight: normal; } #stat_links a{ margin: 0 5px; } .friend_list ul li, #top_posters li { text-align: center; padding: 8px 0 0 0; margin: 5px 0 0 0; min-width: 80px; height: 80px; float: left; } .friend_list ul li span.name, #top_posters li span.name { font-size: 0.95em; } .friend_list ul li .ipsUserPhoto{ margin-bottom: 5px; } #hook_watched_items ul li { padding: 8px; } body#ipboard_body #hook_watched_items fieldset.submit { padding: 8px; } #hook_birthdays .list_content { padding-top: 8px; } #hook_calendar .ipsBox_container { padding: 10px; } #hook_calendar td, #hook_calendar th { text-align: center; } #hook_calendar th { font-weight: bold; padding: 5px 0;} /************************************************************************/ /* FORUM VIEW (& RELATED) STYLES */ #more_topics { text-align: center; font-weight: bold; background: #222222 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; } #more_topics a, #more_topics span { display: block; padding: 10px 0;} #more_topics, .dynamic_update { border-top: 1px dashed #393939; } .topic_preview, ul.topic_moderation { margin-top: -2px; z-index: 300; } ul.topic_moderation li { float: left; } .topic_preview a, ul.topic_moderation li a { padding: 0 3px; display: block; float: left; } span.mini_rate { margin-right: 12px; display: inline-block; } img.mini_rate { margin-right: -5px; } /************************************************************************/ /* TOPIC VIEW (& RELATED) STYLES */ body .ip { } span.post_id { margin-left: 15px; } input.post_mod { margin:12px 5px 0px 10px; } .signature { clear: right; color: #bcbcbc; font-size: 0.9em; border-top: 1px solid #323232; padding: 10px; margin: 6px 0 4px; position: relative; } .signature a { text-decoration: underline; } .post_body .signature{ ; margin-right: -12px; } .post_block { position: relative; } .post_block.no_sidebar { background-image: none; } .post_block h3 { border-top: 1px solid #3f3f3f; border-bottom: 1px solid #3f3f3f; text-shadow: rgba(0,0,0,0.4) 0px -1px 0px; background: #363636 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; padding: 0 10px; height: 36px; line-height: 36px; font-weight: normal; font-size: 13px; } .post_block h3, .post_block h3 a{ color: #fff; } .post_block:first-of-type h3{ border-top: 0; } .post_online{ vertical-align: middle; margin: -3px 5px 0 0; } .post_username{ float: left; min-width: 177px; font-weight: bold; } .post_date{ color: #777; float: left; font-size: 11px; font-weight: normal; } .post_wrap { top: 0px; } .post_body { margin-left: 175px; padding: 12px; } .post_body .post { line-height: 1.6; font-size: 12px; } .column_view .post_body .post{ padding-bottom: 12px; } .post_block.no_sidebar .post_body { margin-left: 0px !important; } .posted_info { padding: 0 0 10px 0; } .posted_info strong.event { color: #1c2837; font-size: 1.2em; } .post_ignore { background: #1c1c1c; color: #777; font-size: 0.9em; padding: 15px; } .post_ignore .reputation { text-align: center; padding: 2px 6px; float: none; display: inline; } .rep_bar { white-space: nowrap; margin: 6px 4px; } .rep_bar .reputation { font-size: 10px; padding: 2px 10px !important; } p.rep_highlight { float: right; display: inline-block; margin: 5px 10px 10px 10px; background: #D5DEE5; color: #1d3652; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 0.8em; font-weight: bold; text-align: center; } p.rep_highlight img { margin-bottom: 4px; } .edit { padding: 8px 8px 8px 28px; background: #e0aa4b url('{style_images_url}/comment_edit.png') no-repeat 6px 10px; border: 1px solid #efba5c; color: #723e07; text-shadow: #f4c778 0px 1px 0px; font-size: 11px; margin-top: 15px; line-height: 18px; } .poll fieldset { padding: 9px; } .poll_question { } .poll_question h4 { background: #222222 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; padding: 5px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .poll_question ol { padding: 20px; } .poll_question li { font-size: 0.9em; margin: 6px 0; } .poll_question .votes { margin-left: 5px; } .snapback { margin-right: 5px; padding: 1px 0 1px 1px; } .rating { display: block; margin-bottom: 4px; line-height: 16px; } .rating img { vertical-align: top; } #rating_text { margin-left: 4px; } /************************************************************************/ /* POSTING FORM (& RELATED) STYLES */ div.post_form label { text-align: right; padding-right: 15px; width: 275px; float: left; clear: both; } div.post_form span.desc, fieldset#poll_wrap span.desc { margin-left: 290px; display: block; clear: both; } div.post_form .checkbox input.input_check, #mod_form .checkbox input.input_check { margin-left: 295px; } div.post_form .antispam_img { margin-left: 290px; } div.post_form .captcha .input_text { float: left; } div.post_form fieldset { padding-bottom: 15px; } div.post_form h3 { margin-bottom: 10px; } fieldset.with_subhead { margin-bottom: 0; padding-bottom: 0; } fieldset.with_subhead h4 { text-align: right; margin-top: 6px; width: 300px; float: left; } fieldset.with_subhead ul { padding-top: 10px; padding-bottom: 10px; margin: 0 15px 0px 320px; } fieldset.with_subhead span.desc, fieldset.with_subhead label { margin: 0; width: auto; } fieldset.with_subhead .checkbox input.input_check { margin-left: 0px; } #toggle_post_options { background: transparent url('{style_images_url}/add.png') no-repeat; font-size: 0.9em; padding: 2px 0 2px 22px; margin: 15px; display: block; } #poll_wrap .question { margin-bottom: 10px; } #poll_wrap .question .wrap ol { margin-left: 25px; list-style: decimal; } #poll_wrap .question .wrap ol li { margin: 5px; } .question_title { margin-left: 30px; padding-bottom: 0; } .question_title .input_text { font-weight: bold } #poll_wrap { position: relative; } #poll_footer { } #poll_container_wrap { overflow: auto; } #poll_popup_inner { overflow: hidden; } .poll_control { margin-left: 20px; } .post_form .tag_field ul { margin-left: 290px; } /************************************************************************/ /* ATTACHMENT MANAGER (& RELATED) STYLES */ .swfupload { position: absolute; z-index: 1; } #attachments { } #attachments li { background-color: #2a2a2a; text-shadow: rgba(0,0,0,0.4) 0px -1px 0px; border: 1px solid #383838; padding: 6px 20px 6px 42px; margin-bottom: 10px; position: relative; -webkit-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 4px; -moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 4px; box-shadow: inset rgba(0,0,0,0.1) 0px 1px 4px; } #attachments li p.info { font-size: 0.8em; width: 300px; } #attachments li .links, #attachments li.error .links, #attachments.traditional .progress_bar { display: none; } #attachments li.complete .links { font-size: 0.9em; margin-right: 15px; right: 0px; top: 12px; display: block; position: absolute; } #attachments li .progress_bar { margin-right: 15px; width: 200px; right: 0px; top: 15px; position: absolute; } #attachments li.complete, #attachments li.in_progress, #attachments li.error { background-repeat: no-repeat; background-position: 12px 12px; } #attachments li.in_progress { background-image: url('{style_images_url}/loading.gif'); } #attachments li.error { background-image: url('{style_images_url}/exclamation.png'); background-color: #822f2f; border: 1px solid #9c4141; } #attachments li.error .info { color: #fff; } #attachments li.complete { background-image: url('{style_images_url}/accept.png'); } #attachments li .thumb_img { left: 6px; top: 6px; width: 30px; height: 30px; overflow: hidden; position: absolute; } .attach_controls { background: url('{style_images_url}/icon_attach.png') no-repeat 3px top; padding-left: 30px; min-height: 82px; } .attach_controls .ipsType_subtitle { margin-bottom: 5px; } .attach_controls iframe { display: block; margin-bottom: 5px; } .attach_button { font-weight: bold; } #help_msg { margin-top: 8px; } #attach_wrap { margin-top: 10px; overflow: hidden; } #attach_wrap h4 { font-size: 16px; padding-left: 0px; } #attach_wrap li { margin: 5px 0; float: left; } #attach_wrap .attachment { float: none; } #attach_wrap .desc.info { margin-left: 24px; } #attach_error_box { margin-bottom: 10px; } .resized_img { margin: 0 5px 5px 0; display: inline-block; } /************************************************************************/ /* REPUTATION STYLES */ .reputation { font-weight: bold; padding: 3px 8px; display: inline-block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-shadow: rgba(0,0,0,0.3) 0px -1px 0px; } .reputation.positive, .members li.positive { background: #8db13e url('{style_images_url}/highlight_faint.png') repeat-x 0 0; } .reputation.negative, .members li.negative { background: #b82929 url('{style_images_url}/highlight_faint.png') repeat-x 0 0; } .reputation.positive, .reputation.negative { color: #fff; } .reputation.zero { background: #505050 url('{style_images_url}/highlight_faint.png') repeat-x 0 0; color: #fff; } .status_main_content { white-space: break-word; } .status_main_content h4 { font-weight:normal; font-size:1.2em; } .status_main_content h4 .su_links a { font-weight: normal; } .status_main_content p { padding: 6px 0px 6px 0px; } .status_main_content h4 a { font-weight:bold; text-decoration: none; } .status_mini_wrap { padding: 7px; font-size: 0.95em; margin-top: 2px; background: rgba(0,0,0,0.04); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .status_mini_wrap img{ vertical-align: middle; position: relative; margin-top: -2px; } .status_mini_photo { float: left; } .status_textarea { width: 99%; } #index_stats .status_textarea{ width: 180px; } .status_replies_many { height: 300px; overflow: auto; } .status_update { background: #1a1a1a url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0; color: #fff; text-shadow: rgba(0,0,0,0.3) 0px -1px 0px; padding: 15px 12px; text-align: center; } .status_update .input_text { width: 70%; } .status_update .input_submit{ padding-left: 15px; padding-right: 15px; } .status_submit{ padding-top: 5px; } /*.status_update .status_inactive { color: #bbbbbb; }*/ #status_wrapper h4 { font-weight: bold; font-size: 14px; } .status_content { line-height: 1.4; } .status_content .mod_links { opacity: 0.2; } .status_content:hover .mod_links { opacity: 1; } .status_content .h4, .status_content .status_status { font-size: 14px; word-wrap: break-word; } .status_content .status_status{ padding: 2px 0 5px 0; } .status_feedback .status_mini_content{ line-height: 18px; } .status_feedback { margin: 10px 0 0 -10px; } /*.status_feedback .row2 { margin-bottom: 1px; }*/ /* Favorites */ .ips_like { background-color: #f6f6f6; padding: 6px; color: #878787; font-size: 1em; min-height: 18px; line-height: 130%; clear: both; overflow: hidden; } .ips_like a { color: #878787; } .ips_like a.ftoggle { float: right; background: #878787; border:1px solid #747474; padding: 3px 4px 2px 4px; color: #fff; text-shadow: rgba(0,0,0,0.2) 0px -1px 0px; font-size:0.9em; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-top: -4px; } .ips_like a.ftoggle.on { background: #545454; border-color: #474747; margin-left: 3px; } .ips_like a.ftoggle._newline, .ips_like a.ftoggle.on._newline { float:none; margin-top: 5px; margin-left: auto; margin-right: 0; display: block; width: 70px; text-align: center; } .ips_like a:hover.ftoggle.on, .ips_like a:hover.ftoggle { background-color: #545454; } .facebook-like { margin-top: 5px; } .boxShadow { -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px; -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px; box-shadow: rgba(0,0,0,0.1) 0px 1px 5px; } /* New notification panel */ #ipsGlobalNotification { position: fixed; left: 50%; ; top: 20px; text-align: center; font-weight: bold; } #ips_NotificationCloseButton { background: transparent url('{style_images_url}/close_popup.png') no-repeat top left; opacity: 0.8; width: 13px; height: 13px; top: 5px; left: 5px; position: absolute; cursor: pointer; } .googlePlusOne { display: inline-block; vertical-align:middle; margin-top: 1px; } .fbLike { float: right !important; padding-left: 2px; } /************************************************************************/ /* SHARED MEDIA STYLES */ #mymedia_inserted { position: absolute; top: 100px; left: 50%; ; width: 400px; padding: 20px 0; background: #000; 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: #2d2d2d url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 1px; } #mymedia_finish { position: absolute; right: 5px; top: 5px; } #mymedia_content { height: 339px; overflow: auto; } .media_results li.result { width: 20%; height: 120px; padding: 10px 0; float: left; text-align: center; cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .media_results li:hover { background: #252525; } .media_results li:active { background: #252525; } .media_image { padding: 1px; background: #2d2d2d; border: 1px solid #0e0e0e; margin-bottom: 5px; -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); } /********************************************************/ /* Template Error */ .templateError { background: #ffffff !important; color: #000000 !important; padding: 10px !important; border: 1px dotted black !important; margin: 0px !important; } /********************************************************/ /* ModCP styles */ .modcp_post_controls { padding-bottom: 15px; } .modcp_post_controls .ipsButton_secondary { opacity: 0.5; } .post_body:hover .modcp_post_controls .ipsButton_secondary { opacity: 1; } #modcp_content .ipsFilterbar li.active a { margin-bottom: 1px; display: inline-block; } /********************************************************/ /* Advertisements from Nexus */ .nexusad { padding: 10px; clear: both; } #bbcode-description { color: #666 !important; white-space: normal !important; word-wrap: break-word; } /********************************************************/ /* iPad Specific */ @media only screen and (device-width: 768px) { table.ipb_table .expander, table.ipb_table .ipsModMenu { visibility: visible; opacity: 0.2; } .post_block .post_controls { opacity: 1 !important; } } /* Additional */ .notnew .highlight_unread, .notnew .highlight_unread a{ color: #898989; } #stats_div{ height: 0px; overflow: hidden; } .skin_link{ float: left; padding-top: 4px; /* padding-left: 31px; */ } .skin_link, .skin_link a{ color: #bcd380 !important; } .skin_link a:hover{ color: #d5eb9d !important; text-decoration: underline; } .negMargin{ margin: -9px; } .negMarginTop{ margin-top: -9px; } .negMarginRight{ margin-right: -9px; } .negMarginBottom{ margin-bottom: -9px; } .negMarginLeft{ ; } .input_submit, .ipsButton_secondary{ outline: none; } #rss_feed{ margin-top: -1px; } #index_stats .status_submit .input_submit{ font-size: 11px; } div[id$="member_popup"] .general_box{ margin: 0; border: 0; } #ipsNav_content a{ display: block; padding: 5px 10px; } #ipsNav_content li{ padding: 0; } .ipsList_withminiphoto.ipsPad_half{ padding: 0 !important; } /* Fix downloads sidebar padding */ .ipsList_withminiphoto > li, .ipsHeaderMenu h4 { overflow: hidden; } .status_list li{ margin-top: 10px; } /* Fix status updates on idx */ .fullList{ margin: -9px; } /* Must be the same as ipsPad */ #usercp_content .ipsType_subtitle{ margin-bottom: 10px; padding-bottom: 6px; padding-top: 3px; } #modCpanel .ipsType_subtitle{ padding-top: 4px; padding-bottom: 5px; } .col_f_icon span { margin-bottom: 6px; margin-top: 2px; } .idx_album_thumb img{ width: 32px; height: 32px; } .idx_album_thumb img, .inlineimage img, #appGallLatestHook img{ -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 2px; -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 2px; box-shadow: rgba(0,0,0,0.2) 0px 1px 2px; } .inlineimage img:hover, #appGallLatestHook img:hover{ opacity: 0.9; } .topic_desc{ display: inline-block; padding-top: 3px; } .ipbfs_login h4{ padding: 10px; font-weight: bold; font-size: 14px; background: #222 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0; border-bottom: 1px solid #393939; } .ipbfs_login .ipsForm_submit{ margin-top: 0; } .ipbfs_login .ipsBox_notice{ margin: 0; } .ipbfs_login_col{ float: left; width: 279px; padding: 15px 10px; } .ipbfs_login_col a:hover{ text-decoration: underline; } .ipbfs_login_row{ overflow: hidden; } .ipbfs_login_row label{ font-size: 1.15em; } .ipbfs_login .input_submit{ font-size: 13px; } .ipbfs_login_input { padding: 6px 0px 6px 28px; font-size: 14px; margin-top: 10px; width: 250px; } .ipbfs_luser{ background-image: url("{style_images_url}/user.png"); background-repeat: no-repeat; background-position: 7px 50%; } .ipbfs_lpassword{ background-image: url("{style_images_url}/key.png"); background-repeat: no-repeat; background-position: 7px 50%; } .ipbfs_titlebox .desc{ padding: 3px 0; } .ipbfs_titlebox{ background: #1d1d1d; border: 1px solid #303030; -webkit-box-shadow: inset rgba(0,0,0,0.4) 0px 1px 6px; -moz-box-shadow: inset rgba(0,0,0,0.4) 0px 1px 6px; box-shadow: inset rgba(0,0,0,0.4) 0px 1px 6px; text-shadow: rgba(0,0,0,0.8) 0px -1px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 10px; overflow: hidden; } .content_border{ border: 1px solid #393939; } .guestMessage{ background: #1d1d1d; border: 1px solid #303030; -webkit-box-shadow: inset rgba(0,0,0,0.4) 0px 1px 6px; -moz-box-shadow: inset rgba(0,0,0,0.4) 0px 1px 6px; box-shadow: inset rgba(0,0,0,0.4) 0px 1px 6px; text-shadow: rgba(0,0,0,0.8) 0px -1px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #dddddd; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 140%; margin-bottom: 10px; padding: 10px; } .guestMessage strong{ display: inline-block; margin-bottom: 7px; } .guestMessage a{ color: #fff; text-decoration: none; border-bottom: 1px solid #bcbcbc; } .forum_name{ font-weight: bold; } .forum_desc_pos{ position: relative; } .forum_desc_con{ width: 350px; display: none; left: 10px; float: left; position: absolute; top: -4px; padding-left: 10px; background: url("{style_images_url}/forum_desc_arrow.png") no-repeat 6px 9px; z-index: 10000; } .forum_description{ color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: url("{style_images_url}/forum_desc.png") repeat; background: rgba(15,15,15,0.9); -webkit-box-shadow: rgba(0,0,0,0.3) 0px 1px 7px; -moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 7px; box-shadow: rgba(0,0,0,0.3) 0px 1px 7px; font-size: 11px; padding: 5px; display: block; float: left; } .topicViewIcons{ overflow: hidden; position: relative; padding-bottom: 1px; margin: -3px 10px -5px 0; } .topicViewIcons img{ vertical-align: top; margin-top: 4px; width: 16px; height: 16px; background: url("{style_images_url}/topicViewIcon.png") no-repeat; } .topicViewIcons #topicViewRegular img{ background-position: 0 -16px; } .topicViewIcons #topicViewRegular.active img{ background-position: 0 -16px; } .topicViewIcons #topicViewBasic img{ background-position: -16px -16px; } .topicViewIcons #topicViewBasic.active img{ background-position: -16px -16px; } .topicViewIcons a{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float: left; width: 22px; height: 22px; text-decoration: none; text-align: center; outline: none; margin-right: 5px; opacity: 0.6; } .topicViewIcons a:hover{ background: url("{style_images_url}/trans10.png") repeat; background: rgba(0,0,0,0.1); opacity: 1; } .topicViewIcons a.active{ background: url("{style_images_url}/trans50.png") repeat; background: rgba(0,0,0,0.5); -webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.15) 0px 1px 0px; -moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.15) 0px 1px 0px; box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.15) 0px 1px 0px; opacity: 1; } .basicTopicView .post_body{ margin-left: 0 !important; border: 0 !important; } .basicTopicView .post_body ul.post_controls{ margin: 0 -12px -12px -12px; border: 0; background: transparent; } .basicTopicView .author_info, .basicTopicView .signature{ display: none; } .basicTopicView .post_username{ min-width: 0px; padding-right: 10px; margin-right: 10px; border-right: 1px solid rgba(255,255,255,0.1); } .ipbforumskins{} /* Skin */
Подскажите, где, что изменить, чтобы поменять цвет текста вбиваемый в редакторе
-
полностью отключить преобразование бб-кодов в редакторе я не знаю как, но есть же кнопочка волшебная, на скриншоте показано)
Мне нужно чтобы панелька была доступна но текст форматировался только при предпросмотре. Чтобы выделенный текст + иконка ббкода добавляла код вокруг него. Эта кнопка совсем не подходит.
-
-
-
-
Помощь с UseInfoPane
in Техническая поддержка IP.Board
Как добавить скайп __ipbmafia.ru/tutorials/article/97-%D0%BA%D0%B0%D0%BA-%D1%81%D0%B4%D0%B5%D0%BB%D0%B0%D1%82%D1%8C-%D0%BD%D0%B5%D1%81%D0%BA%D0%BE%D0%BB%D1%8C%D0%BA%D0%BE-%D0%B4%D0%BE%D0%BF%D0%BE%D0%BB%D0%BD%D0%B8%D1%82%D0%B5%D0%BB%D1%8C%D0%BD%D1%8B%D1%85-%D0%BF%D0%BE%D0%BB%D0%B5%D0%B9-%D0%BD%D0%B0/