body, html{
padding: 0;
margin: 0;
color: #fff;
font-family: "Helvetica",Arial,sans-serif;
font-weight: 300;
background: #0D0D0D;
}
#emoteTablePrev { padding: 7px; cursor: pointer; color: rgb(255, 255, 255); width: 75px; border-width: 1px; border-style: solid; margin-right: 15px; text-shadow: rgb(50, 50, 50) 1px 1px 0px; letter-spacing: 0.02em; margin-bottom: 10px; border-radius: 4px; background: rgb(119, 172, 33); border-color: rgb(119, 172, 33); }
#emoteTableNext { padding: 7px; cursor: pointer; color: rgb(255, 255, 255); width: 75px; border-width: 1px; border-style: solid; margin-right: 15px; text-shadow: rgb(50, 50, 50) 1px 1px 0px; letter-spacing: 0.02em; margin-bottom: 10px; border-radius: 4px; background: rgb(119, 172, 33); border-color: rgb(119, 172, 33); }
#emoteTablePrev:hover {border-color: #85b437; background-color: #85b437;}
#emoteTablePrev:hover {border-color: #85b437; background-color: #85b437;}
.table-striped>tbody>tr:nth-child(odd) {
background-color: #2E3338;
}
#emoteModalTrigger {
margin-right: 5px;
}
.btn-success {
background: rgb(119, 172, 33);
border: 1px solid rgb(119, 172, 33);
}
.btn, .btn:hover {
border-color: rgba(0,0,0,.6);
text-shadow: 0 0 0;
}
.alert-info {
background-color: #77AC21;
border-color: #9EFF00;
color: #fff;
}
#togglemotd .glyphicon {
font-size: 10pt;
display: none;
}
header{
background-color: #2c3e50;
height: 200px;
}
header>h1{
line-height: 200px;
}
#userlisttoggle {
display: none;
}
h1{
text-align: center;
margin: 0;
font-weight: 300;
}
.btn-box {
text-align: center;
padding: 20px 20px;
}
.btn-box>button{
margin-right: 15px;
}
.custom-btn-1{
background-color: transparent;
}
#btnGur {
display: inline-block;
vertical-align: top;
float: right;
text-align: center;
width: 233px;
margin: 0px -5px 0px -32px;
}
.marq-imgur {
position: relative;
width: 482px;
font-weight: 600;
font-family: 'VAG Rounded', sans-serif;
}
.imgBtn-1-default {
background-color: #77AC21;
border-color: #77AC21;
color:#fff;
}
.nsfw img{
max-height: 120px!important;
width: 120px!important;
height: 120px!important;
}
.nsfw:hover #hide-picture{display:none;}
.nsfw #show-picture{display:none;}
.nsfw:hover #show-picture{display:inline-block;}
.imgBtn-2-default {
background: #77AC21;
color: #fff;
border: 2px solid #A2EA2E;
-webkit-animation-name: BananaGlow;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
}
.imgBtn-2-default:hover {
background: #85b437;
}
.imgBtn {
padding:7px;
cursor: pointer;
width: 175px;
border-width: 1px;
border-style: solid;
margin-right: 15px;
text-shadow: 1px 1px 0px #446E00;
letter-spacing: 0.02em;
margin-bottom: 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.findMovie {
background: transparent;
border: 1px solid transparent;
padding: 7px 0;
cursor: default;
color: #fff;
text-align: left;
width: 175px;
margin-right: 15px;
margin-bottom: 10px;
margin-top: -1px;
outline: none;
}
.imgBtn-1-default:hover {
border-color: #85b437;
background-color: #85b437;
}
.Box-Gur-Btns {
position: relative;
right: 0px;
}
.logo-d {
top: 54px;
left: 40px;
float: left;
position: absolute;
}
#logo-dimg {
max-width: 100%;
max-height: 100%;
}
.Box-Gur-Btns ul {
list-style-type: none;
}
#modflair {
background: rgba(37, 37, 37, 0.46);
padding: 2px 4px;
margin-right: 0px;
font-size: 11px;
font-weight: 400;
}
.label {padding:3px 0px 0px; color: #77AC21;}
#motdrow {
background: url('http://resources.pink.horse/images/imgur/dqb5Y1k.jpg'); /* Background Banner - Banner Size: Width: 1179 Height: 360 */
background-size: 100%;
margin-bottom: 20px;
}
#mainpage {
padding-top: 50px;
}
::-webkit-scrollbar {
width: 12px;
}
.girafhat {
background: rgba(255, 0, 0, 0) url('http://resources.pink.horse/images/imgur/MXH8lKg.png') no-repeat;
width: 62px;
height: 99px;
position: absolute!important;
z-index: 9;
right: 80px;
bottom: 12px;
}
.girafhat:hover {
background: transparent url('http://resources.pink.horse/images/imgur/a6r6Gnv.png') no-repeat;
width: 440px;
}
.userlist_owner.userlist-tinirini {
color: #FF34F5!important;
text-shadow: 0px 0px 5px #AE00A5;
}
.userlist_item.userlist_afk {
word-break: break-all;
width: 160px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #4B4B4B;
background-color: #494949;
border-radius: 0px;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: inset 0 0 6px #FFFFFF;
background-color: #FFFFFF;
}
.navbar-header
{
background: url('http://resources.pink.horse/images/imgur/6PZMM07.png') repeat-x;
color: white !important;
}
.navbar {
border: none;
box-shadow: 0 0 11px 1px #111;
}
a {
color: #6EAEFF;
text-decoration: none;
}
.navbar-header:hover {
background: #444442;
}
.userlist_item{
color:#FFFFFF!important;
}
.glyphicon {
position: relative;
top: 2px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.glyphicon-time {
background-image: url("http://resources.pink.horse/images/imgur/6UTOTjR.gif")!important;
background-position: left top;
background-repeat: no-repeat;
height: 14px;
width: 20px;
}
.glyphicon:empty {
width: 17px;
}
.partyhard {
-webkit-animation: partyhard 500ms ease-out 0s infinite normal;
animation: partyhard 500ms ease-out 0s infinite normal;
}
@-webkit-keyframes partyhard {
0% {color:#ff1111;}
16% {color:#ffa800;}
33% {color:#7eff00;}
50% {color:#ff0096;}
66% {color:#00deff;}
82% {color:d800ff;}
100% {color:#ff1111;}
}
@keyframes partyhard {
0% {color:#ff1111;}
16% {color:#ffa800;}
33% {color:#7eff00;}
50% {color:#ff0096;}
66% {color:#00deff;}
82% {color:d800ff;}
100% {color:#ff1111;}
}
@-webkit-keyframes animate {
from {background-position:0 0;}
to {background-position: 500px 0;}
}
@-moz-keyframes animate {
from {background-position:0 0;}
to {background-position: 500px 0;}
}
@-ms-keyframes animate {
from {background-position:0 0;}
to {background-position: 500px 0;}
}
@-o-keyframes animate {
from {background-position:0 0;}
to {background-position: 500px 0;}
}
@keyframes animate {
from {background-position:0 0;}
to {background-position: 500px 0;}
}
.shout {
color: #77AC21;
font-weight: bold;
font-size: 18pt;
}
.glyphicon-time:before {
display: none;
}
.glyphicon.glyphicon-star-empty {
background: url(http://resources.pink.horse/images/imgur/HzfKQWj.png) no-repeat 0px 0px;
background-size: 15px;
width: 19px;
height: 15px;
vertical-align: text-bottom;
}
.glyphicon.glyphicon-star-empty:before {
display:none;
}
.navbar-inverse .navbar-nav>li>a
{
color: #FFFFFF;
}
.label-success {
font-weight: 400;
color: rgb(129, 195, 21);
}
.navbar-nav>li>a {
border-right:none;
border-left:none;
line-height: 22px;
}
.navbar-inverse
{
background-color : #000000;
border-bottom: 1px solid rgb(6, 6, 6);
}
#nav-collapsible
{
background-color : rgb(29, 29, 29);
}
.navbar-nav>li>a:hover {
background-image: -webkit-linear-gradient(#373737,#373737 100%,#373737)!important;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus
{
background-image: -webkit-linear-gradient(#0B0B0B,#0B0B0B 100%,#0B0B0B)!important;
color: #EDEDED;
}
#messagebuffer
{
border-top: 2px solid rgb(60, 60, 60);
border-bottom:none;
border-left:none;
border-right:none;
}
.user-dropdown {
z-index: 9999;
position: absolute;
border: 1px solid #454545;
color: #77AC21;
max-width: 200px;
padding: 5px;
}
.close {
font-size: 21px;
line-height: 1;
color: #FFFFFF;
position: relative;
left: 8px;
opacity: 1;
text-shadow: none;
}
.close:hover {
font-size: 21px;
line-height: 1;
color: #EE4444;
position: relative;
left: 8px;
opacity: 1;
text-shadow: none;
}
#userlist
{
background-color: transparent;
border-left: 2px solid rgb(60, 60, 60);
border-top: 2px solid rgb(60, 60, 60);
border-right: 2px solid rgb(60, 60, 60);
border-bottom: none;
font-size: 12px;
padding: 0 3px;
font-family: 'Roboto', sans-serif;
}
.server-msg-reconnect:after {
content: ' to Imgur Cinema..';
}
.server-msg-reconnect {
border: 1px dashed #82BC24;
line-height: 2;
margin-top: 5px;
margin-bottom: 5px;
color: #85bf25;
text-align: center;
background-color: transparent;
}
#messagebuffer
{
font-size : 14px;
}
#ytapiplayer {
background: rgb(6, 6, 6);
}
#chatheader, #currenttitle
{
background-color: transparent;
color : white;
border: none;
font-size: 13.0px;
}
#currenttitle {
color: rgb(86, 86, 86);
font-weight: 400;
}
#plmeta {
border-radius: 0;
border-top: 0;
border-left: none;
border-right: none;
padding: 4px 7px;
font-size: 13px;
background: rgb(56, 56, 56);
border-bottom: 4px solid rgb(119, 172, 33);
}
#motdwrap {
color: #fff;
margin: 0;
padding: 66px;
}
.panel-heading
{
color: #009933;
background-color: #009933;
}
.btn-default
{
background-image: -webkit-linear-gradient(#000000,#000000 100%,#000000);
border-radius:0px;
}
.btn-default:hover {
background: #000000;
border-color: rgb(48, 48, 48);
}
.btn-default.active
{
background-color: #000000;
}
.label-default {
font-weight: 400;
color: rgb(255, 255, 255);
}
.label {line-height:none;}
.well
{
background-color: transparent;
border: none;
filter: alpha(opacity=85); /* For IE8 and earlier. 90 = 90% transparency, 80=80% transparency, etc.- gitrekd*/
}
.well.muted .h1, .h2, .h3, h1, h2, h3 {
margin-top: 0;
animation-name: rainbow;
color: rgb(136, 198, 65);
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
background-color: rgba(11, 11, 11, 1);
color: #fff;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
color: #FFF;
background: #0B0B0B;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
color: #FFF;
background-color: #2B2B2B;
}
.dropdown-menu
{
background-color: #0B0B0B;
border:none;
border-radius: 0;
}
.dropdown-menu>li>a:focus
{
background-color: #151515;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
text-decoration: none;
color: #fff;
background-color: #1B1B1B;
}
#modopentab:hover img {
opacity: 0.9;
}
.alert-warning
{48, 6, 6);
border-color: #e96506;
color: #fff;
}
/* For the time being as I am not going to make an 'advanced' theme yet ~ Cancerpick */
/*#togglemotd .glyphicon
{
display:none;
}*/
#footer
{
display: none !important;
}
.navbar-brand {
color: rgba(255, 0, 0, 0) !important;
text-shadow: 1px 1px 1px rgba(0,0,0,0.0) !important;
background-image: url("http://resources.pink.horse/images/imgur/cj0wq50.png") !important;
background-repeat: no-repeat;
padding: 15px 68px;
background-position: 12px 12px;
height:52px;
}
.navbar-fixed-bottom, .navbar-fixed-top {
position: absolute;
right: 0;
left: 0;
z-index: 1030;
}
.queue_active.queue_temp {
background-color: #303030;
background-repeat: repeat;
}
.queue_entry {
line-height: 22px;
padding: 2px;
font-size: 8pt;
border: 1px solid rgba(170,170,170,0);
color: #F4F4F4;
background-color: #222222;
border-top-width: 0;
}
.queue_temp {
}
#queue>li:last-child {
border-bottom-width: 1px;
margin-bottom: 0;
}
.qe_time {
float: right;
font-family: "Helvetica",Arial,sans-serif;
}
.queue_active.queue_temp {
background-image: none;
}
#queue a {
color: #fff;
}
#queue { pointer-events: none;
cursor: default;}
.queue_active {
background: rgb(58, 58, 58);
}
.queue_active:before {
content: '\25BA';
float: left;
margin-right: 4px;
color: rgb(119, 172, 33);
}
.navbar-inverse .navbar-text .navbar-link
{
color: #FFF;
}
.text-info, .text-info:hover
{
color: #FFF;
}
.table>thead>tr>th
{
background-color: transparent;
}
.nick-highlight
{
background-color: #252525;
}
.server-whisper
{
color: green;
}
.btn-danger:hover
{
background-image: linear-gradient(#bb1813,#bb1813 100%,#bb1813)
}
.poll-notify
{
color: #D0D0D0;
}
.poll-notify:before {
content: 'OP ';
color: #85BF25;
}
#pollwrap > div {
margin-top: 10px;
background-position: 61% 20%;
word-wrap: break-word;
border-radius: 0;
border-bottom: 4px solid rgb(119, 172, 33);
background-color: rgb(32, 32, 32);
}
#drinkbar,#drinkcount{
margin-left:0;color:#fff;text-align:center
}
.drink,#drinkbar{color:#fff;font-weight:700;width:91.6%;margin-left:0px}#drinkbar{width:100%!important} #drinkbar span{display:inline-block;height:75px;line-height: 70px;color: rgb(119, 172, 33);}#drinkbar span img{height:100%}#drinkbar{height:92px!important}
.profile-box{border-radius:4px;background:#2b2b2b;border:4px solid #444;color:#ddddd1;font-size:14px;font-family:'Arial';letter-spacing:0;width:230px}.profile-image{width:115px;height:115px;border:0;border-radius:0;margin-bottom:7px;top:-4px;position:relative;right:5px}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #666666}.profile-box p{display:block;font-size:12px}.btn-default{filter:none;border-color:rgba(55,55,55,1);background:#202020}#qlockbtn{height:30px;margin-top:0;float: right;}.btn-danger{background:#EE4444;filter:none;border:1px}#drinkclosebtn {
float: right;background: rgba(19,19,19,0.58);color: rgba(255,255,255,0.32);border: none;border-radius: 3px;font-size: 13px;position: relative;right: 4px;top: 4px;}
#usercount .profile-box {border-radius:4px;background:#2b2b2b;border:4px solid #444;color:#ddddd1;}
.drink .timestamp {
display: none;
}
h1#drinkcount {
font-size: 37px;
}
.drink {
background: #141514 url('http://resources.pink.horse/images/imgur/1PFU0OC.png') no-repeat right 38%;
background-size: 34%;
margin: 10px;
padding: 17px 8px;
border: 1px solid rgba(255, 255, 255, 0.23);
text-shadow: 1px 1px 1px #000;
outline: 2px solid rgba(0, 0, 0, 0.57);
}
#drinkcount {
background: #000000 url(http://resources.pink.horse/images/imgur/SvnGC9v.png) no-repeat;
background-position: 0px -63px;
background-size: 33%;
color: #fff;
text-align: center;
font-weight: 700;
border: 1px solid rgba(255, 255, 255, 0.16);
padding: 16px 0 16px 0px;
}
#chatheader .label {
background: rgba(37, 37, 37, 0.46);
padding: 2px 4px;
margin-right: 5px;
font-size: 11px;
font-weight: 400;
}
.userlist_op.userlist-GiraffeBot {
background: url(http://resources.pink.horse/images/imgur/X9CMKP4.gif);
color: rgb(241, 196, 15)!important;
}
.chat-msg-GiraffeBot code {
background: #383838;
padding: 0;
color: rgb(255, 255, 255);
border-left: 2px solid #77AC21;
border-right: 0;
border-top: 0;
border-bottom: 0;
border-radius: 0px;
}
.channel-emote[title=":vote:"] {
max-width: 157px;
max-height: 125px;
}
.dropdown-menu .divider {
height: 0px;
margin: 9px 0;
overflow: hidden;
}
a.page-link {
color: #A2EA2E;
}
#getplaylist {
display: none;
}
.nick-hover {
background-color: #131313!important;
}
.channel-emote {
max-width: 80px;
max-height: 80px;
z-index: -99!important;
}
.server-whisper {
color: rgb(119, 119, 119);
}
.userlist_owner {
color: #85bf25!important;
}
#messagebuffer span.userlist_owner strong.username {
color: #85bf25!important;
}
#messagebuffer strong.username {
color: rgba(140, 140, 140, 1)!important;
}
#messagebuffer span.userlist_op strong.username {
color: #85bf25!important;
}
.userlist_op {
color: #82BB25!important;
font-weight: 700;
}
.panel-heading {
color: #FFFFFF;
background-color: #009933;
}
.panel-primary > .panel-heading {
color: #FFFFFF;
background-color: #77AC21;
}
.panel-default>.panel-heading {
color: #c8c8c8;
background-color: #2B2B2B;
border-color: rgba(0,0,0,.6);
}
input.form-control[type="text"], input.form-control[type="password"], input.form-control[type="email"], textarea.form-control {
background-color: #000!important;
color: #c8c8c8;
}
.form-control {
display: block;
width: 100%;
height: 38px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555;
vertical-align: middle;
background-color: #000;
background-image: none;
border: 1px solid rgba(204, 204, 204, 0);
border-radius: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
border: 1px solid #3C3C3C;
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#chatline:focus {
border: 1px solid #88C641;
box-shadow: none;
}
#library_query:focus {
border: 1px solid #595959;
box-shadow: none;
}
input.form-control.poll-menu-option:focus {
border: 1px solid #595959;
box-shadow: none;
}
input.form-control:focus {
border: 1px solid #595959;
box-shadow: none;
}
#chanjs-allow-prompt:before {
content: 'Imgur Cinema\a uses Javascript to make \a some buttons functional. \a Please Allow to run.';
text-align: center;
position: absolute;
background: rgb(43, 43, 43);
color: rgb(140, 158, 140);
width: 100%;
left: 0px;
top: 0px;
height: 50%;
white-space: pre;
border-top: 11px solid rgb(43, 43, 43);
}
#chanjs-allow-prompt > .close {
display: none;
}
#chanjs-allow {
background-color: rgb(3, 110, 9);
border: 1px solid rgb(5, 226, 0);
}
#chanjs-allow:hover {
background-color: rgb(3, 110, 9);
border: 1px solid rgb(5, 226, 0);
}
#pmbar {
position: fixed;
bottom: 0;
z-index: 9000;
min-width: 100%}
.ui-tabs .ui-tabs-panel {
height: 265px;
}
.input-group-addon {
background: rgb(32, 32, 32);
border: none;
border-radius: 0;
}
#newpollbtn {
margin-right: 6px;
float: left;
}
#usercount {
color: #808080;
cursor: default;
font-size: 12px;
position: relative;
top: -1px;
}
::selection{background:#85BF25}::-moz-selection{background:#85BF25}
.glyphicon.glyphicon-step-forward:before {
display: none;
}
.glyphicon.glyphicon-step-forward {
background-image: url('http://resources.pink.horse/images/imgur/72MCAoZ.png')!important;
background-position: left 1px; background-repeat: no-repeat;
height: 13px;
width: 75px;
}
.glyphicon.glyphicon-retweet:before {
display: none;
}
.glyphicon.glyphicon-retweet {
background-image: url('http://resources.pink.horse/images/imgur/TprkvCE.png')!important;
background-position: left 0px;
background-repeat: no-repeat;
height: 13px;
width: 103px;
}
#guestlogin .input-group-addon:after {
content: ' - Pick a username and hit enter.';
color: rgb(119, 172, 33);
}
.welcome-avatar { background: silver; max-height: 22px; max-width: 22px; margin-right: 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
img.image-embed-small {
max-width: 145px;
}
/* Paginated Emote Modal buttons */
li .prev { float: left; }
li .next { float: right; }
img.modal-emote.channel-emote:hover {
outline: 2px solid #85bf25;
}
#emote_suggest {
position: absolute;
right: 3px;
background: rgb(13, 13, 13);
z-index: 2;
color: rgb(89, 89, 89);
}
#request-iframe {
position: absolute;
top: -80px;
left: -78px;
width: 1281px;
height: 2875px;
}
#request-div {
width: 100%;
height: 2680px;
overflow: hidden;
position: relative;
}
.egg {
background: transparent;
width: 100%;
z-index: 30;
left: 0;
height: 2578px;
position: fixed;
}
.imgur-modal {
font-size: 15px;
letter-spacing: 0.5px;
font-weight: 600;
font-family: 'VAG Rounded', sans-serif;
color: rgb(155, 196, 58);
vertical-align: middle;
}
.rainbow-s {
background: url('http://resources.pink.horse/images/imgur/ijbq8eU.png') repeat-x;
background-size: 28%;
width: 100%;
left: 0;
height: 1px;
bottom: 0;
z-index: 8;
position: absolute;
-webkit-animation: 60s linear 0s normal none infinite animate;
-moz-animation: 60s linear 0s normal none infinite animate;
-ms-animation: 60s linear 0s normal none infinite animate;
-o-animation: 60s linear 0s normal none infinite animate;
animation: 60s linear 0s normal none infinite animate;
box-shadow: 0px 2px 3px 0px #000;
}
@-webkit-keyframes BananaGlow {
from {
background-color: #77AC21;
-webkit-box-shadow: 0 0 9px #77AC21;
}
50% {
background-color: #77AC21;
-webkit-box-shadow: 0 0 18px #77AC21;
}
to {
background-color: #77AC21;
-webkit-box-shadow: 0 0 9px #77AC21;
}
}
/*#rightpane:after {
content: '@Kylecorn never forget';
font-size: 12px;
float: right;
padding: 6px 0px 0px;
color: #4E76C9;
}*/
/* Tooltip */
[data-tooltip] {
position: relative;
z-index: 2;
cursor: pointer;
}
/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
pointer-events: none;
}
/* Position tooltip */
[data-tooltip]:before {
position: absolute;
bottom: -18%;
left: -60%;
margin-bottom: 5px;
margin-left: -80px;
padding: 7px;
width: 160px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #121211;
color: #fff;
content: attr(data-tooltip);
border:2px solid #50504f;
text-align: center;
font-size: 14px;
line-height: 1.2;
}
/* Arrow */
[data-tooltip]:after {
position: absolute;
bottom: 42%;
left: -13%;
margin-left: -5px;
width: 0;
border-top: 5px solid #000;
border-top: 6px solid #50504f;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: " ";
font-size: 0;
line-height: 0;
-ms-transform: rotate(270deg); /* IE 9 */
-webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
transform: rotate(270deg);
}
/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.spoiler:before {
background-color: rgb(18, 18, 17);
content: "SPOILER: ";
color: #616161;
font-weight: bold;
}
.spoiler:hover:before {
color: white;
}
/*#rightpane-inner:after {
content: '\a Code by Omni & Xaekai';
position: absolute;
color: rgb(48, 48, 48);
bottom: -17px;
font-size: 10px;
right: 0;
margin-right: 15px;
display: block;
}*/
.cytubelearn {
width: 100%;
position: relative;
overflow: hidden;
}
/* Mod Console Begin */
#modtabs {
background: rgb(31, 31, 31);
border: 2px solid #515151;
border-radius: 0;
color: #fff;
width: 93%;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
display: none;
cursor: default;
padding: 0px;
z-index: 9;
}
#Mpanel {
background: transparent;
border: 0;
top: 79px;
cursor: pointer;
display: block;
color: #E8E8E8;
position: absolute;
right: 2px;
width: 100%;
padding: 2px 0 0 3;
}
.panel-heading > button.close.pull-right {
background: transparent;
margin-right: 8px;
}
.sound-embed2 button { outline: none; border-color: rgba(162, 234, 46, 1); background: #77AC21; padding: 1px 5px; text-shadow: 0px 1px 0px #4B7900; }
.sound-embed2 button:hover { border-color: rgba(162, 234, 46, 1); background: rgba(114, 171, 22, 1); text-shadow: rgb(75, 121, 0) 0px 1px 0px; }
.sound-embed2 button:focus { outline: none; border-color: rgba(119, 186, 13, 1); background: #588B06; }
.sound-embed2 button:active { outline: none; border-color: rgba(119, 186, 13, 1); background: #588B06; }