/* Improved mobile support for QQ*/
.kephir-qq {
font-size: 10pt;
position: fixed/* !important*/;
width: 100%; /*larger screen utilization*/
height: 80%; /*to prevent text from flowing outside the viewport*/
padding-bottom: 30px; /*to prevent text from flowing outside the div*/
left: 0%;
top: 3em;
border: 2px solid #3c3;
background: #efe;
color: black;
z-index: 12;
}
.kephir-qq .tabs {
height: 70%; /*to prevent text from flowing outside the div*/
overflow-y: auto;/**/
}
/*ul {
list-style-type: none;}
*/
/* needed for User:So9q/sandbox with CSS columns */
.translations {
column-gap: 20px;
text-align: left;
column-width: 30em;
background-color: #FFFFE0;
}
/*for ImprovedEditor.js*/
.singleton-button {
font-size: 1.5em;
}
/*for edittranslations.js*/
.transEditButton {
font-size: smaller;
}
.defEditButton {
position: absolute;
margin-left: -45px;
width: 45px;
height: 20px;
}
ol li:hover .defEditButton span {
opacity: 1;
filter: alpha(opacity=100);
}
.defEditButton span {
display: block;
margin-top: 3px;
margin-left: 10px;
cursor: pointer;
height: 10px;
width: 10px;
opacity: 0;
filter: alpha(opacity=0);
transition: opacity .15s;
-webkit-transition: opacity .15s;
-moz-transition: opacity .15s;
-o-transition: opacity .15s;
background-image: url(//upload.wikimedia.org/wikipedia/commons/d/d3/InterlanguageLinks-Asset-Pencil.gif);
}
.defEditButton span:hover { background-image: url(//upload.wikimedia.org/wikipedia/commons/d/d1/InterlanguageLinks-Asset-Pencil-Hover.gif) }
.addusexbutton {
padding-left: 15px;
margin-top: 0px;
overflow: hidden;
-webkit-transition: all 0.3s 0.3s;
-moz-transition: all 0.3s 0.3s;
-ms-transition: all 0.3s 0.3s;
-o-transition: all 0.3s 0.3s;
transition: all 0.3s 0.3s;
height: 0px;
}
li:hover>.addusexbutton {
margin-top: -4px;
height: 19px;
}
.addusexbutton>a {
user-select: none;
vertical-align: top;
cursor: pointer;
font-size: 10px;
}
.addusexbutton>a+a { margin-left: 15px }
.addusexbutton li a {
display: block;
cursor: pointer;
}
.addusexbutton li a.DSBinactive {
color: #AAAAAA;
cursor: default;
}
.addusexbutton ul {
display: none;
position: absolute;
background-color: #FFFFFF;
border: 1px solid #AAA;
list-style: none;
padding: 1px 10px;
margin: -12px 0 0 5px;
}
.DSBRedButton,
.DSBGreenButton {
display: inline-block;
padding: 0px;
border-radius: 5px;
border: #9D9D9D solid 1px;
}
.DSBRedButton {
margin-right: 5px;
margin-left: 3px;
}
.DSBRedButton div,
.DSBGreenButton div {
padding: 1px 5px;
display: inline-block;
font-size: 14px;
color: white;
font-weight: bold;
border-radius: 5px;
cursor: pointer;
}
.DSBRedButton div {
border-left: 1px solid #CA0000;
border-top: 1px solid #CA0000;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #C70000),color-stop(1, #7A0000));
background: -moz-linear-gradient(top, #C70000, #7A0000);
background: -o-linear-gradient(top, #C70000, #7A0000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C70000', endColorstr='#7A0000');
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C70000', endColorstr='#7A0000');
background-color: #C70000;
}
.DSBGreenButton div {
border-left: 1px solid #3BB677;
border-top: 1px solid #3BB677;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #3BB475),color-stop(1, #246E48));
background: -moz-linear-gradient(top, #3BB475, #246E48);
background: -o-linear-gradient(top, #3BB475, #246E48);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3BB475', endColorstr='#246E48');
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3BB475', endColorstr='#246E48');
background-color: #3BB475;
}
/* for toastmaster */
.toast-container {
width: 280px;
z-index: 9999;
}
* html .toast-container {
position: absolute;
}
.toast-item {
height: auto;
background: #333;
opacity: 0.9;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
color: #eee;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 6px;
padding-right: 6px;
font-family: lucida Grande;
font-size: 14px;
border: 2px solid #999;
display: block;
position: relative;
margin: 0 0 12px 0;
}
.toast-item p {
text-align: left;
margin-left: 50px;
}
/*
.toast-item-close {
background:url(../images/close.gif);
width:22px;
height:22px;
position: absolute;
top:7px;
right:7px;
}
*/
.toast-item-image {
width:32px;
height: 32px;
position: absolute;
top: 50%;
margin-top: -16px;
left: 10px;
}
/*
.toast-item-image-notice {
background:url(../images/notice.png);
}
.toast-item-image-success {
background:url(../images/success.png);
}
.toast-item-image-warning {
background:url(../images/warning.png);
}
.toast-item-image-error {
background:url(../images/error.png);
}
*/
/**
* toast types
*
* pattern: toast-type-
* where 'value' is the real value of the plugin option 'type'
*
*/
.toast-type-notice {
color: white;
}
.toast-type-success {
color: white;
}
.toast-type-warning {
color: white;
border-color: #FCBD57;
}
.toast-type-error {
color: white;
border-color: #B32B2B;
}
/**
* positions
*
* pattern: toast-position-
* where 'value' is the real value of the plugin option 'position'
*
*/
.toast-position-top-left {
position: fixed;
left: 20px;
top: 20px;
}
.toast-position-top-center {
position: fixed;
top: 20px;
left: 50%;
margin-left: -140px;
}
.toast-position-top-right {
position: fixed;
top: 20px;
right: 20px;
}
.toast-position-middle-left {
position: fixed;
left: 20px;
top: 50%;
margin-top: -40px;
}
.toast-position-middle-center {
position: fixed;
left: 50%;
margin-left: -140px;
margin-top: -40px;
top: 50%;
}
.toast-position-middle-right {
position: fixed;
right: 20px;
margin-left: -140px;
margin-top: -40px;
top: 50%;
}