/* Just click to select the code */ @charset "UTF-8"; @font-face { font-family: "aggro-font-1"; src:url("fonts/aggro2.eot"); src:url("fonts/aggro2.eot?#iefix") format("embedded-opentype"), url("fonts/aggro2.ttf") format("truetype"), url("fonts/aggro2.svg#aggro2") format("svg"), url("fonts/aggro2.woff") format("woff"); font-weight: normal; font-style: normal; } .igVideo .aggroPic:after{ content: "V"; font-family: aggro-font-1; color: rgba(255,255,255,0.7); font-size: 45px; top: -40px; position: relative; left: 7px; float: left; margin-right: -50px; } .aggroText {line-height: 140%;} .aggroBlocked {background: #ffcccc !important; border: 2px solid #FF7777 !important;} .aggroAdmin { cursor: pointer; padding: 3px; background: #333; color: #fff !important; font-family: sans-serif; font-size: 12px !important; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .rssSingle .aggroProfileImage {display: none;} .rssSingle .aggroProfile a span {margin-top: 0px; margin-left: 5px;} #infscr-loading { bottom: -10px; background: #444; text-align: center; color: #fff; padding: 25px; position:fixed; z-index: 100; bottom:10%; left:50%; margin:0px 0 0 -150px; width:300px; height:120px; } #lightbox { position: static; margin-top: 5%; margin-bottom: 5%; width: 40%; max-width: 750px; margin-left: auto; margin-right: auto; background: #fff; z-index: 1001; display: none; -webkit-border-radius: 5px; -webkit-border-top-right-radius: 0; -webkit-border-top-left-radius: 5px; -moz-border-radius: 5px; -moz-border-radius-topright: 0; -moz-border-radius-topleft: 0; border-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 0; } #lightbox-shadow { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color:rgba(0,0,0,0.8); z-index: 1000; display: none; overflow-x:scroll; } #lightbox-closer { display: block; width: 60px; height: 60px; position: absolute; background: #ffffff; margin-top: 5%; margin-left: 19%; margin-right: auto; left: 50%; cursor: pointer; font-family: aggro-font-1; content: "x"; font-size: 35px; line-height: 60px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } #lightbox-closer:before { content: "x"; padding-left: 13px; } #lightbox .aggroPic { padding: 10px; text-align: center; } #lightbox .aggroPic img { max-width: 100%; } #lightbox .aggroProfile { margin-bottom: 15px; } #lightbox .aggroProfile a { display: block; } #lightbox .aggroProfileImage { height: 60px; width: 60px; margin-right: 10px; margin-top: 20px; margin-left: 10px; } #lightbox .aggroProfile span { margin-left: 85px; font-size: 28px; margin-top: -45px; } #lightbox .aggroProfile span.screen-name { margin-left: 85px; font-size: 15px; margin-top: -4px; color: #aaa; margin-bottom: -18px; } #lightbox .rssSingle .aggroProfile span { margin-left: 5px; font-size: 28px; margin-top: 5px; } #lightbox .rssSingle .aggroProfile span.screen-name { margin-left: 5px; font-size: 15px; margin-top: -4px; color: #aaa; margin-bottom: -18px; } #lightbox .aggroProfile span.screen-name:before { font-family: "aggro-font-1" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; font-size: 18px; margin-top: 4px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .aggro-view-post { float: left; padding: 0px 10px !important; } .aggro-view-post:hover { color: #333 !important; } .aggro-view-post:before { content: "+ "; color: #333; margin-left: 20px ; font-family: "aggro-font-1" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .twSingle .aggroProfile span.screen-name:before { content: "t "; color: #00ACED; } .fbSingle .aggroProfile span.screen-name:before { content: "f "; color: #3B5998; } .igSingle .aggroProfile span.screen-name:before { content: "i "; color: #675144; } .gpSingle .aggroProfile span.screen-name:before { content: "G "; color: #dd4b39; } .ytSingle .aggroProfile span.screen-name:before { content: "Y "; color: #C4302B; } .ytplSingle .aggroProfile span.screen-name:before { content: "Y "; color: #C4302B; } .rssSingle .aggroProfile span.screen-name:before { content: "r"; color: #ff6600; padding-right: 5px; } .rssSingle .aggroProfile span.screen-name { content: "website"; } #lightbox .aggroProfile a{ color: #222; } #lightbox .aggroProfile a:hover { color: #555; } #lightbox .aggroText { padding: 15px 31px; display: block; max-height: none; overflow: hidden; font-size: 25px; line-height: 32px; } #lightbox .aggroText a { color: #333; font-weight: bold; } #lightbox .aggroText iframe { width: 113%; margin-left: -6%; margin-bottom: 6%; margin-top: -4px; } #lightbox .aggroText video { width: 113%; margin-left: -6%; margin-bottom: 6%; margin-top: -20px; } #lightbox .aggroDate { padding-bottom: 40px; } #lightbox .aggroDate a { padding: 10px 20px; } #lightbox .ytSingle .aggroPic, #lightbox .ytplSingle .aggroPic { display: none; } /* Aggro Count Buttons */ .aggro_count {font-size: 17px;color: #fff !important; padding: 5px 15px 15px; margin: 0px 3px;font-family: sans-serif; font-weight: normal; white-space:nowrap; float: left; margin-bottom: 5px} .aggro_count .aggro_name {display: none;} .aggro_count:hover {text-decoration: none !important;} .aggro_count .aggro_count_total {font-weight: bold; margin-right: 4px;} .aggro_count .aggro_count_total:before { content: "+ "; color: #fff; font-family: "aggro-font-1" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 34px; top: 7px; position: relative; } .aggro_count_twitter { background: #00ACED; } .aggro_count_twitter .aggro_count_total:before { content: "t "; } .aggro_count_facebook { background: #3B5998; } .aggro_count_facebook .aggro_count_total:before { content: "F "; } .aggro_count_instagram { background: #675144; } .aggro_count_instagram .aggro_count_total:before { content: "i "; } .aggro_count_youtube { background: #C4302B; } .aggro_count_youtube .aggro_count_total:before { content: "y "; } .aggro_count_googleplus .aggro_count_total:before { content: "g "; } .aggro_count_googleplus { background: #dd4b39; } @media only screen and (min-width: 768px) and (max-width: 1024px) { #lightbox { width: 80%; margin-top: 10%; } #lightbox-closer { margin-left: 36%; margin-top: 10%; } } @media only screen and (max-width: 767px) { #lightbox { width: 80%; margin-top: 10%; } #lightbox-closer { margin-left: 30%; margin-top: 10%; } #lightbox .aggroText { font-size: 14px; line-height: 16px; } #lightbox .aggroProfileImage { height: 30px; width: 30px; margin-right: 10px; margin-top: 10px; margin-left: 10px; } #lightbox .aggroProfile span { margin-left: 45px; font-size: 18px; margin-top: -25px; } #lightbox .aggroProfile span.screen-name { margin-left: 45px; font-size: 13px; margin-top: -8px; } } @media only screen and (max-width: 767px) and (orientation: portrait) { #lightbox { width: 80%; } #lightbox-closer { margin-left: 30%; } #lightbox .aggroText { font-size: 14px; line-height: 16px; } #lightbox .aggroProfileImage { height: 30px; width: 30px; margin-right: 10px; margin-top: 10px; margin-left: 10px; } #lightbox .aggroProfile span { margin-left: 45px; font-size: 18px; margin-top: -25px; } #lightbox .aggroProfile span.screen-name { margin-left: 45px; font-size: 13px; margin-top: -8px; } #lightbox .aggroText iframe { height: 240px !important; } #lightbox .aggroText video { height: 240px !important; } }