User:So9q/common.css

/* 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; }

position: absolute; }
 * html .toast-container {

.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-[value] * 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-[value] * 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%; }