/* Mollio Template for Pligg LEGAL ========================================== Ported to Pligg:Steef de Winter (CC) 2006 ------------------------------------------ Copyright:Daemon Pty Limited 2006, http://www.daemon.com.au Community:Mollio http://www.mollio.org $ ------------------------------------------ License:Released Under the "Common Public License 1.0", http://www.opensource.org/licenses/cpl.php License:Released Under the "Creative Commons License", http://creativecommons.org/licenses/by/2.5/ License:Released Under the "GNU Creative Commons License", http://creativecommons.org/licenses/GPL/2.0/ */ /* Important ----------------------------------------------------------------------------------------------------------------------------------*/ * {margin:0;padding:0} body {padding:0 0 0px;background:#fff url("../images/body_bg.gif") repeat-x 0 100%;color:#333;font:83%/1.5 arial,tahoma,verdana,sans-serif; min-width:660px;max-width:2200px;} /* IE doesn't support min/max-width, so this doesn't work for IE folks */ /* WRAPPERS */ #wrap {margin:0 auto;position:relative;text-align:left} #contentbox {margin:0 280px 0 25px} #sidebar {position:absolute;top:0;left:auto;right:0px;width:250px; background-color:#E0E7DA; height:100%; padding:5px;} #content-wrap {background: #fff;position:relative;width:100%;min-height:650px; height:auto;} /* MB1.1 - Better footer placement - legacy */ #content-wrap1 {background: #fff;position:relative;width:100%;min-height:1200px; height:auto;} /* MB2.0 - " when not logged in */ #content-wrap2 {background: #fff;position:relative;width:100%;min-height:990px; height:auto;} /* MB2.0 - " when logged in */ #content-wrap3 {background: #fff;position:relative;width:100%;min-height:780px; height:auto;} /* MB2.0 - " when logged in, no cat box */ #ciprom table, .ciprom table{border:0; background-color:none; width:728px; clear:both} #ciprom td, #ciprom2 td, .ciprom td{background:none;} #ciprom2 table{border:0; background-color:none; width:160px;} #ciprom2{ margin: 20px auto;} /* Steef: MB1.1 - Better footer placement, copy values of content-wrap above */ /*\*/ * html #content-wrap1 {height: 1200px;} * html #content-wrap2 {height: 850px;} * html #content-wrap3 {height: 680px;} * html #content-wrap {height: 650px;} /**/ /* GENERAL ------------------------------------------------------------------------------------------------------------------------------------*/ ul {list-style:none} img {border:none} hr {margin:1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both} .clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} li {line-height: 1.4em;} /* LINKS */ a,a:link,a:link,a:link,a:hover {cursor:pointer} a:link {color:#455E24} a:visited {color:#455E24} a:hover,a:active {color:#000} /* FORMS */ form {margin:0 0 1.5em} input {font-family:arial,tahoma,verdana,sans-serif;margin:2px 0} fieldset {border:1px solid #069;padding:1em 1.5em;margin:1em 0; font-weight: normal;} /* only for IE */ * html fieldset {background:none;} fieldset dl { margin:0;padding:0} fieldset dt { clear:left;float:left;width:18em;text-align:right;padding:0 1em 0.5em 0} fieldset dd { padding:0 0 0.5em 0;font-weight:bold} fieldset.labels label { width:10em;float:left;text-align:right;display:block;padding:0.2em 0.5em 0.2em 0} fieldset.labels div { padding:0.2em 0;clear:left} label {display:block;padding:5px 0;font-weight:bold} label br {clear:left} legend { font-weight:bold;padding:0 0.5em;color:#069} input.submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%} input.submit-s {padding: 0px 3px;background:#666;color:#fff;font-weight:bold;font-size:90%} /* smaller submit button */ input.log2 {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%} /* legacy - all submit buttons should be class="submit" */ /* TYPOGRAPHY */ h1, h2, h3, h4, h5, h6 {letter-spacing:-1px;font-family:arial,verdana,sans-serif;margin:1.2em 0 .3em;color:#000;border-bottom:1px solid #eee;padding-bottom:.1em} h1 {font-size:196%;margin-top:.6em} h2 {font-size:136%} h3 {font-size:126%} h4 {font-size:116%} h5 {font-size:106%} h6 {font-size:96%} .highlight {color:#E17000} .subdued {color:#999} .error {color:#069;font-weight:bold;margin-top:10px;border:1px solid #ff0000;background:#FFC5BE;padding:5px;} .success {color:#390;font-weight:bold} .caption {color:#999;font-size:11px} .date {font:bold 82% arial;color:#bbb;display:block;letter-spacing:1px} small {font-size:11px} /* LAYOUT - HEADER ---------------------------------------------------------------------------------------------------------------------------*/ #omrezje_hd{oveflow:hidden; background-color:#000000; color:#999999; padding:3px; font-size:11px; border-bottom:1px solid #CCCCCC} #omrezje_hd a{color:#CCCCCC; text-decoration:none} #omrezje_hd a:hover{color:#FFFFFF; text-decoration:underline} #header {background:#666 url("../images/sprites.gif") repeat-x 0 100%;margin:0 0 0px;padding:0 0 8px;width:100%; position:relative;} #header #site-name { background: url("../images/logo.gif") no-repeat 30px -2px; height: 60px; width: 185px; cursor:pointer; } /* NAV - top horizontal nav */ #nav, #nav ul {padding:0;margin:0;list-style:none} #nav {font-weight:bold;height:2.09em;font:bold 85% arial;margin:0 105px 0 40px;width:880px;} /* Steef: width needed for maxwidth header in IE*/ #nav li { position: relative; background: #EBDA3D; float: left; width: 10em; display: block; margin: 0; border-right: 3px solid #5F1B1B; padding: 0px; } #nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#000;display:block;padding:4px 7px 4px} #nav a:hover {background-color:#C5B314} #nav li ul {border-left:1px solid #069;background:#f6f6f6 url("../images/featurebox_bg.gif") no-repeat 100% 100%;width:15.8em;font-size:90%;margin-top:3px;position:absolute;font-weight:normal;left:-999em} #nav li:hover ul, #nav li.sfhover ul {left:0;z-index:99999} #nav li li {background:none;float:none;border:none;border:1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0} #nav li li.last {border-bottom:none} #nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000;padding:3px 10px 2px;width:14em} #nav li li a:hover {color:#fff;background:#069} #nav li span {color:#002D42; font-size:90%} #nav li.active { background: #000000; border-bottom: 3px solid #000000; border-top: 1 solid #000000; } #nav li.active ul {border:none;background:#00000 url("../images/featurebox2_bg.gif") no-repeat 100% 100%} #nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {color:white;} #nav li.active a:hover {color:#FFFFFF; background-color:#000000} #nav li.active li {border:none;border-top:1px solid #c15c5c;border-bottom:1px solid #870000} #nav li.active li.last {border-bottom:none} #nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#fff} #nav li.active li a:hover {background:#666 url("../images/sprites.gif") repeat-x 0 99%;color:#fff} #nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {color:#fff;font-weight:bold;background:#666 url("../images/sprites.gif") repeat-x 0 99%} #nav li.active span {color:#5F7681; font-size:90%} /* hide from IE mac \*/ #nav li {width:auto} /* end hiding from IE5 mac */ /* TABS IN PROFILE PAGES */ #usertabs {height:2.5em;width:100%;background:#666 url("../images/sprites.gif") repeat-x 0 100%;padding-top:10px} #usertabs #nav li {font-size:87%;} /* SEARCH */ #search { background: url("../images/searcher.gif") no-repeat 0 0; color:#fff; font-weight:bold; position:absolute; top:0px; right:10px; left:auto; width:153px; height: 22px; } #search form {margin:0} #search input { margin: 0px; margin-top: 2px; margin-left: 8px; width: 100px; background: none; border: 0px; color: #CFCFCF; } #search label {padding:5px 0 0;display:inline} #search input.submit { width:30px; height:19px; color:white; background:none; margin:0px; position:relative; cursor: pointer; } /* POWERED BY - Pligg logo in this case */ #poweredby {width:96px;height:63px;position:absolute;top:-102px;right:0} /* LAYOUT - main body of page------------------------------------------------------------------------------------------------------------------*/ #sub_cats{ margin-bottom: 20px; color:#0099CC; } #sub_cats li{ list-style:none; display:inline; } #sub_cats li a {padding-right:11pt; color: #002D42; font:bold 116% arial; text-decoration:none; line-height:14pt;} #sub_cats li a:hover {text-decoration:underline;} #contentbox #breadcrumb {margin-top:-5px;font-size:93%;font-weight:bold; text-decoration:none} #contentbox #breadcrumb a:link {text-decoration:none} #contentbox #breadcrumb a:hover {text-decoration:none} #contentbox #breadcrumb a {text-decoration:none} #content #breadcrumb a:active {text-decoration:none} #content #breadcrumb a:visited {text-decoration:none} .featurebox {color:#333;padding:15px 20px 20px;border-top:1px solid #d7d7d7;margin:0 0 1.5em;background:#f6f6f6 url("../images/featurebox_bg.gif") no-repeat 100% 100%;border-top:5px solid #999;border-left:1px solid #b3b3b3} .featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {letter-spacing:-1px;margin:0 0 .3em;border-bottom:1px solid #069;color:#069} .featurebox p {border:none;margin:0 0 1em;color:#444} .featurebox a {font-weight:bold} .thumbnail {margin:0 0 0 10px;position:relative;z-index:9999;border:1px solid #eee;float:right;width:100px;padding:5px;background:#fff} .thumbnail img {border:1px solid #000} /* PAGE NUMBERING NAVINGATION */ /* Warning! 'function do_pages' in html1.php must be hacked in order for these to work */ .pagination {background: #f2f2f2;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em} .pagination p {position:relative;text-align:right} .pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc} .pagination p a:hover {background:#069;color:#fff} .pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc} .pagination * {margin:0} .pagination h4 {margin-top:-1.45em;padding:0;border:none} /* In html1.php, pages links:EITHER span OR a */ /* TABLES */ table {border:2px solid #900;border-collapse:collapse;width:100%} table td {background:#fff url("../images/sprites.gif") repeat-x 0 -1600px;padding:3px;border:1px solid #fff} table th {text-align:left;border:1px solid #fff} table thead th {color:#fff;font-size:145%;background:#900 url("../images/sprites.gif") repeat-x 0 -1300px;padding:10px 6px} table tbody th {color:#fff;font-size:115%;background:#88b8db url("../images/sprites.gif") repeat-x 0 -1400px;padding:6px} table tbody th.sub {font-size:100%;color:#000;background:#efefef url("../images/sprites.gif") repeat-x 0 -1500px;padding:6px} th a:link, th a:visited {color:#fff;text-decoration:none} th a:hover {color:#fff;text-decoration:underline} .grey1 {background:#f5f5f5;padding:3px;border:1px solid #fff} .grey2 {background:#ccc;padding:3px;border:1px solid #fff} /* Sidebar -----------------------------------------------------------------------------------------------------------------------------------*/ /* Block nav - ie 'submit news' */ #blocknav a:link, #blocknav a:visited { text-decoration:none;font-size:140%;color:#fff;display:block;margin-bottom:0.4em;padding:0.4em;border:#fff 1px solid;background:#069} #blocknav a:hover, #blocknav a:active {color:#000;border-right:#000 1px solid;border-bottom:#000 1px solid} /* Categories */ .m1_categories {padding:4px;} .m1_categories strong {display:block;font-size:140%;padding:1px;color:#000000;} #nav-secondary, #nav-rss ul, .okvir1, #cat_all {padding:3px; position:static; left:20px; border:1px solid white; background-color:#B6C6A8} #nav-secondary td {background:none; border:none; width:50%; } #nav-secondary, #cat_all{list-style:none;margin:5;padding:5;background:#E18080} #nav-secondary a, #cat_all a {padding-left:3pt; color: #860000; font:bold 86% arial; text-decoration:none; line-height:14pt;} #nav-secondary a:hover, #cat_all a:hover {text-decoration:underline;} #nav-secondary a.rss, #cat_all a.rss{display:block; float:left;background:url(../images/rss2.png) no-repeat 0px 4px; width:12px; height:16px; margin:0px; padding:0px;} #cat_all a.rss:hover, #nav-secondary a.rss:hover {display:block;background:url(../images/rss.png) no-repeat 0px 4px; } #nav-secondary #all a {color:#006699; line-height:1.8;padding:5px 0px 8px 5px;font:bold 86% arial;display:block} /* Steef list below categories (i.e. tag cloud) */ .featurebox li a {margin-left:-10px;padding-left:20px;line-height:2.4em;border-bottom:1px solid #E3E8EE;} /* Steef RSS box */ #nav-rss {position:static;margin:5px} #nav-rss, #nav-rss li {list-style:none;margin:0;padding:0;} #nav-rss a {line-height:1.8;padding:5px 0 5px 35px;font:bold 86% arial;display:block;text-decoration:none;background:url("../images/rss.gif") no-repeat 0px 8px} #nav-rss a:hover { text-decoration:underline} /* Footer -------------------------------------------------------------------------------------------------------------------------------------*/ .footer {clear:all;border-top:1px solid #E3E8EE;padding:10px 0 30px 15px;font-size:86%;color:#999; margin-top:15px;} .footer a:link, #footer a:visited {color:#999} /* News items --------------------------------------------------------------------------------------------------------------------------------*/ .news-summary {padding:15px 0 22px 0;position:relative;clear:left} /* Headline */ .top {padding:0 0 0 5px;margin-left:60px;background:#F6FBEA url("../images/featurebox_bg.gif") no-repeat 100% 100%;border-left:1px solid #b3b3b3} .top h4 {margin:0;padding-left:4px;font-size:160%;font-weight:normal} .top h4 a:link, .top h4 a:visited {color:#000000;text-decoration:none} .top h4 a:hover {text-decoration:underline} #nocatcol {border-top:5px solid #999;} /* The URL and Poster below headline */ .news-submitted {font-size:85%;margin:0;margin-bottom:3px;padding-left:4px} .news-submitted img {float:left;margin-right:4px;vertical-align:bottom; z-index: +1; position:relative} /* avatar below headline */ /* Post text */ .news-body-text {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} .link_thumb{ float:left; margin: 3px; margin-right: 9px; position:relative; border: 1px solid #00496C; } .link_thumb img{ border: 2px solid white; z-index:0; } .link_thumb span{background:url(../images/video.gif) no-repeat; position:absolute; right:3px; bottom:3px; width:18px; height:18px;z-index:100;} .news-body-text br{line-height:4px;} .news-body-text br.mbr{line-height:8px;} /* Post details below text */ .news-details {padding-left:4px;margin:0;font-size:85%} .news-details .comments {background:url(../images/comment_yellow.gif) no-repeat;padding-left:20px} .news-details a:link, .news-details a:visited {color:#669900;text-decoration:none} .news-details a:hover, .news-details a:active {color:#669900;text-decoration:underline} .news-details b {color:#069} * html .news-details {padding-right:136px} .news-details select {border:none} .news-details .tool {display:block;float:left;padding:0 4px 0 4px} .news-details .tool-right { display:block;float:left;padding:0 4px 0 4px} .news-details .comments_no { padding-left:37px;border-left:none} ul.news-details li li { border-left:none;float:none;height:21px} #contentsx {float:right;padding-bottom:50px;z-index:1} /* Votebox -----------------------------------------------------------------------------------------------------------------------------------*/ .news-shakeit { position:absolute;top:14px;left:0px;width:55px;text-align:center;font-size:85%;margin:0;padding:0;list-style:none} .news-shakeit li {border:1px solid #fff;margin:0;padding:0} /* number of votes and "votes" text */ .mnm-published { } .mnm-published a {font-size:26px;letter-spacing:-1px;text-decoration:none;line-height:32px;display:block;padding:7px 0 9px 0} .mnm-published a small {font-size:12px;letter-spacing:0px;text-decoration:none} /* I removed the text below the number of votes in the template "link_summary.tpl" because of IE issues*/ .mnm-published a:link, .mnm-published a:visited {color:#000} .mnm-published a:hover, .mnm-published a:active {text-decoration:none;color:#ffffff} /* vote box */ .menealo { background: #000 0 0; } * html .menealo {background:Maroon 1px 1px} .menealo a:link,.menealo a:visited, .menealo span {display:block;text-decoration:none;padding:1px 0 5px 0;color:#fff;font-size:12px} .menealo a:hover {font-weight:bold;color:#fff;text-decoration:none} .menealo span {background:#fff;color:#000;font-size:11px} .klikov { font-weight: bold; text-align: center; } .ogledov { height: 32px; background: url(../images/cats/cat2.gif) right no-repeat; } .ogledov div { top: 8px; left: 7px; width: 42px; color: #000; font-size: 18px; position: absolute; text-align: center; } /* Comments ----------------------------------------------------------------------------------------------------------------------------------*/ #comments ul {margin-left:15px} #comments li {margin-left:15px} #comment-wrap {border-bottom:solid 1px #e1e1e1} #comment-head {background:#e1e1e1;width:100%;font-size:100%;} .comment-body {background:#fafafa;font-size:100%;padding:0 4px} .comment-info {background:#fafafa;font-size:80%;text-align:right;padding-right:4px} .avatar {float:left;width:15px; height:15px; margin:1px 0 0 0;border:1px solid #ccc;} /* avatar in comments */ /* Comment rating buttons (nice huh? :) */ #comment-subhead {float:right;margin-top:-21px;font-size:11px} .ratemey {background:#009900;padding:1px 5px} .ratemen {background:#069;padding:1px 6px;color:#fff} .rateme {color:#fff;font-size:14px} /* Thumbnails -----------------------------------------------------------------------------------------------------------------------------------*/ .arc90_linkpic { display: none; position: absolute; left: 0; top: 1.5em; } .arc90_linkpicIMG { padding: 0 4px 4px 0; background: #FFF url("../images/linkpic_shadow.gif") no-repeat bottom right; } /* Profile */ #mini_profile { border:solid 2px #ccc; padding:5px 5px 5px 5px; background:#eee; } #wrapper {width: 100%;} #stats {width: 48%; float: right; } #personal_info {width: 48%; float: left;} #bookmarklet {width: 100%; } #admin_view_user { width:48%; float:left } #admin_view_user_edit { width:48%; float:right } /* Thumbnails */ a.screen b { position:absolute; visibility:hidden; /* hide the image */ } a.screen:hover { text-decoration:none; z-index:1000; background:url(../images/linkpic_shadow.gif) no-repeat; } a.screen:hover b { visibility:visible; /* make the image visible */ z-index:500; border:solid 1px #ccc; } a.screen:hover b img { margin:0px; } #news_s_details{ background:url("../images/link_details.gif") no-repeat; width: 138px; height:119px; margin-right: 10px; top: 0px; float: right; margin-left:10px; margin-bottom:30px; position: relative; } #news_s_details a.g_source{ top: 18px; padding-left: 12px; display: block; position: absolute; font-size: 9px; text-decoration: none; } #news_s_details a.g_comments{ top: 58px; padding-left: 32px; display: block; position: absolute; font-size: 11px; text-decoration: none; } #news_s_details a.g_tell{ top: 75px; padding-left: 32px; display: block; position: absolute; font-size: 11px; text-decoration: none; } #news_s_details a:hover{ text-decoration: underline; } #news_s_details img{ top: 18px; padding-left: 8px; display: block; position: absolute; } #news_s_details img.flag{ top: 98px; padding-left: 42px; } #news_s_details span.lang{ top: 99px; padding-left: 57px; font-size: 9px; color: #2D67A2; position: absolute; } /*================== login head =================*/ ul#head_login{ padding:0;margin:0;list-style:none; float: right; position:absolute; top:60px;right:3px; width:200px; text-align: right; } ul#head_login li{ position: relative; display: inline; } ul#head_login li a{ color: #CCCCCC; text-decoration: none; font-weight: bold; padding-left:18px; margin-right:5px; } ul#head_login li a:hover{text-decoration: underline; color: white;} ul#head_login li a.hprofile{ background: url('../images/icon_user.gif') no-repeat;} ul#head_login li a.hlogout{ background: url('../images/logout.gif') no-repeat;} .option { height: 75px; padding-left: 95px; background: left; } .tran { border: 1px solid #CCCCCC; background-color: #DCE3E9; } .tran-tran { border-top: 2px dashed #FFFFFF; background-color: #C4D1D9; } .dfrm{display:none} .dfrm select{font-size:10px;} .dfrm input{font-size:10px;} .dremove_lnk{background: url(../images/x.gif) no-repeat 0 3px; margin-left:5px; padding-left:12px; color:#900 !important; text-decoration:none} /*==================WEBMASTERS==================*/ #wm_izbira input {display:inline-block;} #wm_izbira label{display:inline-block !important; margin-right:10px;} .wm_textarea {width:500px; height:80px; font-size:11px; margin-top:5px;} .wm_note{border:1px solid #B3D0B8; background:#ECF4ED; padding:8px; -moz-border-radius:4px; -webkit-border-radius:4px;} /*================ CASINOS FOOTER ==============*/ #cfooter_casino{color:#fff; background:#222; border-top:2px solid black; padding:1px; font-size:11px; } #cfooter_casino a{text-decoration:none; font-size:11px; color:#FFF} #cfooter_casino a:hover{text-decoration:underline} #cfooter_links{color:#999; background:#000; padding:1px; font-size:11px; } #cfooter_links a{text-decoration:none; color:#CCC; font-size:11px;} #cfooter_links a:hover{text-decoration:underline}