@charset "UTF-8"; /* --- bb_code.css --- */ /* .bbCodeX classes are designed to exist inside .baseHtml. ie: they have no CSS reset applied */ .bbCodeBlock { color: rgb(255, 255, 255); background-color: rgb(0, 0, 144); margin: 1em 128px 1em 0; border: 1px solid rgb(91, 91, 214); border-radius: 5px; overflow: auto; } .bbCodeBlock .bbCodeBlock, .hasJs .bbCodeBlock .bbCodeSpoilerText, .messageList.withSidebar .bbCodeBlock { margin-right: 0; } /* mini CSS reset */ .bbCodeBlock pre, .bbCodeBlock blockquote { margin: 0; } .bbCodeBlock img { border: none; } .bbCodeBlock .type { font-size: 14px; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; color: rgb(255, 255, 255); background-color: rgb(0, 0, 144); background-repeat: repeat-x; background-position: top; padding: 3px 8px; border: 2px none rgb(77, 77, 215); border-bottom: 1px solid rgb(0, 0, 144); border-top-left-radius: 4px; border-top-right-radius: 4px; } .bbCodeBlock pre, .bbCodeBlock .code { font-size: 14px; font-family: Consolas, 'Courier New', Courier, monospace; color: rgb(255, 255, 255); background-color: rgb(0, 0, 144); background-repeat: repeat-x; background-position: top; padding: 10px; border-radius: 5px; word-wrap: normal; overflow: auto; line-height: 1.24; min-height: 30px; max-height: 500px; _width: 600px; direction: ltr; } .bbCodeBlock .code { white-space: nowrap; } .bbCodeQuote { color: rgb(255, 255, 255); background-color: rgb(0, 0, 144); border: 1px solid rgb(91, 91, 214); overflow: auto; } .bbCodeQuote .attribution { color: rgb(255, 255, 255); background-color: rgb(0, 0, 144); background-repeat: repeat-x; background-position: top; border-style: none; border-bottom-style: none; } .bbCodeQuote .quoteContainer { overflow: hidden; position: relative; font-style: italic; font-size: 14px; color: rgb(255, 255, 255); background-color: ##1b1bcc; background-repeat: repeat-x; background-position: top; padding: 10px; border-style: none; } .bbCodeQuote .quoteContainer .quote { overflow: hidden; padding-bottom: 1px; } .NoJs .bbCodeQuote .quoteContainer .quote { max-height: none; } .bbCodeQuote .quoteContainer .quoteExpand { display: none; box-sizing: border-box; position: absolute; height: 80px; top: 90px; left: 0; right: 0; font-size: 12px; line-height: 1; text-align: center; color: rgb(91, 91, 214); cursor: pointer; padding-top: 65px; background: -webkit-linear-gradient(top, ##1b1bcc 0%, ##1b1bcc 80%); background: -moz-linear-gradient(top, ##1b1bcc 0%, ##1b1bcc 80%); background: -o-linear-gradient(top, ##1b1bcc 0%, ##1b1bcc 80%); background: linear-gradient(to bottom, ##1b1bcc 0%, ##1b1bcc 80%); border-bottom-left-radius: ; border-bottom-right-radius: ; } .bbCodeQuote .quoteContainer .quoteExpand.quoteCut { display: block; } .bbCodeQuote .quoteContainer.expanded .quote { max-height: none; } .bbCodeQuote .quoteContainer.expanded .quoteExpand { display: none; } .bbCodeQuote img { max-height: 150px; } .bbCodeQuote iframe, .bbCodeQuote object, .bbCodeQuote embed { max-width: 200px; max-height: 150px; } .bbCodeQuote iframe:-webkit-full-screen { max-width: none; max-height: none; } .bbCodeQuote iframe:-moz-full-screen { max-width: none; max-height: none; } .bbCodeQuote iframe:-ms-fullscreen { max-width: none; max-height: none; } .bbCodeQuote iframe:fullscreen { max-width: none; max-height: none; } .bbCodeSpoilerButton { margin: 5px 0; max-width: 99%; } .bbCodeSpoilerButton > span { display: inline-block; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .hasJs .bbCodeSpoilerText { display: none; color: rgb(255, 255, 255); background-color: rgb(0, 0, 144); padding: 5px; margin-top: 5px; margin-right: 128px; margin-bottom: 5px; border: 1px solid rgb(0, 0, 144); border-radius: 5px; overflow: auto; } .hasJs .bbCodeSpoilerText .bbCodeSpoilerText, .hasJs .bbCodeSpoilerText .bbCodeBlock, .hasJs .messageList.withSidebar .bbCodeSpoilerText { margin-right: 0; } .NoJs .bbCodeSpoilerContainer { background-color: rgb(255, 255, 255); /* fallback for browsers without currentColor */ background-color: currentColor; } .NoJs .bbCodeSpoilerContainer > .bbCodeSpoilerText { visibility: hidden; } .NoJs .bbCodeSpoilerContainer:hover { background-color: transparent; } .NoJs .bbCodeSpoilerContainer:hover > .bbCodeSpoilerText { visibility: visible; } @media (max-width:800px) { .Responsive .bbCodeBlock, .Responsive.hasJs .bbCodeSpoilerText { margin-right: 0; } } /* --- login_bar.css --- */ /** Login bar basics **/ #loginBar { color: rgb(255, 255, 255); background-color: rgb(0, 0, 96); border-bottom: 1px solid rgb(0, 0, 144); position: relative; z-index: 1; } #loginBar .ctrlWrapper { margin: 0 10px; } #loginBar .pageContent { padding-top: 5px; position: relative; _height: 0px; } #loginBar a { color: rgb(255, 255, 0); } #loginBar form { padding: 5px 0; margin: 0 auto; display: none; line-height: 20px; position: relative; } #loginBar .xenForm .ctrlUnit, #loginBar .xenForm .ctrlUnit > dt label { margin: 0; border: none; } #loginBar .xenForm .ctrlUnit > dd { position: relative; } #loginBar .lostPassword, #loginBar .lostPasswordLogin { font-size: 12px; } #loginBar .rememberPassword { font-size: 12px; } #loginBar .textCtrl { color: rgb(255, 255, 255); background-color: rgb(0, 0, 102); border-color: rgb(0, 0, 144); } #loginBar .textCtrl[type=text] { font-weight: bold; font-size: 18px; color: rgb(255, 255, 255); } #loginBar .textCtrl:-webkit-autofill /* https://code.google.com/p/chromium/issues/detail?id=1334#c35 */ { background: rgb(0, 0, 102) !important; color: rgb(255, 255, 255); } #loginBar .textCtrl:focus { color: rgb(255, 255, 255); background: black none; } #loginBar input.textCtrl.disabled { color: rgb(255, 255, 255); background-color: rgb(0, 0, 96); border-style: dashed; } #loginBar .button { min-width: 85px; *width: 85px; } #loginBar .button.primary { font-weight: bold; } /** changes when eAuth is present **/ #loginBar form.eAuth { -x-max-width: 700px; /* normal width + 170px */ } #loginBar form.eAuth .ctrlWrapper { border-right: 1px dotted rgb(0, 0, 102); margin-right: 200px; box-sizing: border-box; } #loginBar form.eAuth #eAuthUnit { position: absolute; top: 0px; right: 10px; } #eAuthUnit li { margin-top: 10px; line-height: 0; } /** handle **/ #loginBar #loginBarHandle { font-size: 12px; color: rgb(255, 255, 255); background-color: rgb(0, 0, 96); padding: 0 10px; margin-right: 20px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; position: absolute; right: 0px; bottom: -20px; text-align: center; z-index: 1; line-height: 20px; box-shadow: 0px 2px 5px rgb(0, 0, 96); } @media (max-width:800px) { .Responsive #loginBar form.eAuth .ctrlWrapper { border-right: none; margin-right: 10px; } .Responsive #loginBar form.eAuth #eAuthUnit { position: static; width: 180px; margin: 0 auto 10px; } } /* --- node_list.css --- */ .nodeList { zoom: 1; } .nodeList .node { zoom: 1; vertical-align: bottom; } .nodeList .node.level_1 { margin-bottom: 20px; } .nodeList .node.level_1:last-child { margin-bottom: 0; } .nodeList .node.groupNoChildren + .node.groupNoChildren { margin-top: -20px; } .node .nodeInfo { overflow: hidden; zoom: 1; position: relative; } .node .nodeInfo.primaryContent, .node .nodeInfo.secondaryContent { padding: 0; } .node .nodeIcon { margin: 10px 0 5px 10px; float: left; width: 29px; height: 30px; } .node .forumNodeInfo .nodeIcon, .node .categoryForumNodeInfo .nodeIcon { background-image: url('https://area-porno.net/s__forum/styles/default/xenforo/node-sprite.png'); background-repeat: no-repeat; background-position: 0 0; background-size: 115px 27px; } .node .forumNodeInfo.unread .nodeIcon, .node .categoryForumNodeInfo.unread .nodeIcon { background-image: url('https://area-porno.net/s__forum/styles/default/xenforo/node-sprite.png'); background-repeat: no-repeat; background-position: -29px 0; } .node .pageNodeInfo .nodeIcon { background-image: url('https://area-porno.net/s__forum/styles/default/xenforo/node-sprite.png'); background-repeat: no-repeat; background-position: -58px 0; } .node .linkNodeInfo .nodeIcon { background-image: url('https://area-porno.net/s__forum/styles/default/xenforo/node-sprite.png'); background-repeat: no-repeat; background-position: -87px 0; } .node .nodeText { font-size: 9pt; margin: 5px 270px 5px 56px; } .node .nodeText .nodeTitle { font-size: 9pt; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .node .unread .nodeText .nodeTitle { font-weight: bold; } .node .nodeDescription { font-size: 12px; } .hasJs .node .nodeDescriptionTooltip { /* will be shown as a tooltip */ display: none; } .Touch .node .nodeDescriptionTooltip { /* touch browsers don't see description tooltips */ display: block; } .node .nodeStats { font-size: 12px; margin-top: 2px; } .node .nodeExtraNote { text-align: right; font-size: 12px; color: rgb(0, 153, 255); } .node .subForumList { overflow: hidden; *zoom: 1; margin: -5px 0 5px; margin-left: 56px; } .node .subForumList li { float: left; width: 31%; margin: 2px 0 2px 2%; } .node .subForumList li .nodeTitle { font-size: 12px; overflow: hidden; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; } .node .subForumList .unread .nodeTitle { font-weight: bold; } .node .subForumList li ol, .node .subForumList li ul { display: none; } .node .nodeLastPost { color: rgb(255, 255, 255); background-repeat: repeat-x; background-position: top; font-size: 9pt; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; padding: 3px 10px; border: 1px solid rgb(0, 0, 144); border-radius: 3px; position: absolute; top: 0; right: 0; bottom: 0; line-height: 14px; white-space: nowrap; word-wrap: normal; overflow: hidden; width: 210px; height: 37px; } .node .nodeLastPost .lastThreadTitle { text-overflow: ellipsis; max-width: 100%; display: block; overflow: hidden; } .node .nodeLastPost .lastThreadMeta { display: block; } .node .nodeLastPost .noMessages { line-height: 28px; } .node .nodeControls { position: absolute; top: 0; right: 232px; margin: 20px 0; } .node .tinyIcon { background: transparent url('https://area-porno.net/s__forum/styles/default/xenforo/xenforo-ui-sprite.png') no-repeat -112px -16px; margin: 1px 4px; display: block; white-space: nowrap; text-indent: 9999px; overflow: hidden; opacity: 0.25; width: 14px; height: 14px; } .node .nodeInfo:hover .tinyIcon[href], .Touch .node .tinyIcon { opacity: 1; } /*.node .feedIcon { background: transparent url('https://area-porno.net/s__forum/styles/default/xenforo/xenforo-ui-sprite.png') no-repeat -112px -16px; }*/ /* description tooltip */ .nodeDescriptionTip { padding: 4px 10px; margin-top: -22px; line-height: 1.5; width: 350px; height: auto; } .nodeDescriptionTip .arrow { border: 6px solid transparent; border-right-color: rgb(0, 0, 144); border-left: 1px none black; top: 6px; left: -6px; bottom: auto; } .nodeDescriptionTip.arrowBottom .arrow { top: auto; left: 10px; bottom: -6px; border: 6px solid transparent; border-top-color: rgb(0, 0, 144); border-bottom: 1px none black; } /* main area - used for L2 categories and most other nodes */ .nodeList .categoryForumNodeInfo, .nodeList .forumNodeInfo, .nodeList .pageNodeInfo, .nodeList .linkNodeInfo { color: rgb(255, 255, 255); background-color: #000066; padding: 10px; border-bottom: 1px solid #0202c7; padding: 0; } /* category strip - used for L1 categories and group headers */ .nodeList .categoryStrip { font-size: 12px; color: rgb(255, 255, 255); background-color: rgb(0, 0, 96); background-repeat: repeat-x; background-position: top; padding: 0 10px; margin: 3px auto 0; border-top: 1px solid rgb(0, 0, 144); border-bottom: 1px solid rgb(91, 91, 214); margin: 0; border-bottom-color: rgb(91, 91, 214); min-height: 6px; padding: 3px; background: url(styles/bgd_title.gif) repeat-x; } .nodeList .categoryStrip .nodeTitle { font-size: 15px; color: rgb(255, 255, 255); float: left; } .nodeList .categoryStrip .nodeTitle a { color: rgb(255, 255, 255); } .nodeList .categoryStrip .nodeDescription { font-size: 12px; color: rgb(255, 255, 255); float: left; clear: none; margin-top: 4px; margin-left: 5px; color: #aaa; font-style: italic; } .nodeList .categoryStrip .nodeDescription a { color: rgb(255, 255, 255); } .nodeList .node.groupNoChildren + .node.groupNoChildren .categoryStrip { display: none; } /* node stats area */ .nodeStats { overflow: hidden; zoom: 1; } .nodeStats dl, .subForumsPopup { float: left; display: block; margin-right: 3px; } .subForumsPopup.Popup .PopupControl.PopupOpen { background-image: none; } .subForumsPopup a.PopupControl { padding-left: 5px; padding-right: 5px; } .subForumsPopup .dt { color: rgb(0, 153, 255); } .subForumsPopup .PopupOpen .dt { color: rgb(255, 255, 255); } .subForumsMenu .node .node /* for depths 2+ */ { padding-left: 10px; } .subForumsMenu .node .nodeTitle { font-size: 12px; } .subForumsMenu .node .unread .nodeTitle { font-weight: bold; } /** new discussion button below nodelist **/ .nodeListNewDiscussionButton { margin-top: 10px; text-align: right; } @media (max-width:610px) { .Responsive .node .nodeText { margin-right: 0; } .Responsive.Touch .node .nodeDescriptionTooltip, .Responsive .node .nodeDescription { display: none; } .Responsive .node .nodeLastPost { position: static; height: auto; width: auto; background: none; border: none; padding: 0; margin: -3px 0 5px 56px; } .Responsive .node .nodeLastPost .noMessages { display: none; } .Responsive .node .nodeLastPost .lastThreadTitle, .Responsive .node .nodeLastPost .lastThreadUser { display: none; } .Responsive .node .nodeLastPost .lastThreadDate:before { content: attr(data-latest); } .Responsive .node .nodeControls { display: none; } .Responsive .node .subForumList { display: none; } .Responsive .nodeDescriptionTip { width: auto; max-width: 350px; } } @media (max-width:480px) { .Responsive .subForumsPopup { display: none; } } /* --- notices.css --- */ .hasJs .FloatingContainer .Notice { display: none; } .FloatingContainer { position: fixed; width: 300px; z-index: 9997; top: auto; left: auto; bottom: 0; right: 20px; } .Notices .Notice .blockImage { padding: 10px 0 5px 10px; } .Notices .Notice .blockImage, .FloatingContainer .floatingImage { float: left; } .Notices .Notice .blockImage img, .FloatingContainer .floatingImage img { max-width: 48px; max-height: 48px; } .Notices .hasImage, .FloatingContainer .hasImage { margin-left: 64px; min-height: 52px; } .FloatingContainer .floatingItem { display: block; padding: 10px; font-size: 11px; position: relative; margin-bottom: 20px; border: 1px solid transparent; border-radius: 6px; box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); } .FloatingContainer .floatingItem.primary { background-repeat: repeat-x; background-position: top; border-color: rgb(0, 0, 144); } .FloatingContainer .floatingItem.secondary { color: rgb(0, 0, 96); background-color: rgb(91, 91, 214); border-color: rgb(0, 0, 144); } .FloatingContainer .floatingItem.dark { color: #fff; background: black; background: url(rgba.php?r=0&g=0&b=0&a=204); background: rgba(0,0,0, 0.8); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000); border-color: #333; } .FloatingContainer .floatingItem.light { color: #000; background: white; background: url(rgba.php?r=255&g=255&b=255&a=204); background: rgba(255,255,255, 0.8); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF); border-color: #ddd; } .FloatingContainer .floatingItem .title { font-size: 14px; padding-bottom: 5px; font-weight: bold; display: block; } .FloatingContainer .floatingItem .DismissCtrl { position: static; float: right; margin-left: 5px; margin-right: -5px; margin-top: -5px; } .Notices { display: none; } /* cookie notice */ .Notice.notice_-1 .noticeCookiesContent .noticeCookiesContentRow { text-align: center; } .Notice.notice_-1 .noticeCookiesContent .noticeCookiesContentRow.noticeCookiesContentButtonRow { margin-top: 10px; } @media (max-width:800px) { .Responsive .Notice.wide { display: none !important; } /* cookie notice */ .Responsive .Notice.notice_-1 .noticeContent { padding: 3px 3px 10px 3px; } .Responsive .Notice.notice_-1 .noticeCookiesContent .noticeCookiesContentRow { font-size: 12px; } .Responsive .Notice.notice_-1 .noticeCookiesContent .noticeCookiesContentRow.noticeCookiesContentButtonRow .button { font-size: 11px; padding: 0px 4px; border-radius: 5px; } } @media (max-width:610px) { .Responsive .Notice.medium { display: none !important; } } @media (max-width:480px) { .Responsive .Notice.narrow { display: none !important; } .Responsive .FloatingContainer { right: 50%; margin-right: -150px; } } /* --- panel_scroller.css --- */ .hasJs #Notices.PanelScroller { display: none; } .PanelScroller .scrollContainer, .PanelScrollerOff .panel { background-color: rgb(0, 0, 128); padding: 3px; margin-bottom: 10px; border: 1px solid rgb(0, 0, 144); border-radius: 5px; font-size: 13pt; } .PanelScroller .PanelContainer { position: relative; clear: both; width: 100%; overflow: auto; font-size: 11px; } .hasJs .PanelScroller .Panels { position: absolute; } .PanelScroller .Panels { clear: both; margin: 0; padding: 0; } .PanelScroller .panel, .PanelScrollerOff .panel { overflow: hidden; position: relative; padding: 0 !important; padding: 10px; } .PanelScroller .panel .noticeContent, .PanelScrollerOff .panel .noticeContent { padding: 10px; padding-right: 25px; line-height: 1; padding: 10px 25px 0 5px; } .panel .noticeContent p { margin: 0; } /** panel scroller nav **/ .PanelScroller .navContainer { margin: -11px 21px 10px; overflow: hidden; zoom: 1; } .PanelScroller .navControls { float: right; } /* clearfix */ .PanelScroller .navControls { zoom: 1; } .PanelScroller .navControls:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } .PanelScroller .navControls a { font-size: 9px; color: rgb(255, 255, 255); background-color: rgb(0, 0, 144); padding: 3px 6px 2px; margin-left: -1px; float: left; display: block; position: relative; border: 1px solid rgb(0, 0, 144); border-radius: 5px; border-radius: 0; } .PanelScroller .navControls > a:first-child { border-bottom-left-radius: 5px; } .PanelScroller .navControls > a:last-child { border-bottom-right-radius: 5px; } .PanelScroller .navControls a:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(0, 0, 144); } .PanelScroller .navControls a.current { color: rgb(255, 255, 255); background-color: rgb(0, 0, 144); } .PanelScroller .navControls a .arrow { display: none; } .PanelScroller .navControls a.current span { display: block; line-height: 0px; width: 0px; height: 0px; border-top: 5px solid rgb(0, 0, 144); border-right: 5px solid transparent; border-bottom: 1px none black; border-left: 5px solid transparent; -moz-border-bottom-colors: rgb(0, 0, 144); position: absolute; } .PanelScroller .navControls a.current .arrow { border-top-color: rgb(0, 0, 144); top: 0px; left: 50%; margin-left: -5px; } .PanelScroller .navControls a .arrow span { border-top-color: rgb(0, 0, 128); top: -6px; left: -5px; } /* notices */ #Notices .panel .noticeContent { padding-right: 25px; } /* --- profile_post_list_simple.css --- */ .profilePostListItem { overflow: hidden; zoom: 1; margin: 5px 0; padding: 5px; border-top: 1px solid rgb(0, 0, 144); } :not(.nonInitial) > .profilePostListItem:first-child { border-top: none; padding-top: 0; } .profilePostListItem .avatar { float: left; font-size: 0; } .profilePostListItem .avatar img { width: 24px; height: 24px; } .profilePostListItem .messageInfo { margin-left: 34px; } .profilePostListItem .messageContent article, .profilePostListItem .messageContent blockquote { display: inline; } .profilePostListItem .poster { font-weight: bold; } .profilePostListItem .messageMeta { overflow: hidden; zoom: 1; font-size: 12px; line-height: 14px; padding-top: 4px; } .profilePostListItem .privateControls { float: left; } .profilePostListItem .privateControls .item { float: left; margin-right: 10px; } .profilePostListItem .publicControls { float: right; } .profilePostListItem .publicControls .item { float: left; margin-left: 10px; } .sidebar .statusPoster textarea { width: 100%; margin: 0; box-sizing: border-box; resize: vertical; overflow: hidden; } .sidebar .statusPoster .submitUnit { margin-top: 5px; text-align: right; } /* --- thread_list_simple.css --- */ .threadListItem { overflow: hidden; zoom: 1; margin: 5px 0; padding-top: 5px; border-top: 1px solid rgb(0, 0, 144); } .threadListItem:first-child { border-top: none; padding-top: 0; } .threadListItem .avatar { float: left; font-size: 0; } .threadListItem .avatar img { width: 24px; height: 24px; } .threadListItem .messageInfo { margin-left: 34px; } .threadListItem .title { padding: 1px 0; } .threadListItem .title, .threadListItem .additionalRow { overflow: hidden; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; } /* CSS returned from cache. */