@charset "UTF-8"; /* --- EWRrio.css --- */ .tiled { text-align: center; } .tiled li { position: relative; vertical-align: top; display: inline-block; width: 25%; max-width: 320px; } .tiled li .secondaryContent { margin: 10px 5px 0px; padding: 10px; } .tiled li .thumb { position: relative; border: 1px solid; padding: 3px 3px 0; background-color: black; } .tiled li .title { height: 26px; overflow: hidden; font-size: 11px; margin: 6px 0px 3px; } .tiled .gname { height: 16px; overflow: hidden; font-size: 13px; white-space: nowrap; text-overflow: ellipsis; } .tiled .overlays { background-color: black; border: 1px solid white; color: white; font-size: 11px; padding: 2px 3px 1px; position: absolute; } .tiled .overTopL { top: 8px; left: 8px; } .tiled .overTopR { top: 8px; right: 8px; } .tiled .overBtmL { bottom: 8px; left: 8px; } .tiled .overBtmR { bottom: 8px; right: 8px; } .tiled .overIcon { padding: 3px 3px 0; } .tiled .overIcon img { width: 24px; } .topStream { padding: 60px 0; text-align: center; background: url('styles/8wayrun/games/_.jpg') no-repeat center center; } .topStream .topBorder { background-color: rgba(0,0,0,0.5); padding: 10px; display: inline-block; } .topStream .topContainer { height: 390px; width: 640px; } .multiSelect { text-align: center; } .multiSelect li { display: inline-block; margin: 5px; } .multiSelect li .selectBg { height: 200px; } .multiSelect img:hover { opacity: .5; } .multiBreak { position: relative; z-index: 1000; } .multiShare { text-align: center; clear: both; } .multiShare .textCtrl { text-align: center; width: 98%; } .multiBlank { margin: 0px; padding-top: 27px; z-index: 1000; width: 640px; height: 400px; } .multiBlank .info { position: absolute; top: 0px; left: 0px; padding: 5px 0; font-size: 14px; width: 100%; } .multiBlank .deny { position: absolute; top: 5px; right: 10px; } .multiBlank .deny:hover { cursor: pointer; } .multiBlank .info:hover { cursor: move; } .multiBlank .overlay { position: absolute; top:0; left:0; right:0; bottom:0; z-index: 10000; } .multiBlank-helper { border: 2px dotted #666; } .multiBlock { margin: 0 auto 10px; text-align: center; } .multiBlock.split33 { width: 33.0%; } .multiBlock.split50 { width: 49.5%; } .multiBlock.split65 { width: 66.0%; } .multiBlock.split66 { width: 66.5%; } .multiBlock.right { float: right; } .multiBlock.left { float: left; } .multiBlock a:hover { text-decoration: none; } .multiBlock .sectionMain { margin: 0px; padding: 0px; background-image: url("styles/8wayrun/EWRrio_plus.png"); background-position: center center; background-repeat: no-repeat; font-size: 7em; font-weight: bold; } #channelDimmer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; filter: alpha(opacity=90); -moz-opacity: 0.90; -khtml-opacity: 0.90; opacity: 0.90; z-index: 1000; display: none; } #embedVideo { position: relative; z-index: 1001; } .cgsList .tabs { margin-bottom: -3px; padding: 0 20px; background: transparent } .cgsList ul.table { display: table; width: 100%; } .cgsList li.row { display: table-row; } .cgsList li .featured, .cgList li .featured, .streamsSide li .featured { border: 1px solid gold; -webkit-box-shadow: 0 0 5px black; -moz-box-shadow: 0 0 5px black; -khtml-box-shadow: 0 0 5px black; box-shadow: 0 0 5px black; } .cgsList li .cell { display: table-cell; vertical-align: middle; width: 1%; white-space: nowrap; } .cgsList li .avatar .t { background-size: 24px 24px !important; width: 24px; height: 24px;} .cgsList li .avatar .s { background-size: 48px 48px !important; } .cgsList li .avatar .m { background-size: 64px 64px !important; width: 64px; height: 64px; } .cgList ul { text-align: center; } .cgList li { display: inline-block; white-space: nowrap; } .cgList li .editIcon { background-image: url('styles/default/xenforo/widgets/edit.png'); background-repeat: no-repeat; background-position: center center; height: 24px; width: 24px; } .streamList .mainTabs li .featuredTab { color: gold; text-shadow: 1px 1px 3px black, 1px -1px 3px black, -1px 1px 3px black, -1px -1px 3px black; } .streamList .noStreams { padding: 100px; text-align: center; } .streamList .scrapes { text-align: right; } .streamList .primaryContent { padding: 0 0 10px; } .streamList li .secondaryContent { margin-top: 10px; text-align: center; } .streamList li .channel { width: 120px; padding: 10px; text-align: left; } .streamList li .channel .muted { font-size: 11px; } .streamList li .status { width: auto; padding: 10px; white-space: normal; } .streamList li .game { width: 120px; padding: 10px; white-space: normal; } .streamList li .viewers { min-width: 80px; padding: 10px 10px 10px 0; } .streamList li .viewers b { display: block; background-color: black; color: white; font-size: 20px; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .streamList li .preview .m { background-size: 114px 64px !important; width: 114px; } .streamList li .avatar .m:hover { -moz-transform: scale(2.0); -webkit-transform: scale(2.0); -o-transform: scale(2.0); -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; } .streamsSide li { border-bottom: 1px solid rgb(34, 33, 34); padding: 5px; margin-bottom: 5px; text-align: center; } .streamsSide li:hover { background-color: rgb(34, 33, 34); } .streamsSide li .streamInfo { margin-left: 95px; font-size: 12px; } .streamsSide li .streamStatus { clear: both; padding-top: 10px; } .streamsSide li .avatar { float: left; position: relative; z-index: 1; } .streamsSide li .avatar:hover { z-index: 2; -moz-transform: scale(2.0); -webkit-transform: scale(2.0); -o-transform: scale(2.0); -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; } .streamsSide li .avatar .s { background-size: 80px 45px !important; width: 80px; height: 45px; } .streamsSide li .avatar .viewers { background-color: black; color: white; padding: 1px 2px; position: absolute; bottom: 5px; right: 5px; } .streamsSide .streamMore { margin-top: 0px; text-align: right; } /* clearfix */ .streamsSide ul li { zoom: 1; } .streamsSide ul li:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } .channelView .streamList li .secondaryContent { margin-top: 0px; margin-bottom: 10px; } .channelView .streamsSide { margin-top: 0px; } .channelView .scrapes { text-align: right; } .channelView .shell .info { text-align: center; } .channelView .shell .controlsRight { float: right; } .channelView .shell .controlsLeft { float: left; } /* clearfix */ .channelView .shell .info { zoom: 1; } .channelView .shell .info:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } /* clearfix */ .channelView .shell { zoom: 1; } .channelView .shell:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } .channelView .bbcode { text-align: center; } /* clearfix */ .channelView { zoom: 1; } .channelView:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } .channelView .taigachat_alt { padding: 0px; border: none; } .channelView .taigachat_alt .categoryStrip { display: none; } .channelList li { margin: 5px 5px 9px; } .channelList li .avatar { float: left; } .channelList li .info { margin: 3px 15px 0 70px; } .channelList li .edit { float: right; margin: 15px -22px 0px 0px; } .channelList li .muted { font-size: 11px; } /* clearfix */ .channelList li .info { zoom: 1; } .channelList li .info:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } .gameList .primaryContent { text-align: center; } .gameList .primaryContent .button { margin: 3px 0; } .gameList .primaryContent li .editIcon { margin-left: -5px; } .cgSubmit form { text-align: center; width: auto; } .cgSubmit .textCtrl { width: 300px; } .queueList table, .serviceList table, .categoryList table { width: 100%; } .queueList .buttons, .serviceList .buttons, .categoryList .buttons { text-decoration: none !important; text-align: right; } .serviceList .disabled td { text-decoration: line-through; } .serviceEdit .var { display: inline-block; width: 60px; } .ctrlUnit dd .hint { font-size: 11px; color: rgb(204, 204, 204); margin-top: 2px; } .queue .itemCount { background: #2b485c; float: none; padding: 3px; } .queue .itemCount.alert { background-color: #e03030; font-size: 10pt; color: white; } .copyright { text-align: center; font-size: 11px; margin: 10px; } @media (max-width:800px) { .tiled li { width: 33.33%; } .streamList li .status { display: none; } .topStream { display: none; } } @media (max-width:610px) { .tiled li { width: 50%; } .streamList li .game { display: none; } } @media (max-width:480px) { .tiled li { width: 100%; } .streamList li .preview { display: none; } } /* --- bbm_buttons.css --- */ span.mce_bbm_hl {background-position:-760px 0 !important} span.mce_bbm_raw {background-position:-260px 0 !important} span.mce_bbm_spoiler { background:url(styles/sedo/editor/adv_sprites.png) no-repeat 0 0 !important; } /* --- login_bar.css --- */ /** Login bar basics **/ #loginBar { color: rgb(255, 255, 255); background-color: rgb(21, 23, 24); border-bottom: 1px solid rgb(255, 153, 0); position: relative; z-index: 1; } #loginBar .ctrlWrapper { margin: 0 10px; } #loginBar .pageContent { padding-top: 5px; position: relative; _height: 0px; } #loginBar a { color: rgb(255, 153, 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: 11px; } #loginBar .rememberPassword { font-size: 11px; } #loginBar .textCtrl { color: rgb(248, 134, 19); background: url(rgba.php?r=0&g=0&b=0&a=127); background: rgba(0, 0, 0, 0.5); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); border: 1px solid rgb(255, 153, 0); } #loginBar .textCtrl[type=text] { font-weight: bold; font-size: 18px; } #loginBar .textCtrl:-webkit-autofill /* http://code.google.com/p/chromium/issues/detail?id=1334#c35 */ { background: url(rgba.php?r=0&g=0&b=0&a=127) !important; background: rgba(0, 0, 0, 0.5) !important; _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); color: rgb(248, 134, 19); } #loginBar .textCtrl:focus { background-image: none; } #loginBar input.textCtrl.disabled { color: rgb(75, 75, 75); background-color: rgb(21, 23, 24); 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(204, 204, 204); margin-right: 200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; 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: 11px; color: rgb(255, 255, 255); background-color: rgb(21, 23, 24); padding: 0 10px; margin-right: 20px; border: 1px solid rgb(255, 153, 0); border-top-style: none; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; position: absolute; right: 0; bottom: -21px; text-align: center; z-index: 1; line-height: 20px; } @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; } } /* --- panel_scroller.css --- */ .hasJs #Notices.PanelScroller { display: none; margin-top: 10px; } .PanelScroller .scrollContainer, .PanelScrollerOff .panel { background: url(rgba.php?r=0&g=0&b=0&a=178); background: rgba(0, 0, 0, 0.7); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000); padding: 5px; margin-bottom: 10px; border: 1px solid rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, 0.2); _border: 1px solid rgb(255, 255, 255); -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; font-size: 13pt; /*-webkit-box-shadow: 0 1px 3px #000000 !important; -moz-box-shadow: 0 1px 3px #000000 !important; -khtml-box-shadow: 0 1px 3px #000000 !important; box-shadow: 0 1px 3px #000000 !important;*/ } .PanelScroller .PanelContainer { position: relative; clear: both; width: 100%; overflow: auto; } .hasJs .PanelScroller .Panels { position: absolute; } .PanelScroller .Panels { clear: both; margin: 0; padding: 0; } .PanelScroller .panel, .PanelScrollerOff .panel { overflow: hidden; position: relative; padding: 0 !important; } .PanelScroller .panel .noticeContent, .PanelScrollerOff .panel .noticeContent { } /** 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; background: url(rgba.php?r=0&g=0&b=0&a=127); background: rgba(0, 0, 0, 0.5); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); padding: 3px 6px 2px; margin-left: -1px; float: left; display: block; position: relative; border: 1px solid rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, 0.2); _border: 1px solid rgb(255, 255, 255); -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; } .PanelScroller .navControls > a:first-child { -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -khtml-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .PanelScroller .navControls > a:last-child { -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; -khtml-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } .PanelScroller .navControls a:hover { text-decoration: none; } .PanelScroller .navControls a.current { background-color: rgb(34, 33, 34); } .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(75, 75, 75); border-right: 5px solid transparent; border-bottom: 1px none black; border-left: 5px solid transparent; -moz-border-bottom-colors: rgb(75, 75, 75); position: absolute; } .PanelScroller .navControls a.current .arrow { border-top-color: rgb(255, 255, 255); border-top-color: rgba(255, 255, 255, 0.2); _border-top-color: rgb(255, 255, 255); top: 0px; left: 50%; margin-left: -5px; } .PanelScroller .navControls a .arrow span { border-top-color: rgb(0, 0, 0); border-top-color: rgba(0, 0, 0, 0.7); _border-top-color: rgb(0, 0, 0); top: -6px; left: -5px; } /* notices */ #Notices .panel .noticeContent { padding-right: 25px; } /* --- share_page.css --- */ .sharePage { } /* clearfix */ .sharePage { zoom: 1; } .sharePage:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } .sharePage .shareControl { float: left; } .sharePage .facebookLike .label { font-size: 11px; line-height: 24px; float: left; margin-right: 7px; display: none; } .sharePage iframe { height: 20px; } .sharePage .facebookLike iframe { z-index: 52; } @media (max-width:480px) { .Responsive .sharePage { display: none; } } /* --- xengallery_tab_links.css --- */ .navTabs .navTab.selected .xengalleryTabLinks .xengallery li .Popup a:hover, .navTabs .navTab.selected .xengalleryTabLinks .xengallery li .Popup a:focus { color: rgb(255, 153, 0); text-decoration: none; outline: 0; }