@charset "utf-8"; /*--------------------------------- theme */ @pb:#fb340d; /* ###THEME### */ /*--------------------------------- */ body { width:100%; height:100%; background:url(img/theme_default_bck_img.gif) @theme1 no-repeat center 0; font: 12px arial; } html { width:100%; height:100%; } a:link, a:visited { color:@pb; text-decoration:none; &:hover { text-decoration:none; } } /*--------------------------------- basic elements */ .textfield { width:258px; height:30px; font-size:26px; color:@pb; padding:5px 10px; border:1px solid @theme2; background:url(img/bck_text.png) repeat-x #fff; } .button { background-color:@theme2; width:40px; height:40px; display:block; outline:none; &:hover { background-position: 0 -40px } &:active { background-position: 0 -80px } } .tinyButton { width:15px; height:15px; display:block; background:url(img/admin_icon_cbuttons.png) no-repeat; &.addbutton { background-position:-15px 0 } &.delete { background-position:-15px -30px; } &.edit { background-position:-15px -15px; } } /*--------------------------------- basic blocks */ #wordsContainer { min-height:100%; background:url(img/theme_default_bck_words.png) center -16px repeat-y; border-top:50px solid @theme2 } #header { width:980px; height:77px; position:relative; z-index:100; left:50%; margin:-36px 0 0 -490px; } #contentBackground { width:100%; margin-top:2px; background:url(img/theme_default_bck_white.png) center bottom no-repeat; } #contentContainer { width:980px; position:relative; overflow:hidden; left:50%; margin-left:-490px } #content { width:690px; padding-bottom:27px; margin-right:10px; float:left; min-height:100px !important} #sidebar { width:280px; padding-bottom:105px; float:left; } #about { width:265px; height:35px; padding:5px 0 0 15px; position:absolute; right:0; bottom:50px; color:#717171; background:#e6e6e6; p { font-weight:bold } a { font-size:11px; &:hover { text-decoration:underline; } } .rss { .button; position:relative; margin-top:-20px; float:right; background:url(img/rssbutton.png); } } /*--------------------------------- header */ #logo { width:129px; height:102px; display:block; cursor:pointer; margin:-35px -7px 0 -8px; background:url(img/theme_default_logo.png) } ul#quicklinks { width:551px; height:17px; position:absolute; top:0; right:280px; padding:3px 3px 0; color:#fff; font-size:11px; overflow:hidden; background:@theme3; p { display:inline-block; vertical-align:sub; } a { color:#fff; padding:0 3px } a:hover { text-decoration:underline; } li { float:left; } li.selected { font-weight:bold } } .admin ul#quicklinks { top:8px } #ideabox { width:265px; height:17px; display:block; position:absolute; top:0; right:0; padding:3px 0 0 15px; text-align:center; color:#fff; font-size:11px; overflow:hidden; background:url(img/ideabox.png); &:hover { background-position:0 -20px } &:active { background-position:0 -40px } } .admin #ideabox { top:8px } ul#subsites { width:690px; height:43px; position:absolute; top:29px; padding:7px 0 0 ; background:url(img/theme_default_headback.png); li { height:38px; float:left; padding:4px 14px 0; font-weight:normal; font-size:40px; border-left: 1px solid @theme2; border-right: 1px solid @theme1; line-height:20px; text-transform:uppercase; text-shadow:0 1px 0 #fff; &.selected { border-right: 1px solid @theme2; a:link,a:visited { cursor:default; color:#fff !important; } background:url(img/theme_default_headback.png) 0 -56px } } a:hover { color:#fff; text-shadow:0 1px 0 @theme3 } } #search { position:absolute; right:0; top:35px; } #fakeSearch { right:211px; top:40px; position:absolute; z-index:200; font-size:26px; color:@pb } /*--------------------------------- post */ .postContent { width:670px; margin:35px 10px 55px 10px; .postTitle { font-size:23px; margin-left:23px; color:#444444; } .postInfo { width:652px; height:18px; color:#444444; font-size:12px; padding:2px 5px 0 33px; margin:-8px 0 5px -10px; background:@theme1; } .postFB { width:120px; height:21px; margin-top:-17px; float:right; } .postTags { margin:0 0 20px 23px; font-size:11px; img { margin-right:5px } } #postBody { padding: 0 23px; overflow:hidden; font-size:14px; line-height:15px; color:#444444; p { text-align:justify } } .postInsert { width:275px; padding:10px; font-size:11px; position:relative; &.right { float:right; margin: 10px 10px 10px 20px } &.left { float:left; margin: 10px 20px 10px 10px } .title { width:285px; background:@theme1; padding: 5px 0 5px 10px; margin:-5px -10px 5px; border-bottom:2px solid #fff; font-weight:bold; } } .postFeature { .postInsert; background:@theme1; .title { padding-top:0 } p { margin-bottom:0 !important } } .postImage { background:@theme1; &.right { float:right; margin: 10px 10px 10px 20px } &.left { float:left; margin: 10px 20px 10px 10px } &:hover { background:@theme2; } img { display:block; } span { display:inline-block; padding:2px 5px; border-top:2px solid #fff; } } .postGallery { .postInsert; padding-bottom:0; border-bottom:4px solid @theme1; img { margin:0 0 3px 7px; } a { width:285px; height:65px; padding-top:50px; position:absolute; display:none; top:30px; left:0; opacity: 0.8; filter:~"alpha(opacity = 80)"; text-align:center; background:#fff; font-weight:bold; font-size:15px; &:hover { text-decoration:none; } } &:hover { a { display:block; } } } strong { font-weight:bold } em { font-style:italic } blockquote { .postInsert; font-size:14px; background:url(/bundles/pb/img/article_quote.jpg) no-repeat; } pre { font-family:courier new, courier } address { font-style:italic } .alignright { float: right; } .alignleft { float: left } p { margin-bottom:15px } ul {list-style-type:square; padding-left:20px; margin:10px 0 10px 0} h6 {font-size:9px; margin:5px 0 5px 0} h5 {font-size:10px; margin:5px 0 5px 0} h4 {font-size:11px; margin:5px 0 5px 0} h3 {font-size:15px; margin:5px 0 5px 0} h2 {font-size:16px; margin:5px 0 5px 0} h1 {font-size:17px; margin:5px 0 5px 0} a { &:hover { text-decoration:underline; } } table { vertical-align:top } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { margin: 0 0 15px 25px; display: inline; } img.alignleft { margin: 0 25px 15px 0; display: inline; } } #fancybox-left-ico, #fancybox-right-ico, #fancybox-close { background-color:@theme2 !important } .postConnected { width:690px; margin-bottom:4px; padding:5px 0; text-align:center; color:@theme3; font-weight:bold; background:@theme1; } .postRelated { margin: 0 0 25px 20px; p { font-size:13px; margin-bottom:-5px; font-weight:bold } li { margin-left:20px; font-size:14px; font-weight:bold; list-style-type:square; } } /*--------------------------------- boxes */ /* ************** bigbox */ #content .bigbox { width:690px; height:270px; margin-bottom:4px; position:relative; &.lastBlock { margin-bottom:0 } } #content .bigbox .slidesContainer { margin:0 auto; width:690px; height:270px; overflow:auto; position:relative; } .slide { width:690px; height:140px; padding-top:130px; float:left; color:#fff; overflow:hidden; text-shadow:0 1px 0 #262627; .text { height:105px; display:block; color:#fff; padding:6px 45px; overflow:hidden; background:url(img/widget_bigbox_textbck1.png) no-repeat; background-size:cover; &:hover { .title { text-decoration:underline; } } } .title { font-size:21px; display:block; margin-bottom:5px; } &:hover .text { background-image:url(img/widget_bigbox_textbck2.png) } } .control,.control2 { display:block; width:60px; height:118px; position:absolute; top:130px; cursor: pointer; z-index:400; background:url(img/widget_bigbox_arrows.png) center 0 no-repeat; } #leftControl, #leftControlP { .control; left:0; background-position:0 -447px; &:hover { background-position:0 -592px; } &:active { background-position:0 -737px; } } #rightControl, #rightControlP { .control; right:0; background-position:11px -12px; &:hover { background-position:11px -157px; } &:active { background-position:11px -302px; } } /* ************** smallbox */ .smallboxContainer { width:690px; overflow:hidden; background:url(img/widget_smallbox_bck.png); .smallbox { width:226px; height:370px; float:left; margin-right:6px; padding-bottom:5px; overflow:hidden; font-size:11px; font-family:tahoma; a { color:@pb; font-weight:bold; display:block; } a:hover { text-decoration:underline; } span { font-size:9px; color:#a7a7a7; display:block; margin-bottom:10px; } p { padding:15px 19px; } &:hover { background:@theme4 } &.list { font-size:12px; font-weight:bold; color:@theme3; .title { width:186px; padding:5px 20px; background:@theme2; color:#fff; margin-bottom:15px; text-shadow:0 1px 0 #262627 } ul { width:215px; } li { list-style-type:square !important; margin:0 0 10px 23px; a { margin-left:-3px } } } } } /* ************** listbox */ .listboxContainer { width:690px; height:140px; margin:15px 0; position:relative; font-weight:bold; color:@theme3; font-family:tahoma; background:url(img/widget_smallbox_bck.png) repeat-y 232px 0; .title { width:418px; padding:5px 20px; background:@theme2; color:#fff; margin-bottom:10px; text-shadow:0 1px 0 #262627 } ul { width:450px; } li { list-style-type:square !important; margin:0 0 6px 23px; a { margin-left:-3px } } img { position:absolute; top:0; right:0; } a:hover { text-decoration:underline } } /* ************** blogbox */ .blogboxContainer { margin:15px 0; &.firstBlock { margin-top:35px; } .blogbox { clear:both; width:668px; padding: 15px 10px 20px 12px; border-bottom:1px dotted #d6d6d6; overflow:hidden; font-family:tahoma; &:hover { background:@theme4 } img { float:left; margin: 0 10px 0 -22px; display:inline } p { width:100%; display:inline; overflow:auto; a { font-size:14px; font-weight:bold; &:hover { text-decoration:underline; } } span { display:block; margin-bottom:6px; color:#a7a7a7 } } } } /* ************** htmlbox */ .htmlboxContainer { overflow:hidden; margin-bottom:15px; &.firstBlock { margin-top:35px } .htmltext { padding: 0 23px; font-size:14px; color:#444444 } .htmltextsmall { .htmltext; font-size:12px } p { margin-bottom:15px } strong { font-weight:bold } em { font-style:italic } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { margin: 0 0 2px 7px; display: inline; } img.alignleft { margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } ul { list-style-type:square; padding-left:20px; margin:10px 0 10px 0 li { padding: 0 0; margin-left:30px; }; } h6 {font-size:9px; margin:5px 0 5px 0} h5 {font-size:10px; margin:5px 0 5px 0} h4 {font-size:11px; margin:5px 0 5px 0} h3 {font-size:15px; margin:5px 0 5px 0} h2 {font-size:16px; margin:5px 0 5px 0} h1 {font-size:17px; margin:5px 0 5px 0} } /* ************** gallery */ .bigbox.gallery { width:675px !important; height:570px !important; margin-left:-10px; margin-bottom:-60px !important; padding-left:15px; overflow:auto; position:relative; img { border:2px solid #fff } a:hover img { border-color:@pb } .slidesContainer { width:640px !important; height:550px !important } .slide { width:660px; height:550px; padding-top:0; margin-right:30px; float:left; color:#fff; overflow:hidden; text-shadow:0 1px 0 #262627; } .control { display:block; width:30px; height:550px; position:absolute; top:0; cursor: pointer; z-index:400; background:url(img/box_gallery_pager.png) } #leftControl { .control; left:2px; background-position:0 -1100px; &:hover { background-position:0 -1650px; } } #rightControl { .control; right:2px; &:hover { background-position:0 -550px; } } } /* ************** ads */ #adTitle { width:640px; font-size:28px; margin:40px 0 15px 25px; span { float:right; font-size:24px; margin-top:5px; color:@theme3; } } .adItem { width:638px; margin:0 0 20px 25px; overflow:hidden; border-left:1px solid @theme4; border-right:1px solid @theme4; border-bottom:1px solid @theme4; position:relative; .adContent { float:left } .adTop { width:607px; height:20px; background: @theme2; color:#fff; padding: 5px 19px 0 14px; span { float:right; text-align: right } } .adImg { width:85px; margin:20px 20px 14px 20px; float:left; text-align: center; img { margin-bottom:5px } a:hover { opacity:0.8 } } .adHead { width:500px; height:56px; margin-top:15px; position:relative; border-bottom:1px solid @theme2; p { position:absolute } .district { font-size: 16px; font-weight:bold; top:0; left:0 } .street { font-size:14px; font-weight:bold; top:25px; left:0 } .price b, .overhead b { font-size: 15px; font-weight:bold; margin-top:-2px } .price { top:0; left:280px; } .overhead { top:27px; left:236px; } } .adTags { width:500px; padding:8px 0 8px 0; overflow:hidden; font-weight:bold; margin-bottom:10px; border-bottom:1px solid @theme2; p { float:left; margin-right:20px; } } .adCats { width:500px; height:20px; overflow:hidden; font-size:11px; p { padding-left:14px; float:left; margin-right:14px; background-repeat:no-repeat; background-position: 0 1px; } .catGirl { background-image: url(img/ads_ico_girlpower.png) } .catSmoke { background-image: url(img/ads_ico_nosmoke.png) } .catForeign { background-image: url(img/ads_ico_foreign.png) } .catOwner { background-image: url(img/ads_ico_asshole.png) } } .adDetails { width:620px; height:23px; display:block; clear:both; margin-top:6px; text-align:right; padding:6px 20px 0 0; font-size:14px; font-weight:bold; background: @theme4; color:@theme3; &:hover { text-decoration: underline } } } #adFooter { width:638px; height:29px; position:relative; margin:30px 0 30px 25px; padding-top:17px; font-weight:bold; border:1px solid @theme2; color:@theme3; background: @theme4; span { margin-right:15px } a { color:@theme3 } a:hover { text-decoration: underline } .left { float:left; margin-left:25px; } .middle { width:200px; top:17px; left:250px; position:absolute; text-align: center; } .right { float:right; margin-right:25px; } } .adSideHead { width:280px; margin-top:17px; line-height:17px; text-align: center; a { font-weight:bold; color:@theme3 } } .adSideTitle,.adUploadLink { width:265px; height:24px; padding:2px 0 0 15px; text-shadow: 0 1px 0 #5d5d5d; margin:20px 0 20px 0 ; font-weight:bold; font-size:17px; color:#fff; background: @theme2; a { color:#ffffff; display:block } } #adSearch,#adAdd { input[type="text"], input[type="email"] { width:118px; height:27px; margin-bottom:5px; border:0; font-size:17px; color:@theme3; padding:0 50px 0 8px; background:url(img/ads_pricebck.png) #e8f8ff no-repeat 137px 10px; } label { width:110px; float:left; display:block; clear:both; margin:4px 0 0 15px; font-size:14px; &.input { width:80px } } .kaucio { float:left; overflow:hidden; p { width:39px; height:21px; padding-top:7px; float:left; font-size:11px; text-align: center; margin-right:4px; cursor:pointer; color:@theme3; border:1px solid @theme2; } p:hover, .checked { background: @theme4 } input { opacity:0; position:absolute; z-index:-1; } } select { width:146px; height:27px; float:left; padding:4px; font-size:17px; margin-bottom:5px; border:0; color:@theme3; background: @theme4 } .maxsep { width:257px; height:1px; clear:both; padding-top:20px; margin:0 0 20px 15px; border-bottom:1px solid @theme3; } .maxpand { width:256px; margin:0 0 6px 14px; color:@theme3; overflow: hidden; border:1px solid @theme3; background: url(img/ads_downarrow.png) no-repeat 239px 12px @theme4; &:hover { cursor:pointer; background-color:@theme1 } p { font-size:15px; margin:5px 0 15px 8px; font-weight:bold; } &.open:hover { cursor:default; background-color:@theme4 } &.open p:hover { cursor:pointer; text-decoration: underline } label { width:230px; font-size:12px; display:block; margin:0 0 6px 5px; input { margin:0 8px 0 14px; } } } input[type="submit"] { width:257px; height:30px; margin:20px 0 0 14px; text-shadow: 0 1px 0 #5d5d5d; font-weight:bold; font-size:15px; border:0; cursor:pointer; color:#fff; background: @theme2; &:hover { background: @theme3 } } } #adAdd { .col1 { width:370px; float:left; select { width:176px } label { width:130px !important; text-align:right; padding-right:10px } .maxsep { width:316px } textarea { width:160px; height:140px; padding:5px 8px; font-size:11px; border:0; background:@theme4 } } .col2 { width:300px; float:left; label { width:150px } p { margin:0 0 10px 15px; clear:both; } #imstatus { font-family: courier new; color:#a73235; } } input[type="text"], input[type="email"] { background-image:none } input[type="text"].price { background:url(img/ads_pricebck.png) #e8f8ff no-repeat 137px 10px; } input[type="text"].hourprice { background:url(img/ads_lang_pricebck.png) #e8f8ff no-repeat 137px 10px; } } /* .adText rot13, mert Chrome AdBlock */ .nqGrkg { width:230px; margin-top:15px; position:relative; padding-right:270px; p { margin-bottom:15px; } .title { font-weight:bold; padding-top: 10px } .contact { width:236px; height:90px; padding:8px 10px; position:absolute; line-height:20px; top:0; left:244px; background:@theme4; a { color:@theme3; text-decoration:underline } p { margin-bottom:6px } } } .adParams { width:500px; margin:40px 0 14px 0; p { border-top:1px solid @theme1; margin-bottom:10px; padding-top:10px; } span { display:block; font-size:11px } } #adAdd { .col1 { width:370px; float:left; select { width:176px } label { width:130px !important; text-align:right; padding-right:10px } .maxsep { width:316px } textarea { width:160px; height:140px; padding:5px 8px; font-size:11px; border:0; background:@theme4 } } .col2 { width:300px; float:left; label { width:150px } p { margin:0 0 10px 15px; clear:both; } #imstatus { font-family: courier new; color:#a73235; } } input[type="text"], input[type="email"] { background-image:none } input[type="text"].price { background:url(img/ads_pricebck.png) #e8f8ff no-repeat 137px 10px; } input[type="text"].hourprice { background:url(img/ads_lang_pricebck.png) #e8f8ff no-repeat 137px 10px; } } /* ************** cathead */ .articleCatHead { width:595px; height:35px; padding-right:95px; margin:20px 0 -30px 0; font-size:31px; text-align:right; line-height:29px; color:@theme2; background:url(img/article_catlarge.png) right 0 no-repeat; } /* ************** issuu */ .issuuBig { position:relative; margin-bottom:104px; a { width:250px; height:33px; display:block; text-align:center; padding-top:4px; margin:20px 0 0 215px; font-size:16px; font-weight:bold; color:#fff; text-decoration:none; text-shadow:0 1px 0 #53b0dc; background:url(img/article_issuubutton.png); &:hover { background-position: 0 -37px } &:active { background-position: 0 -74px } } p { position:absolute; top:70px; z-index:100; width:680px; height:300px; background:url(img/article_issuubig.png) center 10px no-repeat; } object { width:680px !important; outline:none; } embed { width:680px !important; outline:none; } } .sideIssuu { width:280px; height:270px; position:relative; background:url(img/article_issuusidebck.png); b { display:block; padding:5px 0 5px 54px; font-size:11px; font-weight:bold; color:@theme3; } a { width:170px; height:20px; display:block; margin:0 0 3px 54px; padding-top:3px; font-size:14px; font-weight:bold; color:#fff; text-decoration:none; text-align:center; text-shadow:0 1px 0 #369dd3; background:url(img/article_issuusidefullscr.png) no-repeat @theme2 151px 6px; &:hover { background-color:@theme3 } } p { width:280px; height:200px; position:absolute; top:50px; background:url(img/article_issuuside.png); } object { width:280px !important; outline:none; } embed { width:280px !important; outline:none; } } .loginCont { width:100%; height:100%; position:relative; background:url(img/login_bck.jpg) } .loginBack { width:729px; height:637px; position:relative; top:50px; left:50%; margin-left:-363px; } /*--------------------------------- widgets */ /* ************** menu */ #sidebar .sidemenu { margin-bottom:25px; li { width:280px; overflow:hidden; margin-bottom:3px; background:@theme3; &.selected a { background:@theme2; border-right:20px solid @pb; } a { width:240px; display:block; padding:10px 10px; line-height:14px; border-right:20px solid @theme2; color:#fff; font-size:26px; &:hover { background:@theme2 } } } } /* ************** events */ #sidebar .events { margin-bottom:25px; li { &:hover { opacity: 0.8; filter:~"alpha(opacity = 80)"; } a { position:relative; width:175px; background:none; padding-right:25px; border:0; float:left; &:hover { background:none } } span { width:70px; margin:7px 0; display:block; float:left; line-height:23px; color:#fff; font-size:18px; background:url(img/widget_events_separator.png) repeat-x 0 23px; } } } /* ************** newsletter */ #sidebar .newsletter { width:280px; position:relative; margin-bottom:25px; .fakeNewsletter { left:10px; top:5px; position:absolute; font-size:26px; color:@theme3 } .newsletterSignup { .button; position:absolute; top:0; right:0; background-image:url(img/widget_newsletter_button.png); } input { width:219px; height:28px; } } /* ************** category */ #sidebar .category { margin-bottom:25px; li a { width:240px; height:30px; display:block; padding:2px 0 0 40px; margin-bottom:2px; font-size:23px; color:#fff; background: url(img/widget_category_bookmark.png) no-repeat 0 10px @theme2; &:hover { background:@theme3 } } } /* ************** archive dropdown */ #sidebar .archivum { width:280px; margin-bottom:25px; position:relative; .archiveBox { .textfield; height:28px; position:absolute; } .fakeArchive { left:5px; top:4px; position:absolute; z-index:200; font-size:26px; color:@theme3; } .archiveDrop { .button; position:absolute; top:0; right:0; background-image:url(img/widget_archive_button.png); } select { width: 280px; height:40px; opacity: 0; filter: ~"alpha(opacity = 0)"; moz-opacity: 0; position: relative; option { width: 260px; font-size: 15px; color: @pb; } } } .selectNorm select { width: 250px; font-size: 11px; border: 1px solid #D5E6EE; } /* ************** htmlwidget */ #sidebar .html { .htmlboxContainer; .sideName { padding-left:22px; border-left:11px solid @theme2; margin-bottom:15px; font-family:tahoma; color:@theme3; p { font-size:20px; margin:0 } b { display:block; font-size:14px; } } } /*--------------------------------- admin */ .admineditor #content { margin-top:-15px } .admineditor .postContent { margin-top:45px } .admineditor .postEdit { display:block; position:relative; padding:10px 42px; background:@theme3; color:#fff; font-size:23px; text-shadow: 0 1px 0 #000; &:hover { background:@theme2 } .tinyButton { position:absolute; top:17px; left:14px; } } /* ************** menu */ #spacer_adminTop { width:100%; height:18px; border-bottom:50px solid @theme2; margin:-50px 0 -20px 0; .adminButton { width:15px; height:15px; display:block; float:left; margin:2px; background:url(img/admin_icon_cbuttons.png) no-repeat center; &:hover { background-color:@theme3; } &.userexit { background-position:0 -45px } &.usersettings { background-position:0 -60px } &.pageadd { margin-right:10px !important; background-position:0 0 } &.pagemod { background-position:0 -15px } &.pagedel { background-position:0 -30px } } #adminLogin { overflow:hidden; padding:5px; position:relative; left:50%; margin-left:-490px; color:#484848; p { margin-left:44px } } #adminTop { width:100%; height:30px; position:fixed; top:0; z-index:500; font-size:15px; font-weight:bold; overflow:hidden; text-shadow:0 1px 0 #d8d8d8; background:url(img/admin_bck_top.png); } #adminPageOpts { position:absolute; top:2px; left:50%; padding:2px 0 2px 3px; margin-left: -92px; overflow:hidden; font-size:12px; background:url(img/admin_bck_toolbar.png); a { display:block; float:left; margin-right:3px; padding:2px 4px; color:#484848; &:hover { background:@theme3 } } } #adminPageChange { position:absolute; top:2px; left:50%; padding:2px 3px 1px 3px; margin-left:209px; overflow:hidden; font-size:12px; background:url(img/admin_bck_toolbar.png); .adminButton { margin-right:3px; } select { width:255px; } } } .adminpage #adminPageChange select { width:277px !important; } .adminContainer { width:110px; height:300px; margin-bottom:10px; overflow: visible; background:url(img/admin_container.png) no-repeat; p { width:110px; padding-top:4px; text-align:center; margin-bottom:5px; font-size:14px; font-weight:bold; color:#484848; text-shadow:0 1px 0 #d8d8d8; } a { width:90px; height:37px; margin:5px 0 7px 11px; display:block; cursor:move; border-radius: 4px; border:1px solid #616161; background:url(img/admin_icon_box-widget.png); span { display:block; width:90px; text-align:center; font-size:11px; font-weight:bold; overflow:hidden; color:#fff; text-shadow:0 2px 0 #000; opacity: 0.7; filter:~"alpha(opacity = 70)"; background:#000; } &:hover { border-color:@pb; } &.ui-draggable-dragging { box-shadow: 0 0 15px @pb; -webkit-box-shadow: 0 0 15px @pb; -moz-box-shadow: 0 0 15px @pb; } &.bigboxw { background-position:0 -37px } &.smallbox { background-position:0 -148px } &.blogbox { background-position:0 -111px } &.listbox { background-position:0 0 } &.htmlbox { background-position:0 -74px } &.archivewidget { background-position:0 -185px } &.categorywidget { background-position:0 -370px } &.eventwidget { background-position:0 -333px } &.newsletterwidget { background-position:0 -259px } &.menuwidget { background-position:0 -222px } &.htmlwidget { background-position:0 -296px } } } .adminFixed { width:110px; position:fixed; z-index:700; top:30px; left:50%; &#adminLeft { margin-left:-600px; } &#adminRight { margin-left:490px; } } .scrollbar { .viewport { width: 100px; height: 275px; overflow: visible; position: relative; } .overview { list-style: none; position: absolute; left: 0; top: 0; margin: 0; } .scrollbar { position: relative; background-position: 0 0; float: right; width: 5px; } .track { width:5px; height: 100%; float:right; position: relative; padding: 0 1px; } .thumb { width: 10px; position: absolute; top: 0; left: 0; overflow: hidden; opacity: 0.5; filter:~"alpha(opacity = 50)"; cursor: pointer; background: #fff; } &.disable .track { display: none; } } .dragger { width:100%; height:14px; margin:5px 0; cursor:move; background:url(img/admin_dragger.png) } .addblock { width:100%; height:100%; display:block; font-size:96px; font-weight:bold; text-align:center; color:#fff !important; text-shadow:0 1px 0 #000; &:hover { color:@theme3 !important; background:@theme4 } } .ajaxPopup { table { width:100%; } } .ajaxPopup { table { width:100%; } } /* ************** window */ #fancybox-content { border:0 !important } #fancybox-wrap { width:auto !important } .window { padding-top:10px; position:relative; overflow:hidden; background:url(img/admin_bck_window.gif); .title { width:100%; height:24px; padding:2px 10px; font-size:20px; font-weight:bold; text-shadow:0 1px 0 #434343; color:#fff; background:@theme2; } input { .textfield; margin-bottom:6px; height:20px; padding: 2px; font-size:12px; &:hover { border-color:@pb } &:focus { border-color:@pb; box-shadow: 0 0 5px @pb; -webkit-box-shadow: 0 0 5px @pb; -moz-box-shadow: 0 0 5px @pb; } } textarea { .textfield; color:#000; padding-left:5px; font-size:12px; &:hover { border-color:@pb } &:focus { border-color:@pb; box-shadow: 0 0 5px @pb; -webkit-box-shadow: 0 0 5px @pb; -moz-box-shadow: 0 0 5px @pb; } } select { height:26px; padding-top:5px; } .windowContent { margin:10px; } .windowButton { width:165px; height:30px; float:right; bottom:10px; margin:10px 0 10px 10px; padding-top:5px; font-size:20px; font-weight:bold; text-align:center; text-shadow:0 1px 0 #434343; color:#fff; background:@theme2; &.type { width:auto; height:30px; float:left; padding:5px 20px 0; background:#bdbdbd; &.selected { background:@pb } } &:hover { background:@theme3; } } /* ************** unique windows */ &#windowSuggestion { width:550px !important; height:365px !important; padding-top:0 !important; background:#fff !important; position:relative; .title { height:34px; padding-top:11px; } .cancel { left:1px } .save { width:349px; left:178px; } .close { width:530px } .love { width:220px; position:absolute; top:75px; left:163px; text-align:center; font-weight:bold; font-family:courier new; } .love img { display:block; margin: 0 0 15px 35px; } .windowButton { float:none; position:absolute; display:block; bottom:2px; } .defaultText { position:absolute } .textSName { width:185px; top:147px; left:12px; border-color:#999ea1 !important } .textSDerp { top:800px } .textSMail { width:323px; top:147px; left:209px; border-color:#999ea1 !important } .textSTitle { width:521px; top:197px; left:12px; } .textSBody { width:509px; top:230px; height:64px; left:12px; } } &#windowArticle,&#windowGallery { width:755px; textarea { width:235px; height:142px; margin:0 6px 15px 0; float:left; } .articleLabel { float:left; padding:5px 10px 0 0; margin-bottom:12px; text-align:center; text-shadow:0 1px 0 #000; color:#fff } .delete { position:absolute; top:75px; right:27px } } &#windowArticleList,&#windowGalleryList,&#windowAddBox,&#windowAddRelatedArticle { width:400px; input, select { width:380px; display:block } .windowArticleListBox { height:300px; background:#fff; overflow:scroll; overflow-x:hidden; } table { td { padding:5px; border-bottom:1px dotted @theme2 } td.r1 { width:300px; padding-right:10px } td.r2 { font-weight:bold } tr:hover { background:@theme1 } } .windowArticlePublish { background:@theme3; margin-bottom:30px; padding-top:3px; font-weight:bold; text-shadow:0 1px 0 #434343; overflow:hidden; color:#fff; label { float:left;} input { width:auto; display:inline; } #timedPublish { margin:10px 0 0 5px; vertical-align:sub } #postToFacebook { margin:10px 0 0 20px; vertical-align:sub } #timedPublishDate { width:90px } } } &#windowCategory,&#windowTag { width:400px; .windowElementNamer { width:400px; position:relative; padding-bottom:40px; margin-bottom:20px; border-bottom: 3px solid @theme2; input { width:320px; margin-right:6px; float:left; } .tinyButton { float:left; margin:5px 3px } } .windowElementBox { height:300px; overflow:scroll; overflow-x:hidden; input { width:320px; margin-right:10px; display:inline-block;} .tinyButton { display:inline-block; margin-top:5px } } } &#windowWHtml { width:620px; .defaultText { width:595px } } &#windowBHtml { width:620px; .defaultText { width:595px } } &#windowWMenu { input { display:block; } .windowElementNamer { width:400px; height:35px; position:relative; padding-bottom:40px; margin-bottom:20px; border-bottom: 3px solid @theme2; input { width:340px; margin-right:6px; } .tinyButton { position:absolute; top:5px; right:27px } } .windowElementBox { height:300px; overflow:scroll; overflow-x:hidden; input { width:340px; margin-right:10px } img { margin-left: 5px } tr { border-bottom:1px dotted @theme2; } td { padding-top:14px } } } &#windowQuickMenu { input { display:block; } .windowElementNamer { width:400px; height:35px; position:relative; padding-bottom:40px; margin-bottom:20px; border-bottom: 3px solid @theme2; input { width:340px; margin-right:6px; } .tinyButton { position:absolute; top:27px; right:27px; } } .windowElementBox { height:300px; overflow:scroll; overflow-x:hidden; input { width:340px; margin-right:10px } img { margin-left: 5px } tr { border-bottom:1px dotted @theme2; } td { padding-top:14px } } } &#windowWEvent { #windowWMenu; .windowElementNamer { height:60px; input { width:76px; float:left; } a { top:23px } } .windowElementBox { input { width:73px; float:left; } } } &#windowSite { #windowWMenu; input, select { width:345px; margin-bottom:2px } .addbutton { position:absolute; top:20px; right:27px } .delete { margin:-52px 6px 0 0; background-position:-15px -30px; } label { width:335px; padding-left:10px; display:block; background:@theme3; color:#fff; text-shadow:0 1px 0 #000; input {width:auto !important; display:inline-block; vertical-align:sub} } } } /* ************** date jquery */ table.jCalendar { border: 1px solid #000; background: #aaa; border-collapse: separate; border-spacing: 2px; } table.jCalendar th { background: #333; color: #fff; font-weight: bold; padding: 3px 5px; } table.jCalendar td { background: @theme1; color: #000; padding: 3px 5px; text-align: center; } table.jCalendar td.other-month { background: @theme2; color: #000; } table.jCalendar td.today { background: #666; color: #fff; } table.jCalendar td.selected { background: #f66; color: #fff; } table.jCalendar td.selected.dp-hover { background: #f33; color: #fff; } table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td { background: #fff; color: #000; } table.jCalendar tr.selectedWeek td { background: #f66; color: #fff; } table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover { background: #bbb; color: #888; } table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover { background: #bbb; color: #888; } div.dp-popup { position: relative; background: @theme1; font-size: 10px; font-family: arial, sans-serif; padding: 2px; width: 171px; line-height: 1.2em; } div#dp-popup { position: absolute; z-index:99999; } div.dp-popup h2 { font-size: 12px; text-align: center; margin: 2px 0; padding: 0; } a#dp-close { font-size: 11px; padding: 4px 0; text-align: center; display: block; } a#dp-close:hover { text-decoration: underline; } div.dp-popup a { color: #000; text-decoration: none; padding: 3px 2px 0; } div.dp-popup div.dp-nav-prev { position: absolute; top: 2px; left: 4px; width: 100px; } div.dp-popup div.dp-nav-prev a { float: left; } div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer; } div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; } div.dp-popup div.dp-nav-next { position: absolute; top: 2px; right: 4px; width: 100px; } div.dp-popup div.dp-nav-next a { float: right; } div.dp-popup a.disabled { cursor: default; color: #000; } div.dp-popup td { cursor: pointer; } div.dp-popup td.disabled { cursor: default; } /* ************** bigbox */ .admineditor .bigbox { margin:15px 0 0 0; padding-top:5px; padding-bottom:5px; margin-bottom:10px; background:#d6d6d6 !important } .slidePrev { width:160px; height:100px; float:left; margin:6px; position:relative; background-position: center; } .admineditor .slide { height:auto; padding-top:0; } .boxBar { width:160px; height:18px; background:#000; opacity: 0.7; cursor:move; filter:~"alpha(opacity = 70)"; a { .tinyButton; margin:2px 5px 0; float:left; margin-right:5px; color:#484848; &:hover { background-color:@theme3 } &.linked { background-position:-15px -60px } &.auto { background-position:-15px -45px } &.edit { float:right; background-position:-15px -15px } &.delete { float:right; background-position:-15px -30px } &.deleteRelatedArticle { float:right; background-position:-15px -30px } &.edit { background-position:-15px -15px } &.unlocked { background-position:-15px -75px } &.locked { background-position:-15px -90px } } } .boxBarBottom { width:160px; height:18px; position:absolute; bottom:0; opacity: 0.7; filter:~"alpha(opacity = 70)"; text-align:center; overflow:hidden; font-size:11px; background:#000; } .boxContainerAbout { width:75px; position:absolute; top:10px; right:0; background:#D6D6D6; .icon { width:38px; height:15px; margin: 0 5px; display:inline-block; background:url(img/admin_icon_box_small.png); } .delete { width:15px; height:15px; display:inline-block; background-image:url(img/admin_icon_cbuttons.png); background-position:0 -30px } } .boxContainerControl { height:20px; position:absolute; padding: 0 10px; top:8px; right:85px; font-size:11px; background:#d6d6d6; } /* ************** smallbox */ .admineditor .smallboxContainer { margin:15px 0 0 0; padding-top:5px; position:relative; background:#d6d6d6; .icon { background-position: 0 -15px } } .smallbox .boxBar { width:226px; position:absolute; margin-right:5px !important; padding:0 !important; } .smallbox a:hover.addblock { text-decoration:none; } .admineditor .smallbox.list .title { margin-top:20px; } /* ************** listbox */ .admineditor .listboxContainer { height:165px; padding-top:5px; position:relative; background:#d6d6d6; .boxBar { background:0; position:absolute; top:32px; left:298px } img { top:30px; } .icon { background-position: 0 -45px } } /* ************** blogbox */ .admineditor .blogboxContainer { margin:15px 0 0 0; padding-top:5px; position:relative; background:#d6d6d6; .icon { background-position: 0 -30px } } .blogbox { .boxBar { width:170px !important; position:absolute; left:0; display:block !important; } } /* ************** htmlbox */ .admineditor .htmlboxContainer { margin:15px 0 0 0; width:690px; height:80px; position:relative; margin-bottom:15px; padding-top:5px; background:#d6d6d6; .boxBar { width:80px; margin-left:275px; background:0; cursor:default; } .htmlboxContainerName { font-size:30px; font-weight:bold; text-align:center; color:#fff; text-shadow:0 1px 0 #262627; } .icon { background-position: 0 -60px } p { margin-bottom:0 } } /* ************** widgets */ .widgetprev { width:280px; position:relative; padding:15px 0; margin: 0 0 20px 0; background:url(img/admin_icon_box-widget.png) no-repeat @theme1; .widgetBar { width:21px; height:74px; padding:5px 0 0 3px; position:absolute; top:0; left:0; border:0; cursor:move; background:@theme3; a { background:url(img/admin_icon_cbuttons.png) no-repeat; &:hover { background-color:@theme3 } &.edit { background-position:-15px -15px } &.delete { background-position:-15px -30px } } } .cufon { display:none !important } a { width:15px; height:15px; margin-top:2px; display:block; &:hover { background-color:@theme1 !important } } p { width:140px; height:23px; padding:7px 0 0 10px; margin:8px 0 7px 25px; font-weight:bold; color:@theme3; border-top:2px solid @theme4; border-bottom:2px solid @theme4; } &.widgetprevSlim { height:20px; background-position: 220px 17px; .widgetBar { height:45px } p { margin-top:-6px; border:0 !important; background:@theme4 !important; } } &.event { background-position:183px -457px } &.menu { background-position:183px -637px } &.category { background-position:183px -517px } &.archive { background-position:183px -415px } &.newsletter { background-position:183px -697px } &.html { background-position:183px -593px } } /*--------------------------------- hacks :( */ .browserChrome { #contentContainer { margin-left: -489px; } } .browserIE7 { ul#subsites li { padding-top:0; } .sidemenu span { margin:10px 0 } #about .rss { margin:-35px 0 0 0 !important } #spacer_adminTop { margin-top:-75px !important } .dragger { height:24px; background-repeat:repeat-x; } .htmlbox { margin-top:30px !important; padding-bottom:10px } .postImage { width:auto !important } } .browserIE8 { ul#subsites li { padding-top:2px } } /*--------------------------------- newcrp */ .dropHover { background-color: yellow; } /*--------------------------------- newcrp */ .search { .error { color: red; margin: 3em 6em } }