/* - + - + - + - + - + - + - + - ShortHands - + - + - + - + - + - + - + - + BACKGROUND: Color | Position | Size (keep outside!) | Repeat (X,Y) | Origin | Clip | Attachment | BG-Image ( horizontal vertical ) [ [ <'font-style'> || <'font-variant'> || <'font-weight'> ] <'font-size'> [ / <'line-height'> ] <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar - + - + - + - + - + - + - + - Formatting Guide - + - + - + - + - + - + - + - + 1: dimensions 2: margin - padding 3: formatting - position 4: fonts - text 5: border 6: background 7. effects - + - + - + - + - + - + - + - Color Guide - + - + - + - + - + - + - + - + BG Main #191c25 rgba(25,28,37,0.1) BG Sidebar #121418 BG Gray #222836 rgba(34,40,54,0.8) Violet #952fbd rgba(149,47,189,0.9) Blue #3a38c0 rgba(58,56,192,0.9) Green #32c445 rgba(50,196,69,0.9) Brown #d88145 rgba(216,129,69,0.9) Red #cd2626 rgba(205,38,38,0.9) Monochrome White #d9d9e2 rgba(217,217,226,0.9) Menu Links Color #6d86a0 */ /* - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + -+- F O N T S -+- - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + @font-face { font-family: 'TradeGothic'; src: url('/templates/Default/img/fonts/trade_gothic_ext.eot'); url('/templates/Default/img/fonts/trade_gothic_ext.woff') format('woff'), url('/templates/Default/img/fonts/trade_gothic_ext.ttf') format('truetype'), url('/templates/Default/img/fonts/trade_gothic_ext.svg#TradeGothic') format('svg'); font-weight:normal; font-style:normal; font-display: optional; } */ @font-face { font-family: 'TradeGothic'; src: url('/templates/Default/img/fonts/TradeGothicLT-ext.woff2') format('woff2'), url('/templates/Default/img/fonts/TradeGothicLT-ext.woff') format('woff'); font-weight:normal; font-style:normal; font-display: block; } /* Gothic Font (titles) */ nav#menu aside h5, section.menu label, section.menu li.VoidLink, .neon h3, div.overlay h4, .ui-widget-header, .PostHeader aside a, .post article aside.rls, nav#BlocksNav a, .fbutton, .ui-button, .qq-upload-button, .DL_Blocks h5, article p.editby time, div.comment span.options a, div#Read_PM span.options a, #PM header a, #Read_PM header a, #orating-bar div p, body.framez div.tabs a, body.static div.rulz header a {font-family: 'TradeGothic', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;} /* Varela Font (menu links) */ section.menu ul ul li, section.menu ul ul li a, nav#menu aside a, div#PM table th, .onavi .opages a {font-family: 'Varela', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;} /* Default Font Open Sans */ body, code, section.menu ul li label:before, .LogWin label, .LogWin a {font-family: 'Open Sans', "Segoe UI", Frutiger, "Frutiger Linotype", sans-serif;} /* - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + -+- C O L O R S -+- - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + */ /* SideMenu Blue Links */ nav#menu, section.menu a, nav#menu aside a, div.welcome, div.welcome.neon.nViolet a, .feed a time, .ostats ul li time, div.uploadedfile div.info {color:#6d86a0;} /* Monochrome White Text */ a.permalink, .post h1, .post h2, nav#menu section a:active, nav#menu aside a:active, mark.subtitle, div.LogWin label, section.thanks h4, .fbutton:hover, .ui-button:hover, .qq-upload-button:hover, code, .descr .members, .descr .residents, .comment .members, .comment .residents, .DL_Blocks h5, section.descr .DL_Blocks a:hover, div.comment div[id^=comm-id] .DL_Blocks a:hover, section.descr .DL_Blocks a:focus, table.userinfo td.userinfo_name a:hover, .warning, .notice, #AddPost input#title, table.userprofile td, table.userprofile td a, input[type="text"], input[type="email"], input[type="password"], .ostats h4, #orating-bar div p, div.ostats_rows, .onavi .opages a {color:#d9d9e2;} /* Monochrome White BG */ .post h1, .post h2, .feed a:nth-of-type(even), .post article footer, .neon, nav.pagination span, nav.pagination a, nav#BlocksNav a, section.thanks h4, section.poll h5, code, .bb-pane, table.userinfo, div.comment, #AddPost input#title, body.search input#searchinput, #AddPost aside, #PM table tbody tr:nth-of-type(even), table.userprofile tr:nth-of-type(odd), th.workday, th.weekday, .ostats h4, body.search table#src_ref, body.search table#src_ref thead, div#C0mments div.comm_hide {border-top:1px solid #1a1a1a; border-bottom:1px solid #1a1a1a; background-color:rgba(217,217,226,.1);} /* - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + -+- mutua elementorum -+- - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + */ .cf:before, .cf:after {content: " "; display: table;} .cf:after {clear: both;} /* don't forget overflow: auto; */ /*Remove the gap between images, videos, audio and canvas and the bottom of * their containers: h5bp.com/i/440 */ audio, canvas, img, video {vertical-align: middle;} /* Box Sizing */ div, article, aside, canvas, details, embed, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, form, textarea, input[type="checkbox"], input[type="radio"], input[type="search"], input[type="text"], input[type="email"], input[type="password"], #PM .SendPMhead label {box-sizing:border-box; -moz-box-sizing:border-box;} /* Box Sizing Reset */ nav#menu, section.NavBar {box-sizing:content-box; -moz-box-sizing:content-box;} textarea {resize: vertical; color:#e6e6e6;} /* Vertical Align TOP */ form.MainSRC, div.welcome, input[type="search"], div.welcome p, header section, .post, .PostHeader time, .PostHeader a.edit, nav.pagination a.left, nav.pagination a.right, nav.pagination a.top, section.likeit a, section.thanks span, table.userprofile th, .bb-pane b.bb-btn, .bb-pane hr {vertical-align:top;} /* Default Cursor */ time, mark.subtitle, aside.rls, div.inPoll h2, article p.editby, section.thanks > span, table th, table.userinfo td, nav.pagination span, nav.pagination a.current, nav#BlocksNav p, #PM table tbody td.time, .calendar td, .post article footer, .pollprogress span, .onavi .opages span, div#orating-bar div, #Read_PM section.message h2 {cursor: default;} /* Text Overflow */ .PostHeader, .feed a, .PostHeader span, div.overlay.bookmark p a, td.userinfo_name, table.userinfo td.userinfo_name a, div.context_src p, .DL_Blocks a, body.search table#src_ref tr td, div#PM table tbody tr td:nth-of-type(1) {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .hidden {display:none;} /* Baloon Tooltips */ [data-balloon]:before { width: 0 !important; height: 0 !important; top: -11px; border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 5px solid #7f7387 !important; } [data-balloon-pos=right]:before {margin-left: -2px !important; top:0; border-bottom: 8px solid transparent !important; border-right: 5px solid #7f7387 !important; border-top:8px solid transparent !important;} [data-balloon]:after { color:#d9d9e2 !important; border: 2px solid #7f7387 !important; background:#4f2d64 !important; } /* Brighter Glow: box-shadow: 0 0 7px 1px #952fbd, inset 0 0 7px 1px #952fbd; */ .neon { padding:7px; border:1px solid #757575; background-clip: content-box; transition:border-color 0.3s; } .nViolet {box-shadow: 0 0 9px #952fbd, inset 0 0 9px #952fbd;} .nBlue {box-shadow: 0 0 11px #3a38c0, inset 0 0 11px #3a38c0;} .nBrown {box-shadow: 0 0 11px 0px rgba(216,129,69,0.7), inset 0 0 11px 0px rgba(216,129,69,0.7);} .nGreen {box-shadow: 0 0 11px rgba(50,196,69,0.5), inset 0 0 11px rgba(50,196,69,0.5);} .nRed {box-shadow: 0 0 11px rgba(205,38,38,0.7), inset 0 0 11px rgba(205,38,38,0.7);} .nBanner{box-shadow: 0 0 11px 0px rgba(148,211,54,0.5), inset 0 0 11px 0px rgba(148,211,54,0.5);} /* Neon Blocks on Hover or Focus */ .neonActive, .neon:hover {border-color:#999; transition:border-color 0.3s;} /* div.welcome:hover, section.calendar:hover, section.topost:hover, section.poll:hover, section.audiosex:hover, section.RecentPosts:hover, aside.ADLeader:hover */ /* - + - + - + - + - + - + - + - NoScript Notification - + - + - + - + - + - + - + - + */ a#noscript_alert {width:606px;margin-left:-303px;padding:16px 0;position:fixed;top:120px;left:50%;display:block;color:#00326a;font:18px/22px Tahoma,Geneva,sans-serif;text-shadow:1px 2px 4px #dfbeb5;text-align:center;border:2px double #ac1c15;background-color:#e6dfdd;box-shadow:#79140f 0 0 10px;z-index:9999} a#noscript_alert:hover {background-color:#e6c4ba; border:2px solid white;} /* - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + -+- END mutua elementorum -+- - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + */ /* - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + -+- G L O B A L -+- - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + */ ::-moz-selection {background: #952fbd; text-shadow: none;} ::selection {background: #952fbd;text-shadow: none;} .disable-hover, .disable-hover * {pointer-events: none !important;} html, body {height:100%;} div#wrap { width:100%; min-height:100%; display:flex; flex-flow:row nowrap; justify-content: flex-start; align-items: stretch; } body, .inPoll:after, .src_mess:after, #fresh article:after, #archive article:after { color: #dadde3; background: #191c25 url('/templates/Default/img/BG_Page.gif'); } /* Disabling ReCaptcha Icon */ .grecaptcha-badge {visibility: hidden !important;} /* - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + -+- S i d e b a r -+- - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + */ nav#menu { flex-basis:200px; flex-shrink:0; border-right:1px solid #2a303c; background: #121418 url('/templates/Default/img/BG_Sidebar.gif'); box-shadow:0 0 6px #3b4556; z-index:999; } nav#menu section a:active, nav#menu aside a:active {margin-left:1px;} nav#menu #StickyNav {position:sticky; position:-webkit-sticky; top: 10px;} /* - + - + - + - + - + - + - + - Under Logo Toolbar - + - + - + - + - + - + - + - + */ section.NavBar { width:200px; height:40px; text-align:center; line-height:38px; border-top:1px solid #222836; border-bottom:1px solid #222836; background-color:rgba(34,40,54,0.2); } section.NavBar a { width:43px; height:40px; display:inline-block; font-size:13px; background:no-repeat url('/templates/Default/img/icons_main.png'); transition:background-position 0.3s; } nav#menu section.NavBar a:active {margin-left:0;} .NavBar a.newsletter {background-position:0 0;} .NavBar a.newsletter:hover {background-position:0 -41px; background-color:#232077;} .NavBar a.newsletter:hover:after, .NavBar a.newsletter:focus:after {position:absolute; left:4px; margin-top:35px; content:'Newsletter';} .NavBar a.donate {background-position:-43px 0;} .NavBar a.donate:hover {background-position:-43px -41px; background-color:#56206f;} .NavBar a.donate:hover:after, .NavBar a.donate:focus:after {position:absolute; left: 53px; margin-top:35px; content:'Donate';} .NavBar a.rss {background-position:-86px 0;} .NavBar a.rss:hover {background-position:-86px -41px; background-color:#632024;} .NavBar a.rss:hover:after, .NavBar a.rss:focus:after {position:absolute; left:113px; margin-top:35px; content:'RSS';} .NavBar a.share {background-position:-129px 0;} .NavBar a.share:hover {background-position:-129px -41px; background-color:#21542e;} .NavBar a.share:hover:after, .NavBar a.share:focus:after {position:absolute; left:149px; margin-top:35px; content:'Spread';} .NavBar a.hamburger {display:none;} /* - + - + - + - + - + - + - + - TreeView Menu Functions - + - + - + - + - + - + - + - + */ section.menu {margin:21px 0 0 13px;} section.menu label + ul {display: none;} section.menu input:checked + label + ul {display: block;} section.menu ul input[type="checkbox"] {position: absolute; opacity: 0;} /* hiding checkboxes */ section.menu input:checked ~ ul {display: block;} /* WTF is this? */ section.menu input:checked + label:before {margin-right:7px; content:'-'; transform:none;} section.menu ul li label:before { margin-right:3px; display:inline-block; vertical-align: -1px; color:#666; font-size:16px; content: "+"; transition: transform 0.4s; } section.menu ul li label:hover:before {-webkit-transform:rotate(180deg); transform:rotate(180deg);} /* - + - + - + - + - + - + - + - TreeView Menu Style - + - + - + - + - + - + - + - + */ section.menu ul, .ostats ul {margin: 0; padding:0; list-style:none;} /* First Level Links */ section.menu ul > li { padding:0; display: block; line-height: 17px; font-size:12px; text-transform:uppercase; font-weight: 600; /* fixing dim gothic menu links */ } section.menu ul li label {display:block; cursor:pointer;} /* Second Level Links (inside) */ section.menu ul ul {margin: 0 0 11px 16px;} section.menu ul ul li, nav#menu aside a {line-height: 18px; font-size:16px; text-transform:none; font-weight: normal; /* clearing dim gothic menu links fix */ } section.menu ul ul li a {display:block;} .NavBar a:hover:after, section.menu ul ul li a:hover, nav#menu aside a:hover, .PostHeader span a:hover, .NavBar a:focus:after, section.menu ul ul li a:focus, nav#menu aside a:focus, .PostHeader span a:focus {color:#adc7db;} /* Color Depending on Menu Section */ section.menu ul.SiteNav > li, nav#menu ul.SiteNav > li > a {color:#b23b39;} section.menu ul.SiteNav > li:hover, nav#menu ul.SiteNav > li > a:hover, section.menu ul.SiteNav > li:focus, nav#menu ul.SiteNav > li > a:focus {color:#ed5454;} /* section.menu input:checked + label */ section.menu ul.sections > li, nav#menu ul.sections > li > a {color:#72519d;} section.menu ul.sections > li:hover, nav#menu ul.sections > li > a:hover, section.menu ul.sections > li:focus, nav#menu ul.sections > li > a:focus {color:#8a6ee0;} section.menu ul.sections {margin:10px 0;} /* Space for Links that Don't Have +/- */ section.menu li.VoidLink {padding-left: 12px;} /* - + - + - + - + - + - + - + - Rest of the Sidebar Links - + - + - + - + - + - + - + - + */ nav#menu aside {margin: 0 0 25px 13px;} nav#menu aside h5 { margin-top:20px; font-size:12px; text-transform:uppercase; font-weight: 600; /* fixing dim gothic menu links */ } h5.SidePro {color:#3d6b99;} h5.FFSRef {color:#997e33;} h5.friends {color:#3a9934;} nav#menu aside a {margin-left: 5px; display:block; line-height: 21px;} nav#menu aside section.FFSRef a:before { width:16px; height:16px; margin-right:4px; display:inline-block; vertical-align: -4px; background: no-repeat url('/templates/Default/img/icons_edit.png'); content:''; opacity: 0.8; } nav#menu aside section.FFSRef a:hover {opacity: 1;} nav#menu aside section.FFSRef a:nth-of-type(1):before {background-position:-127px 0;} nav#menu aside section.FFSRef a:nth-of-type(2):before {margin-bottom:-2px; background: no-repeat url('https://nitroflare.net/img/favicon.png');} /* KF: nav#menu aside section.FFSRef a:nth-of-type(2):before { color: #cdcdcd; font: 15px Arial Black, Gadget, sans-serif; content: "K"; background: none; text-align: center; vertical-align: baseline; } */ nav#menu aside section.FFSRef a:nth-of-type(3):before {background-position:-146px 0;} /* nav#menu a#WindScribe img {width: 185px; margin:50px auto 0; padding-right: 2px; display:block; opacity: .9;} nav#menu a#WindScribe img:hover {opacity: 1;} nav#menu a#WindScribe span { max-width: 130px; display: block; position: relative; top: -30px; left:70px; color:#6b8696; } nav#menu a#WindScribe:hover span {color:#94b9d3;} nav#menu a#WindScribe span p {margin:0;} nav#menu a#WindScribe span p:first-of-type {line-height:12px; font-size:14px;} nav#menu a#WindScribe span p:last-of-type {font-size:12px;} */ nav#menu footer {text-align:center;} /* - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + -+- B O D Y -+- - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + */ main { flex-basis: 100%; max-width:1400px; /* min-width:835px; */ padding: 19px 0 0 21px; /* margin-left:200px; don't forget about Mobile Collapsed Sidebar */ background: linear-gradient(to right, rgba(52, 49, 221, 0.2) 0%, rgba(25, 28, 37, 0.2) 100%), url('/templates/Default/img/BG_Z.webp'); background-position: 0 0, center center; background-size: 300px 100%, 928px 1061px; background-repeat: no-repeat; background-attachment: fixed; /* Lighter Gradient: background: linear-gradient(to right, rgba(83,99,117, 0.2) 0%, rgba(25, 28, 37, 0.2) 100%) */ } header {margin-bottom:25px; position:relative;} div.welcome, form.MainSRC, section.audiosex, section.ReqFeed, div.post {width:48%; display:inline-block;} form.MainSRC, section.audiosex, div#fresh, #PostComWrap, #UserProfile {margin-right:25px;} div#fresh, div#archive {overflow-anchor: none;} div.welcome, form.MainSRC { /* max-width:600px; */ padding:0; background-color:transparent; background-clip: border-box; } form.MainSRC input[type="submit"], #AddPost header input[type="button"]:nth-of-type(1), body.search input#dosearch { width:33px; height:33px; margin-left:1px; position:absolute; background: -425px top no-repeat url('/templates/Default/img/icons_main.png'); } form.MainSRC input[type="search"] { width:100%; height:33px; padding-left:36px; color:#82a0bf; font-size:19px; } div.welcome { height:35px; clear:left; overflow:hidden; font-size:15px; cursor:help; } div.welcome:hover, div.welcome:focus { height:auto; margin-left:4px; /* fixing weird margin */ position:absolute; /* changing position cancels border transition */ overflow:auto; background: #191c25 url('/templates/Default/img/BG_Page.gif'); z-index:999; } div.welcome span:first-child {width:33px; height:33px; float:left; background: -458px top no-repeat url('/templates/Default/img/icons_main.png');} div.welcome p:nth-of-type(1) {margin:6px 5px 6px 0;} div.welcome p {margin:0 5px 9px 7px; text-overflow:ellipsis;} /* - + - + - + - + - + - + - + - Neon Blocks Title - + - + - + - + - + - + - + - + */ .neon h3 { margin-top: -20px; text-align:center; color:#b3b3b3; font-size:15px; } .neon h3 span { padding:0 4px; border-radius:7px; background-color:rgba(25,28,37,0.6); box-shadow:0 0 10px 1px rgba(25,28,37,0.8); } /* - + - + - + - + - + - + - + - Header Sections - + - + - + - + - + - + - + - + */ .CalTopPoll {margin:25px 0; display:block; text-align:center;} .CalTopPoll section { max-height:196px; min-height:196px; display:inline-block; text-align:left; } section.topost {width:45%; max-width: 500px; margin:0 2%;} section.audiosex, section.RecentPosts {height:275px; display:inline-block;} aside.ADLeader { width:728px; height:90px; padding:0; margin:25px auto 0; background-color:transparent; background-clip: border-box; } header.SinglePage aside.ADLeader, header.SinglePage aside.ADBlock-468px {margin:0 0 25px;} aside.ADVertical { width:160px; height:600px; margin-left: 27px; display:inline-block; background-color:transparent; background-clip: border-box; } /* - + - + - + - + - + - + - + - Feed Links - + - + - + - + - + - + - + - + */ /* .feed, .post {min-width:380px;} */ .feed a { height:25px; padding: 0 6px; display:block; line-height: 25px; color:#cccccc; font-size:14px; } .feed a:hover, .feed a:focus {color:#e6e6e6;} .feed a:nth-of-type(odd):hover {background-color:#353942;} .feed a:nth-of-type(even):hover {background-color:#44484f;} .feed a time {margin-right:5px;} .feed a time:before {content:'[';} .feed a time:after {content:']';} /* - + - + - + - + - + - + - + - Jump To... Widget - + - + - + - + - + - + - + - + */ nav#BlocksNav { max-width:168px; height:186px; margin: 50px 0 0 12px; padding:18px 0 0 10px; background: no-repeat url('/templates/Default/img/BG_JumpArrow.png'); opacity:0; transition:opacity 2s; } nav#BlocksNav p {width:71px; margin:0 0 10px; padding:0 9px; color:#cccccc; background-color:rgba(217,217,226,0.2);} nav#BlocksNav a { margin: 8px 0; padding: 5px 15px; display:block; font-size:15px; border:0; } nav#BlocksNav a:hover, nav#BlocksNav a:focus {background-color:rgba(217,217,226,0.2);} nav#BlocksNav a[href="#fresh"] {color:#a072c1;} nav#BlocksNav a[href="#archive"] {width:73px; color:#6c6cd3;} nav#BlocksNav a[href="#top"] {width:35px; color:#6c859f;} nav#BlocksNav a[href="#C0mments"] {width:93px; color:#b27e59;} /* - + - + - + - + - + - + - + - To Top Link - + - + - + - + - + - + - + - + */ a#TopLink { width:40px; height:40px; display:none; visibility:hidden; position:fixed; right:10px; bottom:10px; background:no-repeat url('/templates/Default/img/icons_main.png'); background-position:-354px bottom; z-index:99; outline:0; } /* - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + -+- Banners -+- - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + */ header.page ul#PromoHead { margin:18px auto 0; padding:0; display:none; justify-content: space-evenly; text-align:center; list-style:none; } /* - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + -+- Modal Overlays, Windows -+- - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + */ div.overlayWrap { } #ActiveOverlay { left:201px; transition: left 0.6s; } div.overlay { max-width:550px; position:absolute; top:154px; left:-250px; z-index:998; display:none; color:#98aaaf; border-top:5px solid #323d4c; border-bottom:2px solid #323d4c; background: -webkit-linear-gradient(right,rgba(83,99,117, 0.3) 0%, rgba(25, 28, 37, 0.2) 100%), #121418 url("/templates/Default/img/BG_Sidebar.gif"); background: linear-gradient(to right, rgba(83,99,117, 0.3) 0%, rgba(25, 28, 37, 0.2) 100%), #121418 url("/templates/Default/img/BG_Sidebar.gif"); background-size: 11px 100%, 15px; background-repeat: no-repeat, repeat; transition: left 0.4s; /* hidding transition */ } div.overlay::-webkit-scrollbar {width: 8px;} div.overlay::-webkit-scrollbar-thumb {background-color: #34404d;} div.overlay:hover {border-color:#394656;} div.overlay h4, .ui-widget-header { padding:9px 16px; color:#869db2; font-size:17px; border-bottom:1px solid #222836; background-color:rgba(34,40,54,0.3); } div.overlay p {margin:10px 18px 26px; line-height: 24px;} div.overlay a.close, div.LogWin a.close, a.oclose, button.ui-dialog-titlebar-close { width:43px; height:40px; padding:0 !important; display:block; position: absolute; top: 0; right: 0; border:0; outline:0; background: -214px top no-repeat url('/templates/Default/img/icons_main.png'); background-color:transparent !important; } button.ui-dialog-titlebar-close {width:43px !important; height:40px !important; top: 10px !important; font-size:0;} /* Fixing jQuery UI ScrewUps */ div.overlay a.close:hover, div.overlay a.close:focus, div.LogWin a.close:hover, a.oclose:hover, button.ui-dialog-titlebar-close:hover, button.ui-dialog-titlebar-close:focus {background-position: -214px -41px;} div.overlay.newsletter {min-width: 350px; box-shadow: 4px 4px 1px 3px rgba(20,25,30,.7), 16px 16px 0 rgba(58,56,192,.5);} div.overlay.donate {min-width:450px; height:70%; overflow-y:auto; box-shadow: 4px 4px 1px 3px rgba(20,25,30,.7), 16px 16px 0 rgba(208,214,91,.4);} div.overlay.donate ul {margin: 16px 0 0; padding-left: 23px;} div.overlay.donate ul li {margin-top: 5px; list-style-type:none; line-height: 24px;} div.overlay.donate ul li:before {content:'-'; margin:0 3px 0 2px;} div.overlay.share, div.overlay.contacts {box-shadow: 4px 4px 1px 3px rgba(20,25,30,.8), 16px 16px 0 rgba(49,196,67,.3);} div.overlay.bookmark {box-shadow: 4px 4px 1px 3px rgba(20,25,30,.7), 16px 16px 0 rgba(149,47,189,.5);} div.overlay a {color:#bfd0d4;} div.overlay a:hover {color:#d27aff;} /* Donate Window */ a#BitCoin img { margin: -14px auto 11px; display:block; transition:all 1s; } a#BitCoin img:hover {transform:rotate(40deg); transition:all 1s;} p#BitCoinC {margin: 0 0 21px; display:none;} div.overlay.donate span#follow_us_txt a {display:block; color:#7fa576;} div.overlay.donate span#follow_us_txt a:hover {color:#abcca3;} /* p#BitCoinC > a:nth-last-child(1) {margin: 10px 0 0 30px; display:block; color:#909ea1;} p#BitCoinC > a:nth-last-child(1):hover {color:#acbcbf;} */ /* +1 Window */ span#follow_us_txt, div.contacts table td { height:30px; margin-bottom:5px; padding-left:16px; display:block; color:#7fa576; font-size:15px; line-height: 30px; border-top:1px solid #25333a; border-bottom:1px solid #25333a; background-color:rgba(108,133,159,.1); } div.share ul li {margin-right:50px; display:inline-block; list-style:none;} div.share a.gp_butt { width:94px; height:72px; margin: 0 0 2px 17px; display: inline-block; background: -258px top no-repeat url('/templates/Default/img/icons_main.png'); } /* Bookmarks Window */ div.overlay.bookmark {width:500px; max-width: 750px; padding-bottom: 5px;} div.overlay.comm_notification { width: 700px; } div.overlay.bookmark #bookmarksContent, div.overlay.comm_notification #comm_notification_content {overflow-y:auto;} div.overlay.bookmark p, div.overlay.comm_notification p {margin:0; padding-left:8px;} div.overlay.bookmark p a{ padding:4px 6px; display:block; color:#7897a3; font-size:14px; } div.overlay.bookmark p:nth-of-type(even) a {padding:3px 6px;} div.overlay.bookmark p a:hover, div.overlay.bookmark p a:focus {color:#8eb3bf;} div.overlay.bookmark p:nth-of-type(even) {border-top:1px solid #25333a; border-bottom:1px solid #25333a; background-color:rgba(108,133,159,.15);} div.overlay.bookmark input[type="button"], a.comm-del-confirm, a.comm-del-fast { width:16px; height:16px; margin-top:6px; display:block; float:left; background: left top no-repeat url('/templates/Default/img/icons_edit.png'); } div.overlay.bookmark input[type="button"]:hover, div.overlay.bookmark input[type="button"]:focus {background: left bottom no-repeat url('/templates/Default/img/icons_edit.png');} /* - + - + - + - + - + - + - + - Login Window - + - + - + - + - + - + - + - + */ div.LogWin { width:305px; padding:7px 35px 13px 25px; top:198px; border-top:2px solid #323d4c; border-bottom:2px solid #323d4c; box-shadow: 4px 4px 1px rgba(20,25,30,.8); } div.LogWin label { display:block; position: relative; top: 5px; left: 7px; font-size:13px; } input#login_name, input#login_password, div.newsletter input[name="email"] { width:100%; height:34px; margin-bottom:7px; padding: 0 5px; color:#8ba4b7; font-size:17px; border:1px solid #4a4b51; background-color:#1b1e25; background-image:none; } input#login_name:focus, input#login_password:focus, div.newsletter input[name="email"]:focus {border-color:#4b5d6b; transition: border 0.3s;} input#login_password {margin-bottom:18px; font-size:25px;} input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #8595a6 inset;} div.LogWin .fbutton {float:left; background-color:rgba(108,133,159,.2);} div.LogWin p {margin:0; float:right; text-align:right;} div.LogWin p a { margin-top: -4px; display:block; color:#5d7384; font-size:13px; } div.LogWin p a:hover {color:#7793a8;} div.LogWin p a:last-child {margin-top:0;} div.LogWin a.close {top:-18px; right:-18px;} /* - + - + - + - + - + - + - + - Subscribe Window - + - + - + - + - + - + - + - + */ div.newsletter form {margin: 17px 20px 23px;} div.newsletter p {margin-bottom:10px;} div.newsletter p:first-letter {margin-left:2px;} div.newsletter input[type="submit"] {margin-top:11px;} /* - + - + - + - + - + - + - + - Contacts Window - + - + - + - + - + - + - + - + */ div.contacts table {margin-bottom: 5px;} div.contacts table th { text-align:left; line-height: 24px; color:#809094; font-size:15px; font-weight:normal; letter-spacing:1px; } div.contacts table td { padding: 1px 37px 1px 0; display: table-cell; text-align:left; } div.contacts table tr:hover {background-color:rgba(34,38,35,.3);} div.contacts table td:nth-last-of-type(1) {padding-right:18px;} div.contacts table tr#SAiNT td a {color:#7fa576;} div.contacts table tr#SAiNT td a:hover {color:#9dcc92;} div.contacts table tr#PiRAT td, div.contacts table tr#PiRAT td a {color:#7e9bb0;} div.contacts table tr#PiRAT td a:hover {color:#98bad4;} div.contacts table tr#Olymoon td, div.contacts table tr#Olymoon td a {color:#a59f76;} div.contacts table tr#Olymoon td a:hover {color:#c4bd8c;} div.contacts table th:first-child, div.contacts table td:first-child {padding-left:15px;} /* - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + -+- C O N T E N T -+- - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + */ #inside, #C0mments {width:100%;} #PostComWrap {width:56%; max-width:670px; display:inline-block;} .post {max-width:670px; min-height: 150px; margin-bottom: 30px;} .post header.PostHeader {height:40px; margin:2px 5px 0; position:relative;} .PostHeader time, .PostHeader span, .PostHeader a.edit, .PostHeader span a {display:inline-block; color:#7d9cb2; font-size:13px;} /* Inserting Heading through Pseudo Element */ .PostHeader time:before, .PostHeader span:before { display:block; color:#5a7762; font-weight:bold; } .PostHeader time:before {content:'record date';} .PostHeader span:before {content:'category';} .PostHeader time {min-width:20.5%;} .PostHeader span { min-width:200px; width:70.2%; /* 300px */ margin:0 1%; } .PostHeader a.edit { min-width:36px; height:32px; position:absolute; right:0; z-index:99; background: -172px 0 no-repeat url('/templates/Default/img/icons_main.png'); } .PostHeader aside { height:39px; padding: 6px 10px 0; display:block; position:absolute; top:0; right:-250px; z-index:99; color:#c86361; border:1px solid #666; background-color:#171a1e; transition:right 0.7s; } .PostHeader aside a, body.framez div.tabs a, body.static div.rulz header a {margin: 0 7px 0 4px; color:#b2403e; font-size:12px; text-transform:uppercase;} .PostHeader aside a:hover, body.framez div.tabs a:hover, body.static div.rulz header a:hover {color:#c86361;} a.permalink, .post h1, .post h2 {display: block; cursor:pointer;} a.permalink {box-shadow:0 1px 3px #27292f;} .post h1, .post h2, body.search table#src_ref thead {padding: 4px 6px; font-size:18px;} .post h1:hover, .post h2:hover, .post h1:focus, .post h2:focus {background-color:rgba(217,217,226,0.2);} /* - + - + - + - + - + - + - + - Release Type Widgets - + - + - + - + - + - + - + - + */ div.RlsContainer {position:relative;} aside.rls { position:absolute; top:5px; left: -11px; z-index:99; border-top:1px solid transparent; border-bottom:1px solid transparent; background-color:#2c2f36; transform:rotate(-90deg); } aside.rls p { margin:3px 0; padding:0 5px; font-size:12px; line-height: 16px; text-transform:uppercase; background-color:#25272e; } aside.audioz_rls {top: 21px; color:#792b9a; border-color:#792b9a;} aside.scene_rls {top: 18px; color:#415980; border-color:#415980;} aside.p2p_rls {top:8px; left: 0; color:#506741; border-color:#506741;} aside.p2p_rls p{line-height: 15px;} aside.BL_rls {top: 45px; left: 0; color:#87393b; border-color:#87393b;} aside.BL_rls p {line-height: 17px;} /* - + - + - + - + - + - + - + - Description Block - + - + - + - + - + - + - + - + */ .post article section.descr { margin:13px; font-size:14px; line-height: 23px; position:relative; /* for RLS widgets */ z-index:98; /* for Reupload Button */ } section.descr a, div.comment p a, div.comment div[id^=comm-id] a, #Read_PM section.message a, aside.warning a, body.search table#src_ref a {color:#E6E6E6; border-bottom:1px solid #d78044;} section.descr a:hover, div.comment p a:hover, div.comment div[id^=comm-id] a:hover, #Read_PM section.message a:hover, body.search table#src_ref a:hover {color:white;} section.descr span#inf a {margin: 8px 0; text-align:center; display: block; border:0; color:#a5a5a5;} article img.thumbnail {display:block;} article img.thumbnail, section.message img.thumbnail, div.comment div[id^=comm-id] img.thumbnail { max-width:92%; margin:0 auto 15px; } section.descr iframe[title^=YouTube] {margin:0 auto; display:block;} mark.subtitle { margin:-5px -13px 10px; padding:3px 10px; display:block; text-align:center; line-height: 20px; font-size:15px; background: #393b43; background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(217,217,226,0.07) 10%,rgba(218,218,227,0.07) 50%,rgba(217,217,226,0.07) 90%,rgba(255,255,255,0) 100%); } mark.subtitle strong, mark.subtitle i, mark.subtitle u {font-weight:normal; font-style:normal; text-decoration:none;} section.descr ul, ol {margin: 5px 0 -5px; padding-left: 7px; list-style-position:inside;} section.descr ul {list-style-type:none;} section.descr ul li:before {margin-right: 5px; content:"\00b7";} /* Fixing Excess BR Tags after Block elements */ section.descr img.thumbnail + br, section.descr a.thumbnail + br, mark.subtitle + br, blockquote + br, code + br, .members + br, .residents + br, .DL_Blocks + br, .DL_Blocks + br + br, .DL_Blocks br {display:none;} /* - + - + - + - + - + - + - + - DL Links Section - + - + - + - + - + - + - + - + */ blockquote { margin: 15px 0 10px 20px; padding: 1px 5px 2px 20px; color:#a3c1d1; font-style:oblique; overflow-x: hidden; border:1px solid #4f6073; border-left-width:0; background:repeat-y url(/templates/Default/img/quote.gif); } blockquote blockquote {margin: 5px -6px 5px 5px; padding-left:5px; color:#b2a897; border-left-width:1px; background-image:none;} blockquote blockquote blockquote {color:#af9c97;} blockquote span.QuoteBy {display:block; font-weight:bold; font-style:normal;} code {margin-top: 30px; padding:5px; overflow-wrap: break-word; white-space: pre-wrap; border:1px solid #4f6073;} code:before { width: 40px; margin: -25px 6px 0; float:right; text-align:center; color:#4f6073; border:1px solid #4f6073; border-bottom-width:0; background-color:#3d3e46; content:'code'; } /* Spoiler */ div.title_spoiler a { padding: 0px 7px; color:#e9e9f2 !important; border-bottom: 2px dotted #2c2f37 !important; border-top: 2px dotted #2c2f37; background-color:#6e6e73; } div.text_spoiler {margin-top:10px; /* box-shadow: 0px 1px 5px gray; */ } .descr .members, .descr .residents, .comment .members, .comment .residents {margin:46px -13px 0; padding:5px 7px;} .descr .members, .descr .members:before, .descr .residents, .descr .residents:before, .comment .members, .comment .members:before, .comment .residents, .comment .residents:before {border:1px solid #7a393b; background-color:rgba(25,28,37,.6);} .descr .members:before, .descr .residents:before, .comment .members:before, .comment .residents:before { margin: -27px 6px 0; padding: 3px 10px 0px; float:right; text-align:center; color:#7a393b; font-size:16px; font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; background-color:#20222b; border-bottom-width:0; content:'classified'; } .descr .residents:before, .comment .residents:before {content:'highly classified';} .descr .residents .DL_Blocks, .descr .members .DL_Blocks, .comment .residents .DL_Blocks, .comment .members .DL_Blocks {margin:25px -4px 0;} .descr .members .DL_Blocks:nth-of-type(1), .descr .residents .DL_Blocks:nth-of-type(1), .comment .members .DL_Blocks:nth-of-type(1), .comment .residents .DL_Blocks:nth-of-type(1) {margin-top:10px;} .descr .members .DL_Blocks:nth-last-of-type(1), .descr .residents .DL_Blocks:nth-last-of-type(1), .comment .members .DL_Blocks:nth-last-of-type(1), .comment .residents .DL_Blocks:nth-last-of-type(1) {margin-bottom:10px;} .DL_Blocks { margin:25px -13px 0; padding:6px 5px; color:#bababa; line-height: 20px; border-width:1px; border-top-width:0; border-style:solid; background-color:#20232c; } .DL_Blocks:nth-last-of-type(1) {margin-bottom:25px;} .DL_Blocks h5 {margin: -5px -5px 4px; padding:0 6px; font-size:13px; line-height: 21px;} section.descr .DL_Blocks > a, div.comment div[id^=comm-id] .DL_Blocks > a { margin-bottom: 7px; display:block; color:#999; border-bottom:0; } section.descr .DL_Blocks > a:nth-last-of-type(1), div.comment div[id^=comm-id] .DL_Blocks > a:nth-last-of-type(1) {margin:0;} section.descr .DL_Blocks > a:active, div.comment div[id^=comm-id] .DL_Blocks > a:active {text-shadow: 0px 0px 2px white;} .DL_Blocks.download {border-color:#582e70;} .DL_Blocks.download h5 {background-color:#582e70;} .DL_Blocks.devSite {border-color:#6e6e73;} .DL_Blocks.devSite h5 {background-color:#6e6e73;} .DL_Blocks.mirror {border-color:#383782;} .DL_Blocks.mirror h5 {background-color:#383782;} .DL_Blocks.mirror2 {border-color:#36356a;} .DL_Blocks.mirror2 h5 {background-color:#36356a;} .DL_Blocks.torrent {border-color:#3d456d;} .DL_Blocks.torrent h5 {background-color:#3d456d;} .DL_Blocks.ref1 {border-color:#994051;} .DL_Blocks.ref1 h5 {color:#E3E3ED; background-color:#994051;} .DL_Blocks.ref2 {border-color:#636b40;} .DL_Blocks.ref2 h5 {color:#E3E3ED; background-color:#636b40;} .DL_Blocks.ref1 h5 span, .DL_Blocks.ref2 h5 span {float:none; color:#F5F5F9 !important;} /* BG Colors: Red: #994051 | Green: #3e6b49 | Brown: #995f35 | Blue: #365b6f */ body.showfull section.descr a.USnGreen { margin:15px auto -18px; display: block; text-align: center; border-bottom: 0; } a.USnGreen img {width:263px; top:0;} a.USnGreen img:hover, a.USnGreen img:focus {position:relative; top:5px; transition: top 0.8s;} .DL_Blocks h5 span {float:right;} section.descr .DL_Blocks h5 span a { width:16px; height:16px; margin:0; display:inline-block; vertical-align: -3px; border:0; background-image:url(/templates/Default/img/icons_edit.png); } .DL_Blocks h5 span a:nth-of-type(1) {background-position:left top; margin-left: 10px !important;} /* margin from "a.req-reup" */ .DL_Blocks h5 span a:nth-of-type(1):hover {background-position:left bottom;} .DL_Blocks h5 span a:nth-of-type(2) {background-position:-16px top;} .DL_Blocks h5 span a:nth-of-type(2):hover {background-position:-16px bottom;} section.descr a.req-reup { float:right; color:#c4c4cc; border:0; opacity:0; transition: opacity 1s 0.5s; } div.comment a.req-reup {display:none;} .DL_Blocks.download:hover, .DL_Blocks.mirror:hover, .DL_Blocks.download:focus, .DL_Blocks.mirror:focus {} article p.editby {margin: 8px 0 -3px; color:#7d9cb2;} article p.editby time {margin-right:5px; color:#b2403e; font-size:14px;} article p.editby a {color:#7491a6; border:0;} aside.NoMr, body.addnews div#AddPostOverlay { max-width: 469px; margin: 20px auto; padding: 5px 10px; color:#adafb8; text-align:center; border:3px solid #20232c; outline:5px solid #45292f; background-color:rgba(205,38,38,.2); cursor:help; } body.showfull form.scode_form div.g-recaptcha { margin: 9px auto 2px; opacity:.6; transition:opacity .3s; text-align: center; } body.showfull form.scode_form div.g-recaptcha > div {width:auto !important;} body.showfull form.scode_form div.g-recaptcha:hover, body.showfull form.scode_form div.g-recaptcha:focus {opacity:.9;} /* - + - + - + - + - + - + - + - F o o t e r - + - + - + - + - + - + - + - + */ .post article footer {height:24px; padding: 0 5px; text-align: justify;} .post article footer:after {content: ''; width: 100%; display: inline-block;} .post article footer span {display:inline-block; vertical-align: top; color:#b3b3b3;} .post article footer span a, a.ocomm_res {color:#b3b3b3; font-size:15px;} /* - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + -+- C O N T E N T E N D / inS i d e b a r -+- - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + */ #inSidebar {width:40%;} #inSidebar section {margin-bottom:20px;} #inSidebar a[id^=fav-id] { width:43px; height:24px; margin:0 auto 23px; display:block; opacity:.7; background: -172px -50px no-repeat url('/templates/Default/img/icons_main.png'); } #inSidebar a[id^=fav-id]:hover, #inSidebar a[id^=fav-id]:focus {opacity:1;} /* OLD Styling for Social Buttons: section.likeit {} section.likeit a[id^=fav-id] { width:43px; height:24px; margin:0 auto; display:block; opacity:.7; background: -172px -50px no-repeat url('/templates/Default/img/icons_main.png'); } section.likeit a[id^=fav-id]:hover, section.likeit a[id^=fav-id]:focus {opacity:1;} section.likeit ul li { margin:0 7% 0 0; display:inline-block; list-style:none; opacity:.7; } section.likeit ul li:hover, section.likeit ul li:focus {opacity:1;} section.likeit ul li:nth-of-type(1) {margin-right:5%;} section.likeit ul li:nth-last-of-type(1) {margin-right:0;} */ /* Thanks Block */ section.thanks {min-height:86px;} section.thanks h4 { padding:3px 5px; font-size:15px; border-top:0; } section.thanks .fbutton { height:31px; margin: 7px 8px 7px 7px; float:left; } section.thanks #thx > span { margin: 3px 5px 4px 8px; display:block; color:#a8a8b2; font-size:14px; } section.thanks #thx { max-height: 90px; overflow-y: hidden; text-overflow:clip; } section.thanks #thx:hover, section.thanks #thx:focus {max-height:none; overflow-y:auto;} section.thanks #thx span#thanks {margin: 0 6px 3px; display: block;} aside.ADBlock, aside.ADBlock-468px { width:300px; height:250px; margin:30px auto 40px; padding:0; display:block; background-color:transparent; background-clip: border-box; } aside.ADBlock-468px {width:468px; height:60px; display:none;} a.usnWide { width:643px; height:135px; margin: -7px 0 17px -7px; display:block; outline:0; } a.usnWide img {margin: 0 0 0 111px; display: block;} a.usn300 { width:294px; height:244px; margin:0 auto 30px; display:none; background-image:url(/templates/Default/img/promo/Us_300.dot.gif); } /* for Split Icon-Banner: aside.ADBlock.usenet { width:calc(100% - 30px); height:101px; margin-left:30px; padding:7px; position:relative; background-color: rgba(217,217,226,.1); background-clip: content-box; } .usenet img#UsenetIcon { position:absolute; left:-37px; top:-21px; } .usenet img#UsenetBan {margin-left:103px;} aside.ADBlock.usenet:before { width:148px; height:136px; display:block; position:absolute; left:-37px; top:-21px; background:green url(/templates/Default/img/UsenetServerPic.png); } */ /* Add Comment */ form.AddComment {margin:40px auto 30px;} #C0mments form.AddComment {margin:7px auto 28px;} div#addcform .bb-pane { display:none; border-top:0; } div.bb-editor textarea { min-height:140px; padding: 4px 7px; border:1px solid transparent; background:transparent; } div.bb-editor textarea:focus { border:1px solid #5c5c66; border-top-color:transparent; outline:0; transition: border 0.3s; } .AddComment footer {height:35px; padding:7px 2px; background: #191c25 url('/templates/Default/img/BG_Page.gif');} label.subscrComm { margin-left: 3px; vertical-align: 1px; color:#b3b3b3; font-size:13px; } label.subscrComm input[type="checkbox"] {margin-right:3px; vertical-align: -2px; opacity: 0.7;} .AddComment footer span .fbutton {margin: 1px 5px 0 0; padding: 1px 9px;} .AddComment footer input#subscribe-btn {float:right;} /* - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + -+- inSidebar END / C o m m e n t s -+- - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + */ #C0mments { margin-bottom:30px; padding:9px 8px; display:block; background: #191c25 url('/templates/Default/img/BG_Page.gif'); } div.dle-comments-navigation nav.pagination {padding: 4px 0 9px; background: #191c25 url('/templates/Default/img/BG_Page.gif');} #C0mments nav.pagination span {border:0; background-color:transparent;} /* fixing the margin on the last comment */ div#dle-comments-list {margin-bottom: -20px;} table.userinfo { width:100%; text-align:left; table-layout:fixed; font-size:13px; border:0; border-bottom:1px solid #1a1a1a; /* box-shadow: 0 -1px 2px #656a75; */ } table.userinfo th, table.userinfo td {padding:0;} table.userinfo th {color:#5a7762;} table.userinfo td {padding-bottom:3px;} table.userinfo td, div#UserProfile table.userinfo td a {color:#7d9cb2;} div#UserProfile table.userinfo td a:hover {color:#98bed9; font-weight:bold;} table.userinfo td.userinfo_name {width:100px; text-align: center; color:#cccccc; font-size:15px; background-color:#5a5b63;} table.userinfo td.userinfo_name:hover {background-color:#5f6173; transition: background-color 0.3s;} table.userinfo #userinfo_name_online {background-color:#535c57;} table.userinfo #userinfo_name_online:hover {background-color:#606b62;} table.userinfo td.userinfo_name a { width:100px; padding: 6px 0; display:block; color:#cccccc; font-size:15px; } div.comment aside, div#Read_PM aside {margin-right:10px;} div.comment aside, #UserProfile aside, div#Read_PM aside { width:100px; float:left; text-align:center; background-color:#51525c; } div#UserProfile aside {min-height:100px;} aside a.ava { width:100%; display:block; } div.comment span.options, div#Read_PM span.options { height: 20px; display:block; line-height: 17px; text-align:center; background-color:#25272e; } div.comment span.options a, div#Read_PM span.options a {margin-left: -4px; color:#934a4a; font-size:13px;} div.comment span.options a:hover, div#Read_PM span.options a:hover {color:#c15656;} div.comment span.options a:after, div#Read_PM span.options a:after {margin:0 1%; content:"\00b7";} div.comment span.options a:nth-last-of-type(1):after, div#Read_PM span.options a:nth-last-of-type(1):after {content:"";} div.comment span.options a.comm-del-confirm, div.comment span.options a.comm-del-fast {margin: 2px 2px 0 0; float: right; opacity: 0.5; outline:0;} div.comment span.options:hover a.comm-del-confirm {opacity: 1;} div.comment span.options a.comm-del-confirm:focus, div.comment span.options a.comm-del-fast {transform:rotate(4180deg); transition:17s;} div.comment div[id^=comm-id], #Read_PM section.message { padding: 4px 8px 0; font-size:14px; line-height: 23px; } div.comment time, section.message time { margin:5px 10px; float:right; color:#A28B81; font-size:13px; font-style:italic; } div.comment time a, section.message time a {color:#9e887e;} div.comment time a:hover, section.message time a:hover {color:#cc937a;} div.comment footer, #Read_PM footer { padding: 3px 5px; clear:both; color:#b3b3b3; font-size:13px; border-top:1px solid #1a1a1a; background-color:#292b33; } div.comment footer a, div#Read_PM footer a {color:#b3b3b3;} div.comment footer a:hover, div#Read_PM footer a:hover {color:#e6e6e6;} img.emos {vertical-align: -2px;} /* DL Blocks in Comments */ div.comment blockquote:before {margin: 0 6px 0 0px;} div.comment div.DL_Blocks {margin: 25px 0 0; overflow: auto;} div.comment .members, div.comment .residents {margin: 21px 0 0;} /* Quick Edit Comment */ div.comment .bb-editor {overflow: auto; /* margin-left:50px; */} div.comment div.bb-editor textarea {border:1px solid #934a4a; border-top-width:0;} div.comment div.bb-editor textarea:focus {border:1px solid #994343; border-top-width:0;} div.QuickEditButtons {margin-top:7px;} div.QuickEditButtons input:first-child {} div.QuickEditButtons input:last-child {float:right;} #C0mments div.mass_comments_action {margin: -9px 5px 6px 0; text-align:right;} #C0mments div.mass_comments_action input[type="submit"], #PM tr.tfoot input[type="submit"] { width:22px; height:22px; margin-right: 5px; vertical-align: 6px; font-size:0; border:1px solid #5a7080; border-radius:10px; background-color:#51525c; } #C0mments div.mass_comments_action input[type="submit"]:active, #PM tr.tfoot input[type="submit"]:active {border-color:#934a4a;} .AddComment input#donotanswer {display:none;} #C0mments div.mass_comments_action select, #PM tr.tfoot select, body.feedback select[name="recip"] {color:#cccccc; font-size: 15px; border:1px solid #5a7080; background-color:#5a5b63;} #C0mments div.mass_comments_action select:focus, #PM tr.tfoot select:focus, body.feedback select[name="recip"]:focus {outline:0;} /* Last Comments Page */ body.lastcomments div#C0mments a h2 {background-color: rgba(217,217,226,.2);} body.lastcomments div.ocomm, body.lastcomments div.comm_level_line, body.lastcomments table.userinfo th:nth-last-of-type(1), body.lastcomments table.userinfo tr:nth-last-of-type(1) td:nth-last-of-type(1) {display:none;} /* - + - + - + - + - + - + - + - Reply (Tree Comments) - + - + - + - + - + - + - + - + */ div.comm_level {margin:0 0 0 20px;} /* each reply */ /* HR (Splitting Posts, Comments) */ #fresh article:after, #archive article:after, #C0mments div.comment:after, .inPoll:after, .src_mess:after {height:20px; display:block; content:''; background-image:url(/templates/Default/img/BG_Page.gif);} #fresh article:nth-last-of-type(1):after, #archive article:nth-last-of-type(1):after {height:0;} div.comment, .ncomment {position:relative;} .ncom_ava {position:absolute;top:5px;left:0;} .ncom_ava img {width:24px;height:24px;} .ncom_area {background:#f9f9f9;border-radius:5px;font-size:12px;padding:10px;} .ncom_header>a {color:#428AB4;font-weight:bold;} .ncom_header span {font-size:11px;color:#868686;display:inline-block;margin-left:7px;} .ncom_header span a {display:inline-block;margin-left:7px;} .ncom_text {margin:5px 0;} .ncom_act a {display:inline-block;margin-right:5px;border-bottom:1px dashed currentColor;color:#B5B5B5;cursor:pointer;font-size:11px;text-decoration:none;text-transform:lowercase;} .ncom_act a:hover {color:#3582AF;} .chov {display:none;} .ncom_area:hover .chov {display:inline-block;} .comm_level_line { width:1px; height:11px; position:absolute; top:14px; left:0; } .comm_level_dot { width:1000px; height:100%; display:block; position:absolute; right:0px; top:0px; background: repeat-x url('/templates/Default/img/reply_dot.png'); } #C0mments form#dlemasscomments {overflow: hidden;} /* last comment's bottom margin fix */ div[id^=comment-limb-] .comm_level_line {left:6px;} div[id^=comment-limb-] div[id^=comment-limb-] .comm_level_line {left:8px;} div[id^=comment-limb-] div[id^=comment-limb-] div[id^=comment-limb-] .comm_level_line {left:9px;} div[id^=comment-limb-] div[id^=comment-limb-] div[id^=comment-limb-] div[id^=comment-limb-] .comm_level_line {left:10px;} /* Стиль блока-разделителя перед комментарием первого уровня */ .comments-separator {border-top: 2px solid #333;} /* Оформление блока удаленного комментария */ .comm_deleted {font-style:oblique; color: #777;} .tree-wrap {position: relative;} .donotanswer {display: none;} /* #dle-comments-form {display: block;} #dle-comments-list {overflow: hidden;display: block;width: 100%;} */ /* - + - + - + - + - + - + - + - Reply - + - + - + - + - + - + - + - + */ div#tree-new #dle-comments-form { margin: -27px auto 20px; border:0; box-shadow:none; } div#tree-new #dle-comments-form:before { height: 20px; display: block; background-image:url('/templates/Default/img/comm_split.png'), url('/templates/Default/img/BG_Page.gif'); background-repeat:no-repeat, repeat; background-position:right; content: ''; } div#tree-new #dle-comments-form > h3 {display:none;} div#tree-new #dle-comments-form label.subscrComm {line-height: 39px;} /* - + - + - + - + - + - + - + - Pagination - + - + - + - + - + - + - + - + */ nav.pagination {padding:5px 0 30px; text-align:center; color:#a5a5a5;} nav.pagination > span { padding: 7px 11px; border:1px solid #4d4d4d; } nav.pagination a { margin: 0 2px; padding: 0px 6px; display:inline-block; color:#a5a5a5; font-size:14px; border:1px solid #666; } #C0mments nav.pagination a.current {margin-right:2px;} nav.pagination a.current {margin-right:6px; background-color:#55565e;} nav.pagination a:hover {color:#c7c7c7; background-color:rgba(217,217,226,0.3);} nav.pagination a.left, nav.pagination a.right, nav.pagination a.top { width:20px; height:19px; padding:0; vertical-align:bottom; background-image:url(/templates/Default/img/icons_edit.png); } nav.pagination a.left {background-position:-84px 0;} nav.pagination a.right {background-position:-64px 0;} nav.pagination a.top {margin-left:10px; background-color:rgba(178,59,57,0.2); background-position:-104px 0; } nav.pagination a.top:hover {background-color:rgba(178,59,57,0.4);} nav.pagination span.nav_ext {border:0; background:none;} /* Modules and Secondary Stuff */ a.liru {visibility: hidden;} /* - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + -+- F O R M S -+- - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + */ input[type="text"], input[type="email"], input[type="password"] {background: 0 bottom repeat-x url('../img/BG_textfield.png');} #AddPost header input#title, body.search input#searchinput {background-image:none;} /* - + - + - + - + - + - + - + - Buttons - + - + - + - + - + - + - + - + */ #active_remove_button {transform: rotate(990deg); transition:transform 2s;} /* Login Button */ .fbutton, .qq-upload-button, .ui-button { padding: 2px 9px; color:#a9acb5; font-size:15px; border:1px solid #191c25; outline:1px solid #4a4b51; background-color:rgba(217,217,226,.2); } .fbutton:hover, .ui-button:hover {outline-color:#4e5966; background-color:rgba(217,217,226,.3);} .fbutton:active, .ui-button:active {border-color:#952fbd;} /* - + - + - + - + - + - + - + - BBCodes - + - + - + - + - + - + - + - + */ .bb-pane {font-size:0; background:repeat url('/templates/Default/img/bbcodes_bg.gif');} .bb-pane b.bb-btn, a#peeplink, .bb-pane hr { width:23px; height:25px; display:inline-block; background:no-repeat url('/templates/Default/img/bbcodes.spry.png'); } .bb-pane b.bb-btn, a#peeplink {cursor:pointer;} .bb-pane hr, span.bb-sep {width: 5px; margin:0; border: 0; background-position:left top;} b#b_b {background-position:-171px 0;} b#b_i {background-position:-194px 0;} b#b_u {background-position:-217px 0;} b#b_s {background-position:-815px 0;} b#b_img {background-position:-401px 0;} b#b_emo {background-position:-583px 0;} b#dle_emos {} b#b_url {background-position:-470px 0;} b#b_leech {background-position:-447px 0;} .AddComment #b_leech {display:none;} b#b_mail {background-position:-677px 0;} b#b_video {background-position:-493px 0;} b#b_yt {background-position:-516px 0;} b#b_audio {background-position:-540px 0;} b#b_hide {background-position:-608px 0;} b#b_quote {background-position:-240px 0;} b#b_code {background-position:-309px 0;} b#b_br {background-position:-631px 0;} b#b_pl {background-position:-654px 0;} b#b_members {background-position:-263px 0;} b#b_residents {background-position:-286px 0;} b#b_up {background-position:-74px 0; width:30px;} b#b_download {background-position:-103px 0; width:30px;} b#b_torrent {background-position:-28px 0;} b#b_mirror {background-position:-132px 0; width:27px;} b#b_homepage {background-position:-5px 0; margin-left: -3px;} b#b_subtitle {background-position:-861px 1px; margin-left: 2px;} a#peeplink {background-position:-50px 0;} b#b_font {background-position:-769px 0;} b#b_size {} b#b_left {background-position:-332px 0;} b#b_center {background-position:-355px 0;} b#b_right {background-position:-378px 0;} b#b_color {background-position:-424px 0;} b#b_spoiler {background-position:-792px 0;} b#b_sc {background-position:right 0;} b#b_fla {background-position:-562px 0;} b#b_tf {background-position:-746px 0;} b#b_list {background-position:-723px 0;} b#b_ol {background-position:-700px 0;} /* red cross icon: {background-position:-838px 0;} */ /* - + - + - + - + - + - + - + - Emoticons - + - + - + - + - + - + - + - + */ figure.emoticons { padding:1px 5px; display:none; box-shadow:inset 0px 1px 8px #5a5966; background-color:#c4c4cc; } figure.emoticons img {margin-right:4px; cursor:pointer;} figure.emoticons img:hover {} /* - + - + - + - + - + - + - + - ADD Post Page - + - + - + - + - + - + - + - + */ #AddPost {position:relative;} /* Title and Context Search */ #AddPost header {margin:20px 0 10px; position:relative;} #AddPost header input[type="button"]:nth-of-type(1), body.search input#dosearch {margin-top:2px; background-position:-353px top;} #AddPost header input#title, body.search input#searchinput { width:100%; padding:6px 5px 6px 36px; display:block; font-size:18px; } #AddPost header input#title:focus, body.search input#searchinput:focus {border-top:1px solid #262a4c; border-bottom:1px solid #262a4c; transition:border 0.3s} div.context_src {margin:0 10px; border:1px solid #4d4d4d; background-color:#3e4250;} div.context_src p {margin:0; line-height: 25px;} div.context_src p:nth-of-type(odd) {border-top:1px solid #4a4a4a; border-bottom:1px solid #4a4a4a; background-color:#2c2f38;} div.context_src p:nth-of-type(1), div.context_src {border-top:0;} div.context_src p span.edit, div.context_src p span.kill { width:16px; height:16px; margin-bottom: -3px; /* display: inline-block; */ display:none; background-image:url(../img/icons_edit.png); background-repeat:no-repeat; } div.context_src p span.edit {margin-left:4px; margin-right:3px; background-position: -16px top;} div.context_src p span.kill {background-position: left top;} div.context_src p time { margin-right:5px; padding: 0 4px; float:left; color:#d2d2d8; font-size: 13px; background-color:#444b72; cursor:pointer; } div.context_src p a {display:block; color:#a0a0a0; font-size:14px;} div.context_src p a:hover {color:#cccccc; font-size:14px;} div.context_src p a:hover time {background-color:#4c5480;} /* Add Post Categories */ #AddPost aside { min-width:250px; min-height: 630px; position:absolute; top:13px; right:-258px; box-shadow: 4px 4px 1px 3px rgba(20,25,30,.7), 12px 14px 0 rgba(50,196,69,.2); } #AddPost aside h5 {margin-top:13px; padding:4px 9px; font-size:16px; background-color:#191c25;} #AddPost aside select { width:100%; min-height: 630px; padding:5px 5px 5px 10px; overflow:auto; color:#abafb7; font-size:16px; border:0; background-color:transparent; } #AddPost aside select:focus {outline:0;} /* Add Post BBCodes */ #AddPost .f_textarea, table.userprofile td textarea { border-top:0; border-left:1px solid; border-right:1px solid; border-color:rgba(217,217,226,.2); background-color:rgba(25,28,37,.2); } #AddPost .f_textarea:focus, table.userprofile td textarea:focus {outline:0; background-color:rgba(25,28,37,.5); transition: background-color 0.3s;} #AddPost textarea#short_story {min-height:160px;} #AddPost textarea#full_story {min-height:200px;} /* Admin Tags */ #AddPost footer {margin-bottom:30px; padding:15px 10px; background-color:#191c25;} #AddPost footer table {float:left;} tr.first_row label {color:#7d9cb2;} tr.first_row label:hover {color:#88aac2;} tr.second_row label {color:#b23b39;} tr.second_row label:hover {color:#bf3f3d;} tr.third_row label {color:#5a7762;} tr.third_row label:hover {color:#698c73;} #AddPost footer table td {padding-right:20px; font-size:18px;} #AddPost footer label input {margin-right:6px; opacity:.8;} #AddPost footer label:hover input {opacity:.9;} /* Add Post Buttons */ #AddPost footer div {float:right;} #AddPost footer div button {width:100%; margin-right:5px; display:block;} #AddPost footer div button:first-child {margin:4px 5px 20px 0;} /* - + - + - + - + - + - + - + - Search Results - + - + - + - + - + - + - + - + */ body.search div#fresh.post {width:100%;} body.search div#inSidebar {width:497px; min-height:0;} body.search input#searchinput {border-color:#6e7380;} body.search fieldset {border-color:#6e7380;} body.search table#src_ref { width:100%; max-width:490px; margin-bottom:35px; text-align:left; border:1px solid #41444c; } body.search table#src_ref tr th {padding: 4px 7px; font-weight:normal;} body.search table#src_ref tr td {padding:7px 5px; border-bottom: 1px solid #41444c;} body.search table#src_ref tr td:nth-last-of-type(1) {color:#b2b2b2;} body.search table#src_ref tr th:last-child, body.search table#src_ref tr td:last-child {text-align:right;} form#fullsearch select {background-color: #c4c7cf;} /* - + - + - + - + - + - + - + - Personal Messages - + - + - + - + - + - + - + - + */ #PM header, #Read_PM header {margin:0; line-height: 28px; text-align:center;} #PM header a, #Read_PM header a {margin-right: 40px; color:#d78044; font-size:12px; text-transform:uppercase;} #PM header a:hover {color:#eda777;} div#PM table {width:100%; table-layout: fixed;} div#PM table thead {line-height: 23px;} div#PM table tbody tr:nth-of-type(odd) a {color:#c0c6cc;} div#PM table tbody tr:hover {background-color:#333645;} #PM table tbody tr:focus {background-color:#333645;} div#PM table tbody tr.tfoot:hover {background-color:transparent;} #PM table tbody tr.tfoot:focus {background-color:transparent;} div#PM table th, div#PM .SendPMhead, div#PM tr.tfoot td { color:#a37c62; font-size:16px; font-weight:normal; border-top:1px solid #1a1a1a; border-bottom:1px solid #1a1a1a; background-color:#191c25; text-shadow: 0 1px 1px #7d6d62; } div#PM table th:nth-of-type(1) {padding-left:10px; text-align:left;} div#PM table tbody td {padding: 4px 8px;} div#PM table tbody td, #PM table tbody td a {color:#cccccc; font-size:15px;} div#PM table tbody td:nth-of-type(1) a {display: block;} div#PM table td a.newPM {color:#95ba96 !important;} div#PM table tbody td.sender, #PM table thead th:nth-of-type(2) {text-align:right;} div#PM table tbody td.sender, div#PM table tbody td.sender a {color:#acb5bf;} #PM table tbody td.sender a:hover {color:#cedae6;} div#PM input[name="master_box"], div#PM tr input[type="checkbox"] {opacity: 0.5;} div#PM tr:hover input[type="checkbox"] {opacity: 1;} div#PM table tbody td.time, #PM table tbody td:nth-last-of-type(1) {text-align:center; color:#a59081; font-size: 14px;} div#PM tfoot nav.pagination {padding: 5px 0;} /* PM Storage Indicator */ td#ProgBar {display:none;} #PM tr.tfoot td {padding: 4px 0;} #PM tr.tfoot input[type="submit"] {vertical-align: -2px;} html.-moz- #PM tr.tfoot input[type="submit"] {vertical-align: middle;} .pm_progress_bar {} .pm_progress_bar span { height: 1px; display: block; overflow: hidden; font-size: 0; background-color: #999; box-shadow: 0 0 13px 2px #d88145; } /* "Remove Selected" Button .tfoot input[type="submit"] { all:initial; width:16px; height:16px; background:left bottom no-repeat url(../img/icons_edit.png); } .tfoot input[type="submit"]:active {margin-top:1px;} */ /* Compose PM */ #PM .SendPMhead {padding: 2px 0 4px;} #PM .SendPMhead label {display:inline-block; white-space:nowrap;} #PM .SendPMhead label:nth-of-type(1) {width:38%; min-width:249px; padding:0 5px;} #PM .SendPMhead label:nth-of-type(2) {width:61%;} #PM .SendPMhead label input[type="text"] { width:80%; font-size: 19px; color:#cbbdb3; } #PM .SendPMhead label input[type="text"]:focus {border-color:#a36262;} #PM .SendPMhead label input[name="name"], #PM .SendPMhead label input[name="email"] {max-width:162px;} #PM textarea {min-height:300px;} #PM footer {height: 39px; padding: 6px 0 6px 8px; text-align:left; color:#b3b3b3; font-size:15px;} #PM footer label {margin: 3px 10px 0; float:right;} #PM footer label input {margin-right:6px; vertical-align: -1px;} /* Read PM */ #Read_PM section.message h2 {margin:0 -7px 6px;} #Read_PM td.userinfo_name a:hover {font-weight:normal;} /* New PM Alert */ div#newpm p {margin:12px 0;} div#newpm p span {width: 66px; display: inline-block; color: #7fa576;} /* - + - + - + - + - + - + - + - UserInfo - Profile Page - + - + - + - + - + - + - + - + */ .UserContact {height:83px; margin-top: 24px; text-align:center} .UserContact, .UserContact a, table.userprofile th, table.userprofile th a {color:#b5b5c6;} .UserContact a { width:47px; margin-right: 5px; padding-top: 49px; display: inline-block; font-size:13px; background:no-repeat url('../img/social_icons.png'); } .UserContact a:hover {color:#e7e7f2;} .UserContact a:focus {color:#e7e7f2;} .UserContact a:active {position:relative; top:2px;} .UserContact a.send_pm {background-position:left 0;} .UserContact a.send_email {background-position:-47px 0;} .UserContact a.blog {background-position:-94px 0;} .UserContact a.userss {background-position:-141px 0;} .UserContact a.userGplus {background-position:-188px 0;} .UserContact a.userFB {background-position:-235px 0;} .UserContact a.userTweet {background-position:-282px 0;} .UserContact a.userSC {background-position:-329px 0; width:83px;} table.userprofile {width: 100%; margin-bottom: 15px; text-align:left; font-size:17px;} table.userprofile th {width:30%; padding:7px 5px 7px 10px; font-weight:normal;} table.userprofile td {padding:7px 10px 7px 0;} table.userprofile td input[type="text"], table.userprofile td input[type="email"], table.userprofile td input[type="password"] {width:100%; /* border-bottom:3px dotted #d9d9e2; */} /* table.userprofile td input[type="text"]:focus {border-bottom:3px dotted #939399;} */ table.userprofile td textarea {padding:5px; border:1px solid rgba(217,217,226,.2);} table.userprofile td textarea#xf_my-gear {min-height:105px;} table.userprofile td label {margin-right:10px;} table.userprofile td label input {margin-right: 5px;} table.userprofile td a:hover, table.userprofile th a:hover {border-bottom:1px solid #d9d9e2;} /* - + - + - + - + - + - + - + - Registration - + - + - + - + - + - + - + - + */ body.register form#registration input[type="submit"] {margin-right:20%;} body.register section.descr span form#registration {text-align: center;} /* - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + -+- DLE Stuff -+- - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + */ div#recaptcha_widget_div input#recaptcha_response_field {background-image:none;} /* - + - + - + - + - + - + - + - Warnings, Dialog Windows - + - + - + - + - + - + - + - + */ .warning, .notice {margin-bottom: 35px; clear:both;} .warning p, .notice p {margin:10px;} /* Loading Overlay */ #loading-layer {} .spinner { /* width: 50px; height: 50px; */ margin: 100px auto; padding: 40px 60px; text-align: center; font-size: 0; background: transparent center center no-repeat url('/templates/Default/img/preloaderBG.png'); } .spinner > div { width: 5px; height: 50px; margin-right: 1px; display: inline-block; background-color: #8d2cb2; box-shadow: 0 0 85px white; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out; } .spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } } .ui-dialog { overflow: hidden; position: absolute; width: 300px; box-shadow: 0 0 0 13px rgba(58,56,192,.5); } .ui-dialog .ui-dialog-titlebar {padding: .5em 1em .3em; position: relative;} .ui-dialog .ui-dialog-title {margin: .1em 16px .2em 0; float: left;} .ui-dialog .ui-dialog-titlebar-close { height: 18px; margin: -10px 0 0 0; padding: 1px; position: absolute; right: .3em; top: 50%; width: 19px; } .ui-dialog .ui-dialog-titlebar-close span {display: block; margin: 1px;} .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {padding: 0;} .ui-draggable .ui-dialog-titlebar {cursor: move;} .ui-dialog .ui-dialog-content { background: none; border: 0; overflow: hidden; padding: 0 10px; position: relative; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { padding: 9px 8px; background-image: none; } .ui-dialog .ui-dialog-buttonpane button {margin: 0 0 5px 12px; float: right;} .ui-dialog .ui-resizable-se { bottom: 3px; height: 14px; right: 3px; width: 14px; } /* #mediaupload window */ body.framez div.tabs {margin: 8px 10px 10px; padding:0;} body.framez div.tabs a {display:inline-block;} body.framez div.tabs a#link1 {} body.framez div.tabs a.current {color:#c86361;} body.framez div.tabs a#link2 {margin-top: 5px; float:right;} body.framez div.tabs a#link3 {display:none;} body.framez div.box, div#linkbox {margin: 0 10px 10px;} body.framez div.box aside {margin-top: 10px; text-align:center; font-style:italic;} div.qq-uploader {margin: 20px auto 0px; text-align: center;} div.qq-upload-button {padding: 5px 20px; display:inline-block;} footer.upl_frame_butts {margin: 25px auto; text-align:center;} footer.upl_frame_butts button {margin-right:15px; text-transform:lowercase;} div.uploadedfile {margin-bottom: 20px;} div.uploadedfile:nth-last-of-type(1) {margin-bottom:0;} div.uploadedfile div.info:first-child { margin-bottom: 2px; padding: 3px 5px; background-color:#10141b; box-shadow: 0px 1px 1px #384452; } div.uploadedfile div.info:last-child {margin-top:1px;} body.framez div#imgparam1 label {margin-right:15px;} body.framez div#linkbox .fbutton {margin:10px auto;} /* - + - + - + - + - + - + - + - Calendar - + - + - + - + - + - + - + - + */ div#calendar-layer {margin: 1px 2px 0px 0px;} .calendar { font-size: 93%; } #calendar-layer{ width: 200px; } .calendar .monthlinks { display: grid; padding: 3px; } .calendar .monthlinks a { grid-row: 1; grid-column: auto; justify-self: center; align-self: center; color: #ccc; } .calendar .monthlinks a:first-child{ grid-column: 1; } .calendar .monthlinks a:last-child{ grid-column: 3; } .calendar .abr { display: grid; grid-template-columns: repeat(7, 1fr); justify-items: center; border-top: 1px solid black; border-bottom: 1px solid black; background-color: rgba(217,217,226,.1); } .calendar .days { display: grid; grid-template-columns: repeat(7, 1fr); height: 133px; } .calendar .day { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; align-items: center; justify-items: center; padding: 1px; color: rgb(204, 204, 204); } .calendar .day:hover{ background-color: rgba(217,217,226,.1); } .calendar .today { color: #5D628F; font-weight: bold; } .calendar div.workday, div.weekday { color: #6d86a0; } /* - + - + - + - + - + - + - + - Poll - + - + - + - + - + - + - + - + */ section.poll {} section.poll:hover, section.poll:focus, div#vote-layer > #dle-vote:hover,div#vote-layer > #dle-vote:focus {height:auto; max-height:100%;} section.poll:hover p.pollButtons, section.poll:focus p.pollButtons {display:block;} section.poll:hover #dle-vote, section.poll:focus #dle-vote {height:auto; overflow-y:auto;} div#vote-layer > #dle-vote {height:121px;} /* Poll Archives Button */ .btl {display:none;} section.poll h5 { margin: 0; padding: 2px 7px; font-size: 15px; cursor:help; } section.poll #dle-vote {height: 135px; margin:3px 8px 8px; overflow-y:hidden;} section.poll p.totalVotes {margin: 0 0 11px; text-align:center;} #dle-vote label {display:block;} label.vote input[type="radio"] {opacity:0.8;} label.vote input[type="radio"]:hover {opacity:1;} p.pollButtons {margin: 0 auto 11px; text-align:center; display:none;} p.pollButtons .fbutton[value="vote"] {margin-right:7px;} /*---Вывод результатов голосования на сайте---*/ .voteprogress { overflow: hidden; height: 15px; margin-bottom: 5px; background-color: #f7f7f7; background-image: linear-gradient(top, #f5f5f5, #f9f9f9); background-repeat: repeat-x; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 4px; } .voteprogress span { color: #ffffff; text-align: center; text-indent: -2000em; height: 15px; display: block; overflow: hidden; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background: #0e90d2; background-image: linear-gradient(top, #149bdf, #0480be); background-repeat: repeat-x; } .voteprogress .vote2 { background-color: #dd514c; background-image: linear-gradient(top, #ee5f5b, #c43c35); background-repeat: repeat-x; } .voteprogress .vote3 { background-color: #5eb95e; background-image: linear-gradient(top, #62c462, #57a957); background-repeat: repeat-x; } .voteprogress .vote4 { background-color: #4bb1cf; background-image: linear-gradient(top, #5bc0de, #339bb9); background-repeat: repeat-x; } .voteprogress .vote5 { background-color: #faa732; background-image: linear-gradient(top, #fbb450, #f89406); background-repeat: repeat-x; } /* - + - + - + - + - + - + - + - Inside Poll - + - + - + - + - + - + - + - + */ div.inPoll {} div.inPoll:after {margin:0 -5px;} div.inPoll div#dle-poll-list {margin: 5px 10px 6px;} div.inPoll label {padding: 4px 0; display:block; color:#a3c1d1;} div.inPoll p.vcount {margin: 0 0 11px; text-align:center; letter-spacing: 1px;} div.inPoll p.vbutts {margin:0 10px 11px;} div.inPoll p.vbutts input:last-child {float:right;} .pollprogress { overflow: hidden; height: 18px; margin-bottom: 5px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 4px; } .pollprogress span { height: 18px; display: block; overflow: hidden; font-size: 14px; font-weight:bold; text-align: center; box-shadow: inset 0 0px 4px #191c25; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #952fbd; } .pollprogress .poll2 {background-color: #32c445;} .pollprogress .poll3 {background-color:#3a38c0;} .pollprogress .poll4 {background-color: #cd2626;} .pollprogress .poll5 {background-color: #d88145;} /*---Диалоговые и всплывающие окна jQuery UI---*/ .ui-helper-clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } * html .ui-helper-clearfix { height: 1%; } .ui-helper-clearfix { display: block; } .ui-icon { background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -99999px; } .ui-widget-content { z-index: 99; background: #121418 url("../img/BG_Sidebar.gif"); } /* .ui-state-default, .ui-widget-content .ui-state-default { background: #eaeaea url(../images/ui-bg_glass_85.png) 50% 50% repeat-x; border: 1px solid #cfcfcf; color: #868686; font-weight: bold; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { background: #eaeaea url(../images/ui-bg_glass_75.png) 50% 50% repeat-x; border: 1px solid #a7a7a7; color: #4e4e4e; font-weight: bold; } .ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active { background: #d0e5f5 50% 50% repeat-x; border: 1px solid #a7a7a7; color: #e17009; font-weight: bold; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e17009; text-decoration: none; } */ .ui-state-error { background: #fef1ec 50% 50% repeat-x; border: 1px solid #dedede; color: #cd0a0a; } .ui-widget-header .ui-icon { background-image: url(../images/ui-icons.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(../images/ui-icons_h.png); } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -126px; } .ui-button .ui-button-text { display: block; line-height: 1.4em; } .ui-button-set { margin-right: 7px; } .ui-button-set .ui-button { margin-left: 0; margin-right: -.3em; } button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + -+- Rating by Sander -+- - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + */ span.orating { /* margin-top:5px; */ line-height: 22px; position:relative; } span.orating a {display:inline-block;} a.orating_res {vertical-align: 1px; font-size: 16px !important;} a.orating_res:hover, a.ocomm_res:hover {text-shadow: 0 0 2px white;} a.ocomm_res {margin-right:4px;} a.ocomm_res:hover {color:#f0f0f0;} .ogray {border:1px solid #ccc; box-shadow:inset 0 1px #f0f0f0; background-color:#d9d9d9;} .post span.oplus a {} /* positive rating */ .post span.ominus a.orating_res {color:#c46262;} /* negative rating */ .ogold {} .oblack {} .oload {cursor:progress !important;} /* - | + Links */ a.orating_m, a.orating_p {font-weight:bold; font-size:20px; outline:0;} .post span.orating a.orating_m {margin-right: 8px; color:#c45a5a;} .post span.orating a.orating_m:hover {color:#e66969;} .post span.orating a.orating_m.orated {background-position:-12px -24px;} .post span.orating a.orating_p {margin-left: 6px; color:#86b38e;} .post span.orating a.orating_p:hover {color:#8fd291;} /* - + - + - + - + - + - + - + - Comments Rating - + - + - + - + - + - + - + - + */ .ocomm {position:relative; text-align:center; background-color: #484952;} /* - | + Thumbs Links */ div.ocomm a.orating_m, div.ocomm a.orating_p {width:12px; height:11px; display:inline-block; background: no-repeat url('../dleimages/oicons.png');} div.ocomm a.orating_m.orated {background-position:-12px -24px;} div.ocomm a.orating_p.orated {background-position:0 -24px;} div.ocomm a.orating_m {background-position:-12px 0;} div.ocomm a.orating_m:hover {background-position:-12px -12px;} div.ocomm a.orating_p {} div.ocomm a.orating_p:hover {background-position:0 -12px;} div#C0mments div.comm_hide {margin-bottom: 20px; padding: 7px 10px; font-style: oblique; color: #918b6d;} /* .comm_hide a {display:inline-block;} .comm_hide a:hover {} */ .ostats { min-width:270px; display:none; position:absolute; z-index:999; } .ostats_area {border: 5px solid #282a31; outline: 6px solid rgba(49,196,67,.4); background-color:#3c3d45;} .ostats h4 { margin:0; padding: 1px 6px 3px; text-align:left; font-size: 15px; /* cursor:move; */ } a.oclose {top: -27px; right: -27px;} .ostats ul li { padding: 2px 4px 2px 22px; display:block; position:relative; overflow:hidden; font-size: 14px; border-bottom:1px solid #737480; background:5px 1px no-repeat url('../dleimages/oarrow.png'); } .ostats ul li a {color:#c4c4cc;} .ostats ul li:hover {background-color:#5d5e66;} .ostats ul li.ostat-minus {background-position:5px -42px;} .ostats ul li:nth-last-of-type(1) {margin-bottom: -3px; border-bottom-width:0;} .ostats ul li.onoentry {padding: 5px 0 9px; text-align:center; background:none;} .ostats ul li.ostat-none {background-image:none;} .ostats ul li.ostat-none a {color:#888;} .ostats ul li.ostat-none:hover a {color:#555;} .ostats ul li time {margin-top: 1px; float:right; font-size:11px; text-transform:lowercase;} #ostats-userinfo {position:absolute;height:22px;background:rgba(88,88,88,0.88);left:0;top:0;display:none;width:100%;text-align:center;} #ostats-userinfo a {display:inline-block;padding:0 15px;color:#e3e5e7;font:bold 10px/21px Tahoma;height:21px;text-decoration:none;} #ostats-userinfo a:hover {text-decoration:underline;color:#fff;background:#000;} #ostats-userinfo a.close {float:right;} #okarma {float:left;height:20px;color:#fff;text-align:center;padding:0 10px;} .ostats-uservotes {width:880px;} .ostats-uservotes-area {margin-right:610px;} #ostats-user-ratings {float:right;width:600px;background:#fafafa;border-radius:4px;padding-bottom:5px;} #ostats-user-ratings ul {overflow:auto;} .onavi {width:100%; padding: 5px 0 6px; position:relative;} .onavi .opages {margin:0 33px; text-align:center;} .onavi .opages * {display:inline-block; font-size: 13px;} .onavi .opages a, .onavi .opages span {margin-right: 7px;} .onavi .opages a:hover, .onavi .opages span {color:#fff; border-bottom: 1px solid white;} .usernavistart, .usernaviend { width:22px; height:22px; padding:0; margin:0; display:block; position:absolute; top:6px; background: no-repeat url('../dleimages/ostats.png'); } span.usernavistart{left:5px; background-position:0 -66px;} a.usernavistart {left:5px;} a.usernavistart:hover {background-position:0 -22px;} a.usernavistart:active{background-position:0 -44px;} .usernaviend {right:5px; background-position:-22px 0;} a.usernaviend:hover {background-position:-22px -22px;} a.usernaviend:active {background-position:-22px -44px;} span.usernaviend {background-position:-22px -66px;} #orating-bar {margin:5px 0 0; position:relative; overflow:hidden;} #orating-bar div {float:left; overflow:hidden; text-align:center;} #orating-bar div p {margin:0;} #orating-bar-oplus {background-color:rgba(50,196,69,.5);} #orating-bar-ominus {background-color:rgba(205,38,38,.6);} #orating-bar-separator {height:23px; margin-left:-2px; position:absolute; border:2px solid #282a31;} /* section.calendar table#calendar tr:nth-last-of-type(1) {display: none;} */