Przedszkolak
Postów: 42
Ostrzeżeń: 3
Data rejestracji: 02.08.2011 23:00
|
Jestem cieńki w kwestii zmodyfikowania/naprawy tego problemu.
Może ktoś z was znawców podpowie co muszę zmienić w tym pliku.
To mój plik css:
/* General */
@charset "UTF-8";
@import url("css/fontello.css");
@import url("css/animation.css");
body { color: #666; background: url("images/topbar_bg.png") repeat-x scroll right top,url("images/bg_pattern.png") repeat scroll #fffbf4;
width: 100%; line-height: 1.5em; margin: 0; font-size: 12px; }
body, input, textarea, select { font:11px/1.4em "Ubuntu",Helvetica,Arial,sans-serif; color: #777;}
* { padding: 0; border: 0;}
dl, dt, dd {margin: 0; overflow: hidden;}
ul, ol {margin: 0 1em }
li {line-height: 1.5em; list-style-position: inside;}
option {padding: 0 0 2px 12px }
input[type=password] { font-family: "Istok Web",sans-serif; /* IE */ padding: 6px 2px 6px 5px; }
.clearfix:after { content:""; display:block; height:0; clear:both; }
/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */
.floatfix {overflow:hidden;}
.center, *[align="center"] {margin: 0 auto;}
/* Helpers */
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right, .text-right * {text-align: right !important;}
.flleft {float: left !important;}
.flright {float: right !important;}
.clear {clear: both;}
hr { border-top: 1px solid #eee; border-bottom: 1px solid #fff; height: 0; margin: 6px 0;}
hr.side-hr { margin: 2px 0;}
/* Links */
a { color :#de7037; text-decoration: none; transition: color 0.2s linear 0s; }
a:active, a:focus, a:active.side, a:hover { color :#000; text-decoration: none;}
#logo { padding:35px 10px 0 15px; margin: 0 5px 0 0; min-height: 85px;}
#main-logo { position: absolute;}
/* Mobile Menu */
@media only screen and (max-width: 720px) {
.gkUserMember { display: none; }
#gkUserArea { display: none; }
}
/* Search memu */
/* Top search input styles */
#top-search{ float:right; margin-top: 5px; padding-right: 7px; }
.button.search { margin: 1px 0 0 4px; padding: 2px 2px 3px 2px; width: 60px; height: 35px; }
.search-input-wrap { padding: 0 3px; }
.button.search.mini { margin: 2px 0 0 0; width: auto; height: 20px; padding: 1px 6px;
overflow: hidden; font: bold 11px/22px Arial, sans-serif; background: none repeat scroll 0 0 #de7037;}
.button.search.mini:hover { background: none repeat scroll 0 0 #444444;}
#splaceholder { height: 0; margin: 0 0 0 5px; padding: 5px 0; width: 0 !important; }
#sinput { padding: 4px 0; border: 0; margin: 0; box-shadow: none; background: none; }
/* end */
/* Social */
#gk-social-icons { float: left; margin: 0px 0 0 25px; text-align: center; overflow:hidden;}
.gk-facebook-icon, .gk-twitter-icon, .gk-gplus-icon, .gk-rss-icon { display: block; float: left; font-weight: 600;
height: 22px; margin: 11px 8px 0 0; text-indent: -9999px; width: 22px;}
.gk-facebook-icon { background: url("images/social_icons.png") no-repeat scroll -60px 0 transparent;}
.gk-twitter-icon { background: url("images/social_icons.png") no-repeat scroll -30px 0 transparent;}
.gk-gplus-icon { background: url("images/social_icons.png") no-repeat scroll -90px 0 transparent;}
.gk-rss-icon { background: url("images/social_icons.png") no-repeat scroll 0 0 transparent;}
.gk-facebook-icon:active, .gk-facebook-icon:focus, .gk-facebook-icon:hover { background-position: -60px -22px;}
.gk-twitter-icon:active, .gk-twitter-icon:focus, .gk-twitter-icon:hover { background-position: -30px -22px;}
.gk-gplus-icon:active, .gk-gplus-icon:focus, .gk-gplus-icon:hover { background-position: -90px -22px;}
.gk-rss-icon:active, .gk-rss-icon:focus, .gk-rss-icon:hover { background-position: 0 -22px;}
/* Social footer */
.social-footer { float: right; margin: -60px 0 0 25px !important;}
.social-footer a { background: url("images/social_footer.png") no-repeat scroll 18px 2px rgba(0, 0, 0, 0);
display: block; float: left; height: 20px; margin: 11px 0 0;
padding: 0 12px; text-indent: -9999px; transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; width: 19px;}
.social-footer a.gk-fb:hover { background-position: 18px -50px;}
.social-footer a.gk-twitter { background-position: -22px 2px; }
.social-footer a.gk-twitter:hover { background-position: -22px -50px;}
.social-footer a.gk-gplus { background-position: -68px 2px;}
.social-footer a.gk-gplus:hover { background-position: -68px -50px;}
.social-footer a.gk-rss { background-position: -115px 2px; }
.social-footer a.gk-rss:hover { background-position: -115px -50px;}
.gkUserMember {display: block; float: right; margin:-30px 20px 0 0; border-bottom: 0px;}
#gkUserArea { float: right; margin:10px 20px 0 0;}
#gkUserArea a { display: block; float: left; height: 32px; margin: 0;
text-indent: -9999px; width: 32px;}
#gkLogin { background: url("images/login_icons.png") no-repeat scroll; cursor: pointer;}
#subheader { position: relative; z-index: 1000;}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#cssmenu #menu-button {
display: none;
}
#cssmenu {background: #333333; width: 620px; border-radius: 3px; margin-top: 10px; z-index: 99;
-webkit-box-shadow: 0px 5px 6px 0px rgba(119, 119, 124, 0.11);
-moz-box-shadow: 0px 5px 6px 0px rgba(119, 119, 124, 0.11);
box-shadow: 0px 5px 6px 0px rgba(119, 119, 124, 0.11);}
#cssmenu > ul > li {
float: left;
}
#cssmenu.align-center > ul {
font-size: 0;
text-align: center;
}
#cssmenu.align-center > ul > li {
display: inline-block;
float: none;
}
#cssmenu.align-center ul ul {
text-align: left;
}
#cssmenu.align-right > ul > li {
float: right;
}
#cssmenu > ul > li > a {
padding: 15px;
font-size: 13px;
letter-spacing: 1px;
text-decoration: none;
color: #dddddd;
font-weight: 700;
}
#cssmenu > ul > li:hover > a {
color: #ffffff;
}
#cssmenu > ul > li.has-sub > a {
padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:after {
position: absolute;
top: 22px;
right: 11px;
width: 8px;
height: 2px;
display: block;
background: #dddddd;
content: '';
}
#cssmenu > ul > li.has-sub > a:before {
position: absolute;
top: 19px;
right: 14px;
display: block;
width: 2px;
height: 8px;
background: #dddddd;
content: '';
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
top: 23px;
height: 0;
}
#cssmenu ul ul {
position: absolute;
left: -9999px;
}
#cssmenu.align-right ul ul {
text-align: right;
}
#cssmenu ul ul li {
height: 0;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
#cssmenu li:hover > ul {
left: auto;
}
#cssmenu.align-right li:hover > ul {
left: auto;
right: 0;
}
#cssmenu li:hover > ul > li {
height: 35px;
}
#cssmenu ul ul ul {
margin-left: 100%;
top: 0;
}
#cssmenu.align-right ul ul ul {
margin-left: 0;
margin-right: 100%;
}
#cssmenu ul ul li a { z-index: 99;
border-bottom: 1px solid #DA6328;
padding: 11px 15px;
width: 220px;
font-size: 12px;
font-weight: 700;
text-decoration: none;
color: #ddd;
font-weight: 700;
background: #de7037;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover { z-index: 99;
color: #ffffff;
}
#cssmenu ul ul li.has-sub > a:after {
position: absolute;
top: 16px;
right: 11px;
width: 8px;
height: 2px;
display: block;
background: #dddddd;
content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
right: auto;
left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
position: absolute;
top: 13px;
right: 14px;
display: block;
width: 2px;
height: 8px;
background: #dddddd;
content: '';
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
right: auto;
left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
top: 17px;
height: 0;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#cssmenu { z-index: 100;
width: 100%;
}
#cssmenu ul {
width: 100%;
display: none;
}
#cssmenu.align-center > ul {
text-align: left;
}
#cssmenu ul li {
width: 100%;
border-top: 1px solid rgba(120, 120, 120, 0.2);
}
#cssmenu ul ul li,
#cssmenu li:hover > ul > li {
height: auto;
}
#cssmenu ul li a,
#cssmenu ul ul li a {
width: 100%;
border-bottom: 0;
}
#cssmenu > ul > li {
float: none;
}
#cssmenu ul ul li a {
padding-left: 25px;
}
#cssmenu ul ul ul li a {
padding-left: 35px;
}
#cssmenu ul ul li a {
color: #dddddd;
background: none;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {
color: #ffffff;
}
#cssmenu ul ul,
#cssmenu ul ul ul,
#cssmenu.align-right ul ul {
position: relative;
left: 0;
width: 100%;
margin: 0;
text-align: left;
}
#cssmenu > ul > li.has-sub > a:after,
#cssmenu > ul > li.has-sub > a:before,
#cssmenu ul ul > li.has-sub > a:after,
#cssmenu ul ul > li.has-sub > a:before {
display: none;
}
#cssmenu #menu-button {
display: block;
padding: 17px;
color: #dddddd;
cursor: pointer;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
}
#cssmenu #menu-button:after {
position: absolute;
top: 22px;
right: 17px;
display: block;
height: 4px;
width: 20px;
border-top: 2px solid #dddddd;
border-bottom: 2px solid #dddddd;
content: '';
}
#cssmenu #menu-button:before {
position: absolute;
top: 16px;
right: 17px;
display: block;
height: 2px;
width: 20px;
background: #dddddd;
content: '';
}
#cssmenu #menu-button.menu-opened:after {
top: 23px;
border: 0;
height: 2px;
width: 15px;
background: #ffffff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#cssmenu #menu-button.menu-opened:before {
top: 23px;
background: #ffffff;
width: 15px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#cssmenu .submenu-button {
position: absolute;
z-index: 99;
right: 0;
top: 0;
display: block;
border-left: 1px solid rgba(120, 120, 120, 0.2);
height: 46px;
width: 46px;
cursor: pointer;
}
#cssmenu .submenu-button.submenu-opened {
background: #262626;
}
#cssmenu ul ul .submenu-button {
height: 34px;
width: 34px;
}
#cssmenu .submenu-button:after {
position: absolute;
top: 22px;
right: 19px;
width: 8px;
height: 2px;
display: block;
background: #dddddd;
content: '';
}
#cssmenu ul ul .submenu-button:after {
top: 15px;
right: 13px;
}
#cssmenu .submenu-button.submenu-opened:after {
background: #ffffff;
}
#cssmenu .submenu-button:before {
position: absolute;
top: 19px;
right: 22px;
display: block;
width: 2px;
height: 8px;
background: #dddddd;
content: '';
}
#cssmenu ul ul .submenu-button:before {
top: 12px;
right: 16px;
}
#cssmenu .submenu-button.submenu-opened:before {
display: none;
}
}
#container { width: 100%; overflow-x: auto; overflow-y: visible; }
#header { padding: 0px; width: 100%; margin: 0 auto; background: none;}
#mainheader { padding: 0; position: relative; }
/* container Panel */
#container { line-height: 1.5em;}
#main { background: transperent; margin-top: 15px;}
* html #main-bg { height: 1%; width: auto; background: transparent;}
/* Comment element properties */
#main-bg { padding :6px; }
.side-both #main-bg {margin: 0 210px 0 230px;}
.side-left #main-bg {margin-left: 230px; }
.side-right #main-bg {margin-right: 330px; }
#side-border-left .panel, #side-border-right .panel, #container .panel, .post, .article { margin-bottom: 15px }
#side-border-left { float: left; width: 220px; max-width: 220px; color: #777; padding: 6px; }
#side-border-right { float: right; width: 200px; max-width: 200px; color: #777; padding: 6px; }
/* Misc Styles */
.switcherbutton { height: 11px; width: 11px; margin: 6px 0;}
.panelbutton { cursor:pointer;}
/* Page Navigation */
.pagenav { padding: 4px; margin: 4px 0 12px 0; color: #606060; font-size: 11px;}
.pagenav span {background: none repeat scroll 0 0 #de7037;
font-size: 14px; font-weight: none; color: #fff; padding: 5px 12px; margin: 0.1em;}
.pagenav a { font-size: 14px; font-weight: none; color: #404040;
padding: 5px 12px; margin: 0.1em; }
.pagenav a:hover { background: none repeat scroll 0 0 #de7037; color: #fff;
font-size: 14px; font-weight: none; padding: 5px 12px; margin: 0.1em; }
/* Small nav pages */
.pages { margin-left: 4px; opacity: 0.6;}
.thread-row:hover .pages,.thread-row.previewing .pages { opacity: 1;}
.pages a { color: #555; padding: 1px 5px; font-size: 9px; margin: 0;}
.pages a:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
input[type="image"].bbcode:active {
background: none; color: #bbb; border: 1px solid #bbb; background-color: #eee; box-shadow: inset 0 0 4px #bbb;}
input[type="image"].bbcode:active { background: none; color: #bbb; border: 1px solid #bbb;
background-color: #eee; box-shadow: inset 0 0 4px #bbb;}
input[disabled="disabled"] { color: #aaa; border-color: #ddd; opacity: 0.8;}
input::-moz-focus-inner {border:0; padding:0}
:focus {outline: none;}
.textbox { font-family: "Ubuntu",Helvetica,Arial,sans-serif; font-size: 12px; color: #777; padding-top: 6px; padding-bottom: 5px; background-color: #ffffff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) inset; border: 1px solid #d9d6d0; box-sizing: border-box; border-radius:2px 2px 2px 2px;}
select { height: 29px; margin:1px }
.textbox:hover, .textbox:focus,select:hover, select:focus,
input[type=text]:hover, input[type=text]:focus{ outline: 0 none;}
.textbox:focus, select:focus, input[type=text]:focus {color: #3C3C3D;}
/* News and article info styles */
.item-info { margin-bottom: 2px; height: 22px; list-style: none;}
.news-info li,.article-info li { margin: 0 3px 0 0; display: inline; float: left; height: 16px; list-style: none outside none;}
.news-info li, .news-info li a,.article-info li, .article-info li a { text-transform: none; font-size: 11px;
font-family: "Ubuntu",Helvetica,Arial,sans-serif;}
.item-info .author,.item-info .dated,.item-info .reads,.item-info .comments,.item-info .cat { padding: 0 4px 0 4px;
float: left; color: #666; padding: 0 0 0 18px; background: url(images/news-info.png) no-repeat left top;}
.item-info .dated {background-position: left -20px;}
.item-info .cat {background-position: left -40px;}
.item-info .reads {background-position: left -61px;}
.item-info .comments {background-position: left -79px;}
.maincap .options { overflow: hidden; float: right; height: 18px; padding-top: 4px;}
.maincap .print, .maincap .edit { float: left;}
.news-category { padding: 4px; background: none; float: left; margin: 0.2em 0.5em 0 0;}
.panelcap, .maincap { margin: 0 0px 5px 0px; color: #000; font-weight: normal; }
.panel-top {background: url("images/block_bg.png") no-repeat scroll center top transparent; height: 10px; display: block; position: relative; top: 0px; z-index: 0; }
h2.panelcap { position: relative; color: #fff; font-size: 18px; font-weight: 700; line-height: 1.2;
min-height: 18px; /* IE7 */ padding: 5px 5px 5px 12px; box-shadow: 0 1px 2px rgba(0,0,0, .4), 0 -1px 0 #666 inset;background: #e08424 url(images/btn.png) repeat-x top; }
.panel { font: 11.5px/1.4em "Ubuntu",Helvetica,Arial,sans-serif; color: #666666; background: #fff; vertical-align: top; padding: 0 0 6px 0;
-webkit-box-shadow: 0px 5px 6px 0px rgba(119, 119, 124, 0.11);
-moz-box-shadow: 0px 5px 6px 0px rgba(119, 119, 124, 0.11);
box-shadow: 0px 5px 6px 0px rgba(119, 119, 124, 0.11); }
.cap-top { background: url("images/block_bg.png") no-repeat scroll right top transparent; height: 10px; display: block; position: relative; top: 0px; width: 100%; z-index: 0; }
h1.maincap { clear: both; font-size: 16px; font-weight: bold; line-height: 25px;
text-transform: none; color : #ffffff; padding: 10px 5px 5px 12px; box-shadow: 0 1px 2px rgba(0,0,0, .4), 0 -1px 0 #666 inset; background: #404040 url(images/btn.png) repeat-x top; }
.maincap:hover {color : #de7037;}
.panelbody { margin: 12px 7px 7px 7px; z-index: 1000; }
.contentbody { border-top: 0 none; padding: 4px 6px 10px; z-index: 1000;}
.post .contentbody,.article .contentbody { font:13px/1.4em "Ubuntu",Helvetica,Arial,sans-serif; color: #777; font-size: 14px; display: block; vertical-align: top; padding: 6px 6px 6px 6px;}
#container .panel, .post, .article { background-color: #fff; overflow: hidden; }
.panelcap,.sides .panel, #navigation h2 { overflow: visible; /* IE7 */ zoom: 1; /* IE7 */ position: relative; }
.main-body { font: 12px/1.5em "Ubuntu",Helvetica,Arial,sans-serif; color: #333333; border-top: 1px solid #ddd; border-bottom: 0px solid #ddd; word-wrap: break-word; background: none repeat scroll 0 0 #ffffff; display: block; box-sizing: border-box; padding : 5px 5px 5px 5px; box-shadow: 0 1px 0px #d3cec7;}
.main-body:hover { background: #f5f5f5; color : #5990DE; text-decoration: none;}
.news-button { float: right; background: none repeat scroll 0 0 #404040; border: medium none;
border-radius: 3px; color: #fff !important; cursor: pointer; display: block;
font-size: 13px; font-weight: 700; height: 28px; line-height: 28px; margin: 0 5px 2px 2px;
padding: 0 13px; text-align: center; transition: all 0.1s ease-out 0s;}
.news-button:hover {background: none repeat scroll 0 0 #de7037; color: #fff;}
.mceContentBody { background: #fff; }
.quote, .admin-message { border: 1px solid #96c6df; margin: 0 2em; padding: 5px 4px 4px 6px;}
.quote { background: #f8fbfd url(images/quote_icon.png) 2px 6px no-repeat; padding: 2px 2px 2px 22px; border-left: 4px solid #96c6df;}
.quote.extended { background: #f8fbfd; padding: 0 0 2px 10px;}
.quote p.citation { margin: 0 0 0 -10px; padding: 8px 7px; font-size: 12px; text-shadow: 1px 1px 0 #c5dfed;
background: url(images/btn.png) repeat-x #96C6DF;}
.quote a:hover { color: #2f4049;}
.admin-message,.nocomments-message { border: 1px solid #b52626; background: #ffcbcb url(images/info-red.png) no-repeat 8px center;
color: #b52626; padding: 10px 5px 10px 30px; margin: 0 auto 10px; width: 80%;}
.admin-message a { color: #fff; text-decoration: underline;}
.noscript-message.admin-message {background-image: url(images/alert.png);}
#close-message .admin-message,.nocomments-message { background-image: url(images/info-blue.png); background-color: #d2eefe;
border-color: #1776ae; color: #1776ae;}
.panels-list { border: 1px solid #ddd; margin: 6px;}
.panels-list li {margin:0}
code, pre { font-family: "Ubuntu",Helvetica,Arial,sans-serif; font-size: 1em;}
code li { list-style-position: outside; margin-left: 12px; }
.poll { height: 16px; background: url(images/btn.png) repeat-x top #178EEA; }
.tbl2.setuser_body { padding: 0; border: 0;}
/* ShoutBox styles */
.shoutboxname, .comment-name {font-weight: bold;}
.shoutboxname .profile-link { background: url(images/news-info.png) no-repeat 0 0; padding: 1px 0 1px 18px;}
.shoutboxname,.shoutboxdate,.shoutbox .shoutbox { background-color: #F2F2F2; padding: 4px 4px 0;}
.shoutboxname { border-top: 1px solid #ECECEC;}
.shoutbox .shoutbox { border-bottom: 1px solid #ECECEC; padding-bottom: 3px;}
.shoutboxdate { color: #888; font-size: 0.8em; padding: 0 4px;}
.small, .small2, .side-small {font-size: 11px;}
.tbl-border, .code_bbcode { background: #fff; border: 1px solid #eeeeee; border-radius: 5px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.11) inset; border-spacing: 0;}
.code_bbcode {width:414px}
.tbl-border.forum_idx_table,.tbl-border.forum_table,
.tbl-border.forum_thread_table { background: #fff; border: 0;}
.forum_table .tbl1,.forum_table .tbl2,.forum_idx_table .tbl1,.forum_idx_table .tbl2,
.forum_threads_list .tbl-border .tbl1,.forum_threads_list .tbl-border .tbl2 {
border: 0; border-bottom: 1px solid #ececec;}
.forum_table tr:hover .tbl1 { background: #f7f7f7;}
/* Thread preview */
.preview-link,.preview-link.loading { visibility: hidden; filter: alpha(opacity=40); opacity: 0.4;
background: url(images/icon_expand_close.png) no-repeat center top; display: block;
width: 16px; height: 16px;}
.preview-link:hover { filter:alpha(opacity=100); opacity: 1;}
.preview-link.close { background-position: center bottom;}
.preview-link.loading { background: url(images/loading.gif) no-repeat center top;}
.forum_table tr:hover .preview-link,.preview-link.loading { visibility: visible;}
.forum_table tr.previewing .tbl1,.forum_table tr.previewing .tbl2 { background: #f2f2f2;}
.previewing .preview-link { visibility: visible; opacity: 1; }
.preview-wrap { padding: 18px 30px 14px; border-left: 1px solid #eee; border-right: 1px solid #eee;
border-bottom: 1px solid #ddd; margin-bottom: 15px;}
.preview.expanded { border-bottom: 1px solid #eee;}
tr:last-child .preview.expanded { border: 0;}
.preview-text { margin: -4px 0 0 70px; min-height: 54px;}
/* end */
.tbl1, .tbl2, .tbl.profile_user_avatar, .forum-caption, .bbcode { background: #fbfbfb; border-top: 1px solid #fff;
border-left: 1px solid #fff; border-right: 0; border-bottom: 0; padding: 6px;}
.forum-caption { font-size: 11px; font-weight: bold; color: #888; background-color: #f1f1f1; padding: 2px 4px 4px 4px;
margin-bottom: 10px; }
.tbl {font-size : 12px; padding :4px;}
.bbcode { border: 1px solid #ccc; padding: 0 !important; margin: 0 !important;}
.tbl2 { background: #f7f7f7; border-top: 1px solid #fff; border-left: 1px solid #fff;}
.tbl1.forum_name > a { font-size: 13px;}
.forum_thread_post_space { display: none;}
.forum_thread_user_name,.forum_thread_post_date,.forum_thread_user_info,.forum_thread_user_post,
.forum_thread_ip,.forum_thread_userbar { border: 0;}
.forum_thread_user_name { border-style: solid; border-top: 2px dashed #fff;
background: #f4f4f4; font-weight: bold; font-size: 14px; color: #444; padding: 8px 0 6px 20px; position: relative; }
.forum_thread_user_name:before { background: url("images/news-info.png") no-repeat scroll 0 0;
content: " "; display: block; height: 16px; left: 2px; position: absolute; top: 10px; width: 16px;}
.forum_thread_user_name a:hover { text-decoration: underline;}
.forum_thread_post_date { border-top: 2px dashed #fff;}
.forum_thread_post_date a { font-size: 14px; font-weight: bold;}
.forum_thread_user_info { background-color: #eee; border-top: 2px dashed #fff; border-right: 2px dashed #fff;
border-bottom: 2px dashed #fff; border-left: 2px dashed #eee;}
.forum_thread_user_post { font-size: 12px; background-color: #fff; border-top: 2px dashed #eee; border-right: 0px dashed #eee; border-bottom: 2px dashed #eee; }
.forum_thread_ip { border-bottom: 2px dashed #fff; white-space: nowrap;}
.forum_thread_userbar { border-bottom: 2px dashed #fff; background: #FBFBFB}
.post-edited { background: url(images/comment_edit.png) no-repeat 6px 10px #FFEBC8; border: 1px solid #ECC272;
color: #AC6328; margin-top: 15px; padding: 8px 8px 8px 28px; text-shadow: 0 1px 0 #FFFAF1;}
.emulated-fieldset { margin-top: 10px;}
.attachments-list { border: 1px solid #ddd; padding: 8px 6px 6px; margin-top: -7px; box-shadow: 1px 1px 0 #fff, 1px 1px 0 #fff inset;}
.emulated-legend { margin-left: 8px; background: #fbfbfb url(images/attachement.png) no-repeat 2px top; padding: 0 4px 0 18px;
font-size: 11px;}
.bbcode-popup {border: 1px #ccc solid !important;z-index:1001;padding-bottom: 10px;box-shadow: 1px 1px 2px rgba(0,0,0, .2)}
.bbcode-popup img {cursor: pointer; opacity: 0.6}
.bbcode-popup img:hover {opacity: 1}
.comment-info {padding: 3px;}
.comment-msg {padding: 6px;}
.comment-wrap { padding: 0; border: 1px solid #cecece; min-height: 60px; margin-left: 80px; }
.comment-admin {margin-bottom: 15px}
.comment-wrap .actions {display: none;}
.comment-wrap:hover .actions {display: block;}
.comment-wrap.noavatar {margin-left:0;}
.user_avatar { width: 50px; height: 50px; padding: 5px; background: #fff; border: 1px solid #cecece;
position: absolute; left: 0px; top: 0px;}
.comment-wrap, .user_avatar { border-radius: 3px; box-shadow: 1px 1px 0 #fff; }
.comment { position: relative; padding-bottom: 10px; }
.comment .pointer, .comment .pointer span { border-top: 8px solid transparent; border-bottom: 8px solid transparent;
position: absolute; height: 0; width: 0; font-size: 0;}
.comment .pointer { border-style: dashed; border-right: 8px solid #cecece; left: 72px; top: 24px;}
.comment .pointer span { border-right: 8px solid #fbfbfb; left: 1px; top: -8px;}
.forum-caption { color: #fff; background: #0e3874 url(images/btn.png) repeat-x top; font-weight: bold; margin-top: 10px; border: 0;}
.forum-caption a { color: #ddd; text-shadow: -1px -1px 0px #000;}
.forum-caption a:hover { color: #fff;}
.forum_breadcrumbs {font-size: 12px; font-style: italic;
font-weight: normal; background: #fff2ce url(images/right.png) no-repeat 4px center; padding: 0 0 0 22px; border: 1px solid #fbce00; margin-bottom: 30px; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.forum_breadcrumbs .crust { position: relative; display: inline-block; line-height: 24px;}
.forum_breadcrumbs .crumb a { padding: 4px 0;}
.forum_breadcrumbs .crumb { padding: 0 4px 0 16px;}
.forum_breadcrumbs .crust.first .crumb { padding-left: 0; }
.forum_breadcrumbs .arrow,.forum_breadcrumbs .arrow span { border-top: 12px dashed transparent;
border-bottom: 12px dashed transparent; display: block; position: absolute; font-size: 0; height: 0; width: 0;}
.forum_breadcrumbs .arrow { border-left: 12px solid #e3bc00; right: -12px; top: 0px;}
.forum_breadcrumbs .arrow span { border-left: 12px solid #fff2ce; right: 1px; top: -12px; }
.forum_thread_title strong,.forum_cat_name,
.forum_cat_name a { color: #fff; font-size: 18px; font-weight: normal !important; text-shadow: 1px 1px 0 #000;}
/* footer */
.footerb { clear: both; font: 16px Colaborate,Arial,sans-serif; margin-left: 35px; color: #de7037; width: 165px; height: 24px; padding-top: 0px; padding: 6px 0 0 5px; margin-bottom: 10px; }
.section_w180 { float: left; width: auto; padding: 0 40px 0 0; margin-top: 7px; height:250px;}
.section_w180_content { padding: 0 0 0 40px; }
.footer_menu_list { margin: 0px; padding: 0px; list-style: none; font-size: 11px;}
.footer_menu_list li { list-style-type: none; line-height: 15px; border-bottom: 1px dotted #404040; width: 165px; margin: 5px 0 5px; padding: 0 0 7px }
.footer_menu_list li a { color:#cfcfcf; font: 12px Colaborate,Arial,sans-serif; font-weight: normal; text-decoration: none;
padding-top: 5px;}
.footer_menu_list li a:hover { color: #de7037; font-weight: normal; text-decoration: none; }
/* footer */
#footer { background: #303030; width: 100%; margin-top: 7px; color: #cfcfcf; text-shadow: 0 -1px 0 #000000;
-webkit-box-shadow: 0px -7px 2px 0px rgba(50, 50, 50, 0.08);
-moz-box-shadow: 0px -7px 2px 0px rgba(50, 50, 50, 0.08);
box-shadow: 0px -7px 2px 0px rgba(50, 50, 50, 0.08);}
#footer a { color: #ccc;}
#footer a:hover { color: #de7037;}
.footer { padding: 15px 0; overflow: hidden;}
.footernav { position: relative; left: 50%;}
.footernav .links-section { position: relative; right: 50%; width: 200px;}
.links-section h4 { color: #fff; font-size: 14px; margin: 0;}
.links-section li, .links-section ul { margin: 10px 20px 0 0; line-height: 26px; list-style-type: none;}
.links-section li { margin: 4px 0; border-bottom: 1px dotted #555;}
.subfooter { margin: 0 auto; padding: 12px 0 0; font-size: 11px; clear: both;}
#subfooter {border-top: 2px solid #393939; font-size : 11px; padding: 12px 40px; background: #303030; color: #ccc; }
#copyright { line-height: 18px; }
/* top control */
.cd-top { display: inline-block; height: 50px; width: 50px; position: fixed; bottom: 50px;
right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); z-index: 1999;
/* image replacement properties */
overflow: hidden; text-indent: 100%; white-space: nowrap;
background: rgba(226,96,81, 0.8) url(images/cd-top-arrow.svg) no-repeat center 50%;
visibility: hidden; opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible {
/* the button becomes visible */
visibility: visible; opacity: 1;}
.cd-top.cd-fade-out {
/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
opacity: .5;}
.cd-top:hover { background-color: #333; opacity: 1;}
.button, button { overflow: visible; /* IE */ color: #fff !important; text-align: center; font : 11px "Trebuchet MS", verdana, arial, sans-serif; background: none repeat scroll 0 0 #de7037; display: inline-block; padding: 7px 7px; margin: 0 2px;
margin-top: 2px; border: medium none; cursor: pointer; font-weight: 700; border-radius: 2px; transition: all 0.1s ease-out 0s;}
.button:hover,.button.search, button:hover { background: none repeat scroll 0 0 #333; font-weight: 700; color: #fff; }
.button.search:hover { background: none repeat scroll 0 0 #de7037; font-weight: 700; color: #fff; }
.button:active,.button.active,button:active,input[type=submit]:active { box-shadow: inset 0 1px 1px #555; background-position: 0 -81px;
background-color: #de7037; color: #fff; text-shadow: none; border-color: #034584; top: 1px;}
.button.negative:focus,.button.negative:hover { color: #fff; background-color: #D84743; border-color: #bc002c;}
.button.negative:active,.button.negative.active{ box-shadow: inset 0 1px 1px #555; background-color: #A5211E; border-color: #bc002c;}
.button.big { font-size: 14px;}
.button .icon { display: inline-block; padding-left: 18px; position: relative; line-height: 10px; top: 1px;
height: 12px; margin: 2px 4px 2px 0; background-image: url(images/buttons_icons.png); background-repeat: no-repeat;
white-space: nowrap; /* IE 7 */}
.button .icon.pm-button { background-position:0 -500px; }
.button:hover .icon.pm-button { background-position:0 -512px; }
.button .icon.edit-button { background-position:0 -556px; }
.button:hover .icon.edit-button {background-position:0 -571px; }
.button .icon.web-button { background-position:0 -586px; }
.button:hover .icon.web-button { background-position:0 -601px; }
.button .icon.quote-button { background-position:0 -176px; }
.button:hover .icon.quote-button { background-position:0 -190px; }
.button .icon.newthread-button { background-position:0 -616px }
.button:hover .icon.newthread-button { background-position:0 -631px }
.button .icon.reply-button { background-position:0 -646px }
.button:hover .icon.reply-button { background-position:0 -660px }
.button .icon.rightarrow { background-position:0 -674px }
.button:hover .icon.rightarrow { background-position:0 -689px }
.button .icon.settings-button { background-position: 0 -146px }
.button:hover .icon.settings-button { background-position: 0 -161px }
.button .icon.del-button { background-position: 0 -204px }
.button:hover .icon.del-button { background-position: 0 -219px }
.button .icon.move-button { background-position: 0 -526px }
.button:hover .icon.move-button { background-position: 0 -541px }
.tcp-warn {position:relative}
#tcp-warn { position:absolute; top: 3px; right: 2px; cursor: pointer; width:14px; height:12px;
background: url(images/buttons_icons.png) no-repeat 0 -204px;}
#tcp-warn:hover {background-position:0 -219px}
#site-links, #site-links li {margin: 0;}
.user-avatar,.user-avatar a,.user-avatar img,.user-avatar:after { position: relative; border-radius: 3px; display: inline-block; }
.user-avatar:after { position: absolute; border: 1px solid #bbb; border-color: rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; content: ""; bottom: 0; left: 0; right: 0; top: 0; z-index: 1; }
.tag { background-image: url(images/btn.png); background-repeat: repeat-x; background-color: #555; border-radius: 3px;
color: #fff; display: inline-block; font-size: 9px; font-weight: bold; height: 16px; line-height: 16px;
vertical-align: middle; padding: 0 5px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); text-transform: uppercase; }
.tag.big { font-size: 12px; }
.tag.green {background-color: #7BA60D;}
.tag.orange {background-color: #ed7710;}
.tag.red {background-color: #d93232;}
.tag.blue {background-color: #178eea;}
.tag.gray {background-color: #9a9a9a;}
.breaking-news { margin-top: -4px; padding-top: 2px; padding-bottom: 2px; }
.sticky-news:before { width: 8px; }
.post .title a { color: #ffffff; }
.post .title a:hover { color: #de7037; }
h2.panelcap .tag { margin-top: 2px;}
.ht-link { position: relative; }
.ht-reply { position: absolute; right: 0; }
/* Navigation Panel */
#navigation ul { margin: 0; display: block; list-style-type: none; line-height: 1.2em; }
#navigation li { height: 20px;}
#navigation .bullet { }
* html #navigation ul li, #navigation a {height: 1%;}
#navigation a { display: block; text-decoration: none; height: 20px; }
#navigation .current-link a span {text-decoration: underline;}
#navigation a span { line-height: 1.7em; cursor: pointer; /* IE7 */ }
#navigation a {padding-left: 2px;}
/* end */
.bullet { margin-bottom: 0px; vertical-align: middle; border: 0; margin-top: -2px;}
/* Forum page styles */
.forum-titlebar h1, .thread-titlebar h1 { font-size: 16px; font-weight: 600; margin: 0; }
.forum-titlebar h1 a, .thread-titlebar h1 a { font-size: 12px; font-weight: normal;}
.forum-titlebar p, .thread-titlebar p { margin: 0; }
.forum-titlebar, .thread-titlebar { padding: 10px; margin-bottom: 6px; position: relative; }
.forum-titlebar .thread-counts, .thread-titlebar .thread-counts { clear: right; }
.stats-caption { width: 100px; }
.last-post-caption, .thread-last-post { width: 130px; }
.thread-title, .last-post-author { font-size: 13px; }
.thread-starter, .last-post-date { color: #888; }
.thread-starter a, .last-post-date a { color: #666; }
.thread-starter a:hover, .last-post-date a:hover { border-bottom: 1px dotted #666; }
.thread-stats .major,.thread-stats .minor { display: table; width: 100%; }
.thread-stats .major { min-width: 98px; font-size: 13px; }
.thread-stats dt, .thread-stats dd { display: table-cell; }
.thread-stats dd { text-align: right; padding-left: 4px; }
.thread-stats dt { color: #666 }
.thread-stats .major dd { font-size: 14px; }
.thread-last-post .avatar { width: 40px; max-height: 40px; }
.last-post-avatar { float: left; margin-right: 6px; }
.deleted-user { font-style: italic; }
.faint { color: #888 }
.faint strong, .darker { color: #222; }
.thread-titlebar .user-avatar { margin-right: 5px; }
.thread-titlebar .user-avatar img { width: 58px; }
.thread-options { height: 18px; }
.who-posted { white-space: normal; font-weight: normal; }
ul.posters { margin: 0 0 0 4px; display: inline;}
li.poster { margin-right: 4px; display: inline; }
.forum-category { line-height: 10px; vertical-align: middle; }
.online-status { height: 10px; border-radius: 6px}
/* profile.php */
.profile_user_name:after, .profile_user_level:after, .profile_user_email:after, .profile_user_joined:after { background: url(images/news-info.png) no-repeat left top; width: 16px; height: 16px;
margin-left: 2px; display: inline-block; vertical-align: middle; content: " "; }
.profile_user_level:after { background-position: left -40px; }
.profile_user_email:after { background: url(images/email.png) no-repeat left top; }
.profile_user_joined:after { background-position: left -20px; }
.profile_user_visit .tag { vertical-align: top; }
.profile-page .profile, .profile-page .profile_category { max-width: 600px; min-width: 400px; }
.profile.tbl-border .tbl1 > div[style="float:left"] { width: 40%; margin-bottom: 3px; }
.profile.tbl-border .tbl1 > div[style="float:right"] { width: 60%; margin-bottom: 3px; }
.profile.tbl-border .tbl1 > div[style="float:none;clear:both"] { border-bottom: 1px dotted #ccc; }
.profile_user_avatar.responsive { display: none; }
/* end profile.php */
.sticky-icon { vertical-align: middle; float: right; }
.thread-stats-responsive { display: none; }
ul.findex { margin: 0;}
ul.findex li { float: left; display: block; margin-right: 4px; }
.findex .responsive-menu { position: relative; right: 0; margin: 0 !important; width: 100%; }
.findex .responsive-menu ul { overflow: hidden; right: 0; position: relative; z-index: 1; height: 0;
min-width: 200px; margin: 0; }
.findex .responsive-menu li { overflow: hidden; margin: 0; width: 100%; }
.findex .responsive-menu li:first-child { margin-top: 4px; }
.findex .responsive-menu li a { display: block; padding: 4px 10px; text-align: left;}
.findex .responsive-menu.active { overflow: visible; }
.findex .responsive-menu-button { display: block; position: absolute; right: 0; width: 18px; height: 16px;
padding: 4px !important; top: -22px; border: 1px solid #666; border-radius: 4px; }
.findex .responsive-menu.active .responsive-menu-button { box-shadow: 0 1px 2px rgba(0,0,0, .5) inset; }
/* Responsive menu three lines icon */
.findex .responsive-menu-button span,
.findex .responsive-menu-button span:before,
.findex .responsive-menu-button span:after {
content: " "; position: relative; display: block; height: 4px; border-radius: 4px; background-color: #444; margin: 0 auto; }
.findex .responsive-menu-button span:before { top: 6px; }
.findex .responsive-menu-button span:after { top: 8px; }
/* end responsive menu icon */
/* Main menu responsive stuff */
ul.navigation { }
.navigation .responsive-menu { position: absolute; right: 0; margin: 0 !important; }
.navigation .responsive-menu ul { overflow: hidden; right: 0; position: absolute; z-index: 999; height: 0; min-width: 200px;
margin: 0; background-color: #555; }
.navigation .responsive-menu li { overflow: hidden; margin: 0; width: 100%; }
.navigation .responsive-menu li a { display: block; padding: 4px 10px; text-align: left; }
.navigation .responsive-menu li a:hover { background-color: #666; }
.navigation .responsive-menu.active { overflow: visible; }
.navigation .responsive-menu-button { display: block; width: 22px; height: 22px; padding: 4px !important; margin: 5px 4px 0;
border: 1px solid #666; border-radius: 4px; }
.navigation .responsive-menu-button:hover { background-color: #555; }
.navigation .responsive-menu.active .responsive-menu-button { background-color: #666; box-shadow: 0 1px 2px rgba(0,0,0, .5) inset;}
/* Responsive menu three lines icon */
.navigation .responsive-menu-button span,
.navigation .responsive-menu-button span:before,
.navigation .responsive-menu-button span:after { content: " "; position: relative; display: block; width: 24px; height: 4px;
border-radius: 4px; background-color: #fff; margin: 0 auto; margin-top: 2px; }
.navigation .responsive-menu-button span:before { top: 7px; }
.navigation .responsive-menu-button span:after { top: 8px; }
/* end main menu */
/* Responsive styling stuff */
@media only screen and (max-width: 400px) {
/* BBCodes wrapper */
div[style="width:360px"] { width: 300px !important; }
.ad { display: none; }
#ddraig_relative_time { width: 90px; }
}
@media only screen and (max-width: 960px) {
/* Move the right side panels to the left */
#top-search { display: none; }
.ad { display: none; }
#main { margin-top: 15px }
.side-both #side-border-right { float: left !important; clear: both; margin-top: 10px; }
.side-both #main-bg { margin-right: 2px; }
#side-border-right, #side-border-left { margin: 0 auto; }
}
@media only screen and (max-width: 720px) {
.gkUserMember { display: none; }
#gkUserArea { display: none; }
.subheader{ display: none;}
#logo { text-align: center; }
img { max-width: 100%; }
/* Hide the default avatar on profile page */
.profile_user_avatar { display: none; }
.profile_user_avatar.responsive { display: table-cell !important; }
.sides .panel { margin: 0 auto; }
#top-search { display: none; }
/* Forum breadcrumbs */
.forum_breadcrumbs .crust { display: inline; }
.forum_breadcrumbs .arrow { top: -3px; }
/* end forum breadcrumbs */
.forum_name { width: 100% }
#main { margin-top: 15px }
#main-bg { margin: 0 !important; }
.thread-name { padding: 2px 0 2px 4px }
.thread-title { font-weight: 600; font-size: 13px }
.forum_thread_user_name { width: 80px !important; word-break: break-all; }
.forum_thread_user_info { padding-right: 0 }
img.poll { max-width: 100px !important }
.forum_thread_user_info .user-avatar .avatar { width: 72px }
.forum_thread_user_post, .preview-text { -moz-hyphens: auto; /*word-break: break-all;*/ }
.profile-page .profile, .profile-page .profile_category { width: 100%; min-width: 100%; }
.profile-page .user-avatar .avatar { width: 120px }
.preview-wrap { padding: 9px 11px 14px; }
.preview-wrap .user-avatar .avatar { width: 52px; }
.preview-text { margin: -4px 0 0 56px; }
.inforum .contentbody { padding: 4px 0 10px; }
.folder-caption,
.thread-folder-icon { display: none; }
.forum_table { border-collapse: collapse; }
.thread-row.foldernew .tbl1 { }
.thread-row.foldernew:hover .tbl1 { }
.thread-row.foldernew { border-left: 6px solid #226dac; }
.thread-row.foldernew .thread-title { font-weight: 700; }
/* Override hard coded width, makes Admin Panel usable on mobile devices */
table[width$="0"],
table[width$="0%"],
table[style$="0px;"],
textarea[style$="0px"],
textarea[style$="0px;"],
.errors-page table[style$="%;"],
.panels-page div.panels,
.site-links-page div[style$="500px;"] {
width: 99.8% !important;
}
input[style$="0px"],
input[style$="0px;"] {
max-width: 90%; !important; style.css
}
*[style$="nowrap"],
*[style$="nowrap;"] { padding: 1px 0 0 2px; white-space: normal !important; }
.panels-page div[style$="230px;"] { text-align: right !important; width: auto !important; }
.db-backup-page td[valign="top"] { display: block; }
.post-page td[width="145"] { width: auto !important; }
.post-page .forum_thread_user_info { max-width: 76px !important; }
.theme-settings-admin-page .desc { padding: 0 }
.quote { margin: 0 20px 0 0 }
.side-both,
.side-left,
.side-right { width: 100%; /* fix for Firefox */ display: -webkit-box; display: -moz-box; display: -webkit-flexbox;
display: -ms-flexbox; display: -webkit-flex; display: flex;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
#side-border-left { width: 96%; max-width: 96%;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-webkit-flex-order: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
#side-border-right { width: 96%; max-width: 96%;
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
-webkit-flex-order: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
#subfooter { padding: 4px;}
.footer {display: inline; }
.footerb { display: none; }
.section_w180 { display: none; }
.item-info {margin:10px auto !important; }
.social-footer { display: none;}
}
@media only screen and (max-width: 610px) {
#main { margin-top: 15px }
.last-post-avatar { display: none; }
.forum-caption.stats-caption, .thread-stats { display: none; }
.last-post-caption, .thread-last-post { width: 84px; }
.thread-counts { display: none; }
.thread-stats-responsive { display: inline; }
.item-info .reads { display: none; }
}
table.center {table-layout: fixed; width: 96% !important;}
td.tbl2 {width: 52px !important;}
|
Przedszkolak
Postów: 42
Ostrzeżeń: 3
Data rejestracji: 02.08.2011 23:00
|
Dzięki :)
Plik: theme.php
<?php
/*-------------------------------------------------------+
| PHP-Fusion Content Management System
| Copyright (C) 2002 - 2013 Nick Jones
| http://www.php-fusion.co.uk/
+--------------------------------------------------------+
| Filename: theme.php
| Author: JoiNNN
+--------------------------------------------------------+
| This program is released as free software under the
| Affero GPL license. You can redistribute it and/or
| modify it under the terms of this license which you
| can read by viewing the included agpl.txt or online
| at http://www.gnu.org/licenses/agpl.html. Removal of this
| copyright header is strictly prohibited without
| written permission from the original author(s).
+--------------------------------------------------------+
| This file is part of the PHP-Fusion Theme standard.
+--------------------------------------------------------+
| Theme: Ddraig
| PHP-Fusion version: 7.02.05
| Theme version: 1.1
+--------------------------------------------------------*/
if (!defined("IN_FUSION")) { die("Access Denied"); }
//Theme settings
require_once THEME."theme_settings.php";
define("THEME_BULLET", "<img src='".THEME."images/bullet.png' class='bullet' width='16' height='15' alt='>' />");
require_once THEME."includes/functions.inc.php";
require_once INCLUDES."theme_functions_include.php";
require_once THEME."includes/functions.php";
function get_head_tags(){
//Theme width class
echo "<style type='text/css'>.theme-width {max-width: ".THEME_MAXWIDTH.";min-width: ".THEME_MINWIDTH."}</style>\n";}
if (function_exists("add_handler")) {
add_handler("theme_output");
}
function render_page($license=false) {
global $aidlink, $locale, $settings, $main_style, $setting, $colour_switcher, $userdata, $mysql_queries_time;
//Check for locale
if (file_exists(THEME."locale/".$settings['locale'].".php")) {
include THEME."locale/".$settings['locale'].".php";
} else {
include THEME."locale/English.php";
}
add_to_head("<!-- Mobile Specific Metas -->
<meta name='viewport' content='width=device-width, initial-scale=1.0' />
<script src='".THEME."js/html5.js'></script>
<script src='".THEME."js/css3-mediaqueries.js'></script>
<link rel='stylesheet'href='https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css'/>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css' />");
//End
//echo "<script src='".THEME."js/fallingsnow_v6.js'></script>";
//echo "<div id='snowflakeContainer'>
//<p class='snowflake'>*</p>
//</div>";
echo "<div id='header' class='clearfix'>";
//Social top / Login pop up top
require_once THEME."includes/Social_Icons.php";
require_once THEME."includes/login.php";
echo "</div>";
echo "</div>";
echo "</div>";
//Banners Logo
echo "<div id='mainheader'>
<div class='theme-width clearfix center'>";
echo "<div id='logo'>".showbanners()."</div>";
echo "</div>";
echo "</div>";
//Winter Mode
if (STYLE == 1) {
echo "<div class='theme-width clearfix center'>";
add_to_head("<link type='text/css' href='".THEME."css/style2.css' rel='stylesheet' media='screen' />"); }
echo "</div>";
//Winter Mode
if (WINTER == 1) {
echo "<div id='gkContentWrap' class='theme-width clearfix center'>";
add_to_head("<link type='text/css' href='".THEME."css/winter.css' rel='stylesheet' media='screen' />"); }
echo "</div>";
//Sub header
echo "<div id='subheader'>
<div class='theme-width clearfix center'>";
//Navigation links
echo navigation();
echo "</div>";
echo "</div>";
//search
require_once THEME."includes/search.php";
echo "</div>";
echo "</div>";
echo "<div id='main' class='".$main_style." theme-width center clearfix'>";
//Panels structure
echo (LEFT ? "<div id='side-border-left' class='sides flleft'>\n".LEFT."</div>\n" : "");
echo (RIGHT ? "<div id='side-border-right' class='sides flright'>\n".RIGHT."</div>\n" : "");
//Main structure
echo "<div id='main-bg'><div id='container'>";
echo (U_CENTER ? "<div class='upper-block'>".U_CENTER."</div>" : "");
echo "<div class='main-block'>".CONTENT."</div>";
echo (L_CENTER ? "<div class='lower-block'>".L_CENTER."</div>" : "");
echo "</div></div>\n";
echo "</div>\n";
if (FOOT_FOOT == 1) {
//Footer
echo "<div id='footer'>";
echo "<div class='footer theme-width center'>";
require_once THEME."includes/footer.php";
echo "</div></div>";
}
//Subfooter
echo "<div id='subfooter'>
<div class='subfooter center theme-width'>";
echo "<div id='copyright'><div class='flleft'>".(!$license ? showcopyright() : "")."<br /><a href='http://www.hellasplus.com'>Theme designed by Dimi</a> ( based on Ddraig ) </a></div>";
echo "<div class='flright text-right'>".stripslashes($settings['footer'])."</div></div>";
echo "<div class='subfooter clearfix'>";
echo "<div class='flleft' style='width: 50%'>";
if ($settings['rendertime_enabled'] == 1 || ($settings['rendertime_enabled'] == 2 && iADMIN)) {echo showrendertime();}
echo "</div>";
echo "<a href='#0' class='cd-top' title='".$locale['to_top']."'></a>\n";
echo "<div class='flleft text-left' style='width: 50%; margin-top: 0px;'>".showcounter()."</div>";
echo "</div></div></div>\n";
//Show warning if Theme Control Panel is not infused and if user has access to Infusions
if (!SETTINGS_INSTALLED && checkrights("I")) {
//Render the warning
if (!isset($_COOKIE[COOKIE_PREFIX.'tcpnotice'])) {
replace_in_output("<!--error_handler-->", "<!--error_handler-->".$locale['tcp_warning']);
}
//Message close script
add_to_footer("<script type='text/javascript'>
$('#tcp-warn').click( function(e) {
e.preventDefault();
$.get(this.href);
$('.tcp-warn').fadeTo('slow',0.01,function(){
$(this).slideUp('slow',function(){
$(this).hide()
});
});
});
</script>");
}
add_to_footer("<script type='text/javascript' src='".THEME."js/main.js'></script>");
add_to_footer("<script type='text/javascript'>/*<![CDATA[*/
//Header search - area script
$('#search_area').click( function() {
$(this).fadeTo('slow',0,function(){
$(this).animate({'width': '0', 'padding': '0'}, 300, function(){
$(this).remove()
});
});
$('#search_type').attr({'disabled': 'disabled'}) //disabling(instead of removing) keeps input field value after page reload
});
$('#search_type').removeAttr('disabled') //if is disabled, stays disabled after page reload. Remove attribute on page load
//Header search - placeholder script
var text = $('#splaceholder').text();
if ($('#sinput').attr('value') != '') {
$('#splaceholder').text('') //remove placeholder text if other value is kept after page reload
}
//Remove placeholder text when typing
$('#sinput').bind('input propertychange', function() {
if ($(this).attr('value') != '') {
$('#splaceholder').text('') //remove
} else {
$('#splaceholder').text(text) //add it back if no text input
}
});"
//Thread preview script
.((THREAD_PREV == 1 && INFORUM && in_array(FUSION_SELF, array("index.php", "viewforum.php"))) ? "
//Thread preview
$('a.preview-link').click(function (e) {
e.preventDefault();
var el = $(this),
parts = this.href.split('='),
trgt = parts[1],
thistr = el.parent().parent();
thid = $('#thid' + trgt),
preview = '".$locale['prev_thread']."',
close_preview = '".$locale['close_prev']."';
//Closing the preview
if (thid.hasClass('expanded')) {
thid.children('div').stop(true, true).slideToggle('fast');
thid.removeClass('expanded');
thistr.removeClass('previewing');
el.toggleClass('icon-list icon-cancel expand close').attr('title', preview);
//Expanding the preview after was loaded
} else if (thid.hasClass('loaded') && !thid.hasClass('expanded')) {
thid.children('div').stop(true, true).slideToggle('fast');
thid.addClass('expanded');
thistr.addClass('previewing');
el.toggleClass('icon-list icon-cancel expand close').attr('title', close_preview);
//Loading and expanding the preview
} else if(!el.hasClass('loading')) {
el.toggleClass('icon-list icon-arrows-cw animate-spin expand loading');
$.ajax({url:'".THEME."includes/thread_preview.inc.php?thread_id=' + trgt,
success: function(result){
thistr.after('<tr><td id=\'thid' + trgt + '\' class=\'preview expanded loaded\' colspan=\'4\'>' + result + '<\/td><\/tr>');
thistr.addClass('previewing');
el.toggleClass('icon-arrows-cw animate-spin icon-cancel close loading').attr('title', close_preview);
$('#thid' + trgt).children('div').stop(true, true).slideToggle('fast');
},
error: function () {
el.toggleClass('icon-arrows-cw animate-spin icon-list expand loading');
}
});
}
});" : "")."
/*]]>*/
</script>");
add_to_footer("<script type='text/javascript' src='".THEME."js/flexmenu.js'></script>
<script type='text/javascript'>
$('.navigation').flexMenu({'activeClass' : '.current-link'});
$('.findex').flexMenu({'hideAll' : true, 'activeClass' : '.none', 'hideOnMouseOut' : false});
</script>");
//Relative time script
if (REL_TIME == 1) {
add_to_footer("<script type='text/javascript' src='".THEME."js/relative-date.js'></script>");
add_to_footer("<script type='text/javascript'>/*<![CDATA[*/
var timenow = '".(iMEMBER ? showdate("longdate", time()) : strftime($settings['longdate'], (time())+($settings['serveroffset']*3600)))."';
$('".REL_TIME_EL."').toRelativeTime(".(($settings['locale'] != "English" && file_exists(THEME."locale/".$settings['locale'].".php")) ? "{
'seconds': '".$locale['seconds']."',
'minute': '".$locale['minute']."',
'minutes': '".$locale['minutes']."',
'today': '".$locale['today']."',
'yesterday': '".$locale['yesterday']."',
'thisWeek': '".$locale['thisWeek']."',
'other': '".$locale['other']."',
'monthNames': ".$locale['monthNames'].",
'monthNamesShort': ".$locale['monthNamesShort'].",
'dayNames': ".$locale['dayNames'].",
'dayNamesShort': ".$locale['dayNamesShort']."
}" : "").");
/*]]>*/
</script>");
}
}
//Render News
function render_news($subject, $news, $info) {
global $locale, $settings;
// Title as link to extended news
$subject = preg_replace("/<a name='news_([0-9]+)' id='news_([0-9]+)'><\/a>/i", '', $subject);
if (!isset($_GET['readmore'])) {
$subject = "<a href='".BASEDIR."news.php?readmore=".$info['news_id']."'>".$subject."</a>";
}
// Breaking news
$breaking_news_time = 156600; //Breaking News Time (1 Hour/60 Mins/3600 Seconds)
if (time()-$info['news_date'] < $breaking_news_time) {
$subject = "<span class='breaking-news tag big red'>".$locale['breaking_news']."</span> ".$subject;
}
// Sticky news
if ($info['news_sticky'] == 1) {
$subject = "<i class='sticky-news icon-pin' title='".$locale['sticky']."'></i> ".$subject;
}
opentable($subject, "post", $info, "N");
echo "<ul class='item-info news-info clearfix'>\n";
//Author
echo "<li class='author'>".profile_link($info['user_id'], $info['user_name'], $info['user_status'])."</li>\n";
//Date
echo "<li class='dated'>".showdate("newsdate", $info['news_date'])."</li>\n";
//Category
echo "<li class='cat'>\n";
if ($info['cat_id']) {
echo "<a href='".BASEDIR."news_cats.php?cat_id=".$info['cat_id']."'>".$info['cat_name']."</a>\n";
} else {
echo "<a href='".BASEDIR."news_cats.php?cat_id=0'>".$locale['global_080']."</a>";
}
echo "</li>\n";
//Reads
if ($info['news_ext'] == "y" || ($info['news_allow_comments'] && $settings['comments_enabled'] == "1")) {
echo "<li class='reads'>\n";
echo $info['news_reads'].$locale['global_074'];
echo "</li>\n";}
//Comments
if ($info['news_allow_comments'] && $settings['comments_enabled'] == "1") { echo "<li class='comments'><a ".(isset($_GET['readmore']) ? "class='scroll'" : "")." href='".BASEDIR."news.php?readmore=".$info['news_id']."#comments'>".$info['news_comments']."".($info['news_comments'] == 1 ? $locale['global_073b'] : $locale['global_073'])."</a></li>\n"; }
echo "</ul>\n";
//The message
echo "<div class='floatfix'>".($info['cat_image'].$news)."</div>\n";
//Read more button
if (!isset($_GET['readmore']) && $info['news_ext'] == "y") {
echo "<div class='readmore flright'><a href='".BASEDIR."news.php?readmore=".$info['news_id']."' class='news-button'>".$locale['global_072']."..</a></div>\n";
}
echo "<!--news_id-".$info['news_id']."_end-->";
closetable();
}
//Render Articles
function render_article($subject, $article, $info) {
global $locale, $settings;
opentable($subject, "article", $info, "A");
echo "<ul class='item-info article-info'>\n";
//Author
echo "<li class='author'>".profile_link($info['user_id'], $info['user_name'], $info['user_status'])."</li>\n";
//Date
echo "<li class='dated'>".showdate("newsdate", $info['article_date'])."</li>\n";
//Category
echo "<li class='cat'>\n";
if ($info['cat_id']) {
echo "<a href='".BASEDIR."articles.php?cat_id=".$info['cat_id']."'>".$info['cat_name']."</a>";
} else {
echo "<a href='".BASEDIR."articles.php?cat_id=0'>".$locale['global_080']."</a>";
}
echo "</li>\n";
//Reads
echo "<li class='reads'>".$info['article_reads'].$locale['global_074']."</li>\n";
//Comments
if ($info['article_allow_comments'] && $settings['comments_enabled'] == "1") { echo "<li class='comments'><a class='scroll' href='".BASEDIR."articles.php?article_id=".$info['article_id']."#comments'>".$info['article_comments'].($info['article_comments'] == 1 ? $locale['global_073b'] : $locale['global_073'])."</a></li>\n"; }
echo "</ul>\n";
//The message
echo ($info['article_breaks'] == "y" ? nl2br($article) : $article)."\n";
echo "<!--article_id-".$info['article_id']."_end-->";
closetable();
}
//Render comments
function render_comments($c_data, $c_info){
global $locale, $settings;
if ($c_info['admin_link'] !== FALSE) {
echo "<div class='comment-admin floatfix'>".$c_info['admin_link']."</div>\n";
}
if (!empty($c_data)){
echo "<div class='user-comments floatfix'>\n";
$c_makepagenav = '';
if ($c_info['c_makepagenav'] !== FALSE) {
echo $c_makepagenav = "<div style='text-align:center;margin-bottom:5px;'>".$c_info['c_makepagenav']."</div>\n";
}
foreach($c_data as $data) {
echo "<div id='c".$data['comment_id']."' class='comment'>\n";
//User avatar
if ($settings['comments_avatar'] == "1") { echo "<span class='user_avatar'>".$data['user_avatar']."</span>\n"; $noav = ""; } else { $noav = "noavatar"; }
echo "<div class='tbl1 comment-wrap $noav'>";
//Pointer tip
if ($settings['comments_avatar'] == "1") { echo "<div class='pointer'><span><</span></div>\n"; }
//Options
echo "<div class='comment-info'>";
if ($data['edit_dell'] !== FALSE) {
echo "<div class='actions flright'>".$data['edit_dell']."\n</div>\n";
}
//Info
echo "<a class='scroll' href='".FUSION_REQUEST."#c".$data['comment_id']."'>#".$data['i']."</a> |\n";
echo "<span class='comment-name'>".$data['comment_name']."</span>\n";
echo "<span class='small'>".$data['comment_datestamp']."</span></div>\n";
//The message
echo "<div class='comment-msg'>".$data['comment_message']."</div></div></div>\n";
}
echo $c_makepagenav;
echo "</div>\n";
} else {
echo "<div class='nocomments-message spacer'>".$locale['c101']."</div>\n";
}
}
function itemoptions2($item_type, $item_id, $info) {
global $locale, $aidlink; $res = "";
if ($item_type == "N") {
//Edit
if (iADMIN && checkrights($item_type)) { $res .= "<span class='edit'><!--article_news_opts--> <a href='".ADMIN."news.php".$aidlink."&action=edit&news_id=".$item_id."'><img src='".get_image("edit")."' alt='".$locale['global_076']."' title='".$locale['global_076']."' width='16' height='16' style='border:0;' /></a></span>\n"; }
//Print
$res .= "<!--news_opts--><span class='print'><a href='print.php?type=N&item_id=".$info['news_id']."'><img src='".get_image("printer")."' alt='".$locale['global_075']."' title='".$locale['global_075']."' width='20' height='16' style='border:0;' /></a></span>\n";
} elseif ($item_type == "A") {
//Edit
if (iADMIN && checkrights($item_type)) { $res .= "<span class='edit'><!--article_admin_opts--> <a href='".ADMIN."articles.php".$aidlink."&action=edit&article_id=".$item_id."'><img src='".get_image("edit")."' alt='".$locale['global_076']."' title='".$locale['global_076']."' width='16' height='16' style='border:0;' /></a></span>\n"; }
//Print
$res .= "<!--article_opts--><span class='print'><a href='print.php?type=A&item_id=".$info['article_id']."'><img src='".get_image("printer")."' alt='".$locale['global_075']."' title='".$locale['global_075']."' width='20' height='16' style='border:0;' /></a></span>\n";
}
return $res;
}
//Content Panels
function opentable($title, $custom_class="", $info="", $type="") {
global $p_data;
//News and Articles IDs, and Options(Edit/Print)
$id = "";
$options = "";
if ($type == "N") {
$id = "id='news-".$info['news_id']."'";
$options = itemoptions2("N", $info['news_id'], $info);
} elseif ($type == "A") {
$id = "id='article-".$info['article_id']."'";
$options = itemoptions2("A", $info['article_id'], $info);
}
//Wrapp panel in div with class based on panel name
$class = $p_data['panel_filename'];
if ($class == "" && $custom_class == "") {
//Panel with no custom class and no panel name file
$class = "panel";
} elseif ($class == "" && $custom_class != "") {
//Panel with custom class and no panel name file
$class = $custom_class." panel";
} else {
//Panel with panel name file
$class = str_replace("_panel", " panel", $class);
}
echo "<div class='cap-top'></div>\n";
echo "<div ".$id." class='".$class."'>";
echo "<h1 class='maincap clearfix'>";
echo "<span class='title'>".$title."</span>";
if ($info != "") {
echo "<span class='options'>";
echo $options;
echo "</span>";
}
echo "</h1>\n";
echo "<div class='contentbody clearfix'>";
}
function closetable() {
echo "</div></div>\n";
}
//Side panels
function openside($title, $collapse = false, $state = "on") {
global $panel_collapse, $p_data; $panel_collapse = $collapse;
//Wrap panel in div with class based on panel name
$class = $p_data['panel_filename'];
if ($class == "") { $class = "panel"; } else { $class = str_replace("_panel", " panel", $class); }
echo "<div class='panel-top'></div>\n";
echo "<div class='".$class."'>";
echo "<h2 class='panelcap'>";
echo "<span class='title'>".$title."</span>\n";
if ($collapse == true) {
$boxname = str_replace(" ", "", $title);
}
echo "</h2>";
echo "<div class='panelbody clearfix'>\n";
if ($collapse == true) { echo panelstate($state, $boxname); }
}
function closeside() {
global $panel_collapse;
echo "</div>\n";
echo "</div>\n";
if ($panel_collapse == true) { echo "</div>\n"; }
}
?>
|
v7.02.07
Piterus World mój blog i miejsce moich eksperymentów. Ubi lex, ibi poena Kontakt przez komunikatory tylko dla znajomych...
GeSHi: CSS
