User:Zhaofeng Li/vada/vada.css

position: fixed; top: 50px; bottom: 0; left: 0; width: 150px; background-color: grey; overflow-x: hidden; overflow-y: auto; }	overflow-x: hidden; overflow-y: auto; background-color: grey; height: 100%; width: 150px; }	position: fixed; top: 50px; bottom: 2px; left: 150px; right: 2px; overflow: auto; font-family: sans-serif; font-size: 0.875em; padding: 50px 20px 20px 20px; } .revframe{ width: 100%; height: 100%; } /*	position:fixed; top:0; left:0px; right:0; height:50px; z-index: 999; }	height:40px; width:40px; }	position: absolute; top: -1000px; opacity: 0; background-color: #DDD; }	opacity: 1; top: 100%; }	margin: 0 auto; padding: 0; list-style: none; position: relative; }	content: ""; clear: both; display: block; }	float: left; padding: 2px; border-radius:7px; cursor: pointer; }	float: none; position: relative; }		background-color: #00F; color: #FFF; }
 * 1) sidebar{
 * 1) queue{
 * 1) diffcontainer{
 * 1) topbar{
 * 1) topbar img{
 * 1) topbar ul ul {
 * 1) topbar ul li:hover>ul {
 * 1) topbar ul {
 * 1) topbar ul:after {
 * 1) topbar ul li {
 * 1) topbar ul ul li {
 * 1) topbar ul ul li:hover {

.check{ background-color: #00F; } .menu-disabled{ opacity: 0.5; filter: url("data:image/svg+xml;utf8, #grayscale"); -webkit-filter: grayscale(100%); } .anon:after { line-height: 12px; width: 12px; content: "\a0"; position: absolute; left: 110px; padding: 2px; margin-top: 2px; background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/anon.png"); } .reverted:after { line-height: 12px; width: 12px; content: "\a0"; position: absolute; left: 110px; padding: 2px; margin-top: 2px; background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/reverted.png"); } .tag:after { line-height: 12px; font-weight: bold; font-size: 12px; text-align: center; width: 12px; content: attr(data-af); position: absolute; left: 110px; padding: 2px; margin-top: 2px; background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/tag.png"); } .replaced:after { line-height: 12px; width: 12px; content: "\a0"; position: absolute; left: 110px; padding: 2px; margin-top: 2px; background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/replaced.png"); } .blanked:after { line-height: 12px; width: 12px; content: "\a0"; position: absolute; left: 110px; padding: 2px; margin-top: 2px; background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/blanked.png"); } .warn1:after { line-height: 12px; width: 12px; content: "\a0"; position: absolute; left: 110px; padding: 2px; margin-top: 2px; background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/warn-1.png"); } .warn2:after { line-height: 12px; width: 12px; content: "\a0"; position: absolute; left: 110px; padding: 2px; margin-top: 2px; background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/warn-2.png"); } .warn3:after { line-height: 12px; width: 12px; content: "\a0"; position: absolute; left: 110px; padding: 2px; margin-top: 2px; background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/warn-3.png"); } .warn4:after { line-height: 12px; width: 12px; content: "\a0"; position: absolute; left: 110px; padding: 2px; margin-top: 2px; background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/warn-4.png"); } .reported:after { line-height: 12px; width: 12px; content: "\a0"; position: absolute; left: 110px; padding: 2px; margin-top: 2px; background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/reported.png"); } .blocked:after { line-height: 12px; width: 12px; content: "\a0"; position: absolute; left: 110px; padding: 2px; margin-top: 2px; background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/blocked.png"); } .lbjs{ padding-right: 2px !important; padding-left: 2px !important; } .lbjs-list{ overflow-x: hidden; } .lbjs-item{ width: 120px; overflow: hidden; padding-left:0px !important; text-overflow: clip; white-space: nowrap; }	position: fixed; right: 0; top: 0; height: 50px; font-size: 16px; }	position: absolute; width: 100px; right: 100px; }	position: relative; top: 25px; width: 100px; right: 100px; }	overflow-y: auto; overflow-x: hidden; height: 45px; width: 94px; position: absolute; right: 0; top: 0; border: 1px solid #AAA; padding: 0px 1px; margin: 2px 1px; line-height: 14px; }	position: relative; right: 100px; width: 200px; top: 25px; } .ct{ width: 18px; display: inline-block; border: 1px solid #999; } .ct div { position: fixed; top: 52px; right: 2px; width: 350px; padding: 2px; background-color: #DDD; border: 1px solid #999; display: none; z-index: 1; } .ct div:hover { display: none!important; } .ct div span{ display: block; } .ct:hover>div { display: block; } .ct-time{ white-space: nowrap; display: inline!important; } .ct-title{ font-weight: bold; white-space: nowrap; } .ct-size{ padding-left: 100px; display: inline!important; } .ct-tags{ font-style: italic; }	position: absolute; right: 208px; width: 200px; top: 2px; }	float :right; } .hs{ width: 18px; display: inline-block; border: 1px solid #999; } .hs div { position: fixed; top: 52px; right: 2px; width: 350px; padding: 2px; background-color: #DDD; border: 1px solid #999; display: none; z-index: 1; } .hs div:hover { display: none!important; } .hs div span{ display: block; } .hs:hover>div { display: block; } .hs-time{ white-space: nowrap; display: inline!important; } .hs-user{ font-weight: bold; white-space: nowrap; } .hs-size{ padding-left: 100px; display: inline!important; } .hs-tags{ font-style: italic; } .hs-before{ border-left: 1px solid transparent; } .hs-after{ border-right: 1px solid transparent; } .hs-current{ border-color-top: red; border-color-right: red; border-color-bottom: red; } .hs-prev{ border-color-top: red; border-color-left: red; border-color-bottom: red; } .blob{ cursor: pointer; /*background-position-y: 2px; background-position-x: 1px;*/ background-position: 1px; background-repeat: no-repeat; background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/none.png"); } /*	background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs.png"); background-width: 16px; }	background-image: url("//raw.github.com/huggle/huggle/master/huggle/Resources/blobs/blob-blank.png"); } .blob-anon{ background-image: url("//raw.github.com/huggle/huggle/master/huggle/Resources/blobs/blob-anon.png"); } .blob-ignore, .blob-wl{ background-image: url("//raw.github.com/huggle/huggle/master/huggle/Resources/blobs/blob-ignored.png"); } .blob-revert{ background-image: url("//raw.github.com/huggle/huggle/master/huggle/Resources/blobs/blob-revert.png"); } .blob-blanked{ background-image: url("//raw.github.com/huggle/huggle/master/huggle/Resources/blobs/blob-blanked.png"); } .blob-replaced{ background-image: url("//raw.github.com/huggle/huggle/master/huggle/Resources/blobs/blob-replaced.png"); } .blob-tag{ background-image: url("//raw.github.com/huggle/huggle/master/huggle/Resources/blobs/blob-tag.png"); } .blob-warn1{ background-image: url("//raw.github.com/huggle/huggle/master/huggle/Resources/blobs/blob-warn-1.png"); } .blob-warn2{ background-image: url("//raw.github.com/huggle/huggle/master/huggle/Resources/blobs/blob-warn-2.png"); } .blob-warn3{ background-image: url("//raw.github.com/huggle/huggle/master/huggle/Resources/blobs/blob-warn-3.png"); } .blob-warn4{ background-image: url("//raw.github.com/huggle/huggle/master/huggle/Resources/blobs/blob-warn-4.png"); } .blob-reported{ background-image: url("//raw.github.com/huggle/huggle/master/huggle/Resources/blobs/blob-reported.png"); } .blob-blocked{ background-image: url("//raw.github.com/huggle/huggle/master/huggle/Resources/blobs/blob-blocked.png"); } .blob-anon{ background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/anon.png"); } .blob-blank{ background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/blank.png"); } .blob-blocknote{ background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/blocknote.png"); } .blob-bot{ background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/bot.png"); } .blob-ignored, .blob-wl{ background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/ignored.png"); } .blob-me{ background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/me.png"); } .blob-message{ background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/message.png"); } .blob-new{ background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/new.png"); } .blob-redirect{ background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/redirect.png"); } .blob-report{ background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/report.png"); } .blob-reverted{ background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/reverted.png"); } .blob-revert{ background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/revert.png"); } .blob-tag{ background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/tag.png"); } .blob-warn1{ background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/warn-1.png"); } .blob-warn2{ background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/warn-2.png"); } .blob-warn3{ background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/warn-3.png"); } .blob-warn4{ background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/warn-4.png"); } .blob-warning{ background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/warning.png"); } .blob-blanked{ background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/blanked.png"); } .blob-reported{ background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/reported.png"); } .blob-blocked{ background-image: url("//tools.wmflabs.org/cluestuff/wave/blobs/blocked.png"); }
 * 1) topbarright{
 * 1) pagename{
 * 1) username{
 * 1) userwarns,#extrainfo{
 * 1) contributions{
 * 1) history{
 * 1) history > span{

/* vada bodge */

left: 173px; }	bottom:200px; }	display:none; position:fixed; left:173px; bottom:0; height:200px; right:0; }	display:inline; }	width:100%; height:160px; border-color:lightgrey; border-width:3px 0 1px 0; }	position:absolute; left:0; right:0; }	position: absolute; left: 70px; right: 20px; }	position:absolute; right:0; }	width:95%; }	width: 173px; background-color: #eee; overflow-y: scroll; padding-top: 3px; }	background-color: white; font-size: 10pt; cursor: pointer; width: 138px; padding-left: 2px; margin: 2px; margin-top: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom: 1px solid #ccc; }	background: rgba(112, 147, 216, 0.9); }	left: 135px; margin-top: 0px; }	bottom:100px; } .texttitle{ text-align: center; }	bottom: 0; height: auto; width: 173px; left: 0; position: fixed; background-color: #ddd; font-size: 10pt; display: none; }	display:inline; }	text-align:center; }	width:120px; }	width:100px; }	position:absolute; left:200px; top:70px; bottom:50px; right:30px; padding:10px; border-radius:10px; background-color:#ddd; overflow:auto; display:none; }	display:inline; }	padding:5px; background-color:#ccc; border-radius:20px; float:right; cursor:pointer; }
 * 1) diffcontainer{
 * 1) diffcontainer.eb{
 * 1) editwrap{
 * 1) editwrap.eb{
 * 1) editbox{
 * 1) editwrap>div{
 * 1) editwrap>div>span:nth-of-type(1) {
 * 1) editwrap>div>span:last-child{
 * 1) summarybox{
 * 1) sidebar{
 * 1) sidebar div{
 * 1) sidebar div:hover{
 * 1) sidebar div:after{
 * 1) sidebar.qb{
 * 1) queuebuilder{
 * 1) queuebuilder.qb{
 * 1) queuebuilder div{
 * 1) queuebuilder select{
 * 1) queuebuilder input{
 * 1) filterwindow{
 * 1) filterwindow.show{
 * 1) closefilterwindow{

/* ********************************************************************** This is written by Austin Cheney on 3 Mar 2009. Anybody may use this; code without permission so long as this comment exists verbatim in each; instance of its use.

http: //www.travelocity.com/ http: //mailmarkup.org/ http: //prettydiff.com/ .default h2, .default h3 { border-color: #000; } .default .diff, .default .beautify, .default .diff-right, .default .diff-right .data, .default .diff-left { border-color: #669; } .default .diff .count, .default .beautify .count { background: #eed; border-color: #bbc; color: #664; } .default .diff .count .empty { color: #eed; } .default .diff .count li, .default .beautify .count li { background: #eed; border-color: #aa8; color: #886; } .default .diff h3 { background: #efefef; border-color: #669 #669 #bbc; } .default .diff .empty { background-color: #ddd; border-color: #ccc; } .default .diff .replace { background-color: #fd8; border-color: #cb6; } .default .diff .data .replace em { background-color: #ffd; border-color: #963; color: #630; } .default .diff .delete { background-color: #e99; border-color: #b88; } .default .diff .data .delete em { background-color: #fdd; border-color: #700; color: #600; } .default .diff .equal, .default .beautify .data li { background-color: #fff; border-color: #ddd; } .default .diff .skip { background-color: #efefef; border-color: #ccc; } .default .diff .insert { background-color: #9e9; border-color: #6c6; } .default .diff .data .insert em { background-color: #efc; border-color: #070; color: #050; } .default .diff p.author { background: #efefef; border-color: #bbc #669 #669; } .diff, .beautify { border-style: solid; border-width: 0.2em; display: inline-block; font-family: 'Courier New', Courier, 'Lucida Console', monospace; margin: 0px 1em 1em 0px; /*position: relative;*/ font-size: 12px; } .diff .skip { border-style: none none solid; border-width: 0px 0px 0.1em; } .diff li, .diff p, .diff h3, .beautify li { font-size: 1.1em; } .diff .diff-left, .diff .diff-right { display: table-cell; } .diff .diff-left { border-style: none none none solid; border-width: 0px 0px 0px 0.1em; } .diff .diff-right { border-style: none none none solid; border-width: 0px 0px 0px 0.1em; margin-left: -.1em; min-width: 16.5em; right: 0px; top: 0px; } .diff-right .data ol { min-width: 16.5em; } .diff-right .data { border-style: none solid none none; border-width: 0px 0.1em 0px 0px; width: 100%; } .diff-right .data li { min-width: 16.5em; } .diff ol, .beautify ol { display: table-cell; margin: 0px; padding: 0px; } .diff li, .beautify li { border-style: none none solid; border-width: 0px 0px 0.1em; display: block; line-height: 1.2; list-style-type: none; margin: 0px; padding-bottom: 0px; padding-right: 0.5em; } .diff li { padding-top: 0.5em; } .diff .count, .beautify .count { border-style: solid; border-width: 0px 0.1em 0px 0px; font-weight: normal; padding: 0px; text-align: right; } .diff .count li, .beautify .count li { padding-left: 2em; } .diff .data, .beautify .data { text-align: left; white-space: pre; } .diff .data li, .beautify .data li { letter-spacing: 0.1em; padding-left: 0.5em; white-space: pre; }

.diff li em { font-style: normal; margin: 0px -.09em; padding: 0.05em 0px; } .diff p.author { border-style: solid; border-width: 0.2em 0.1em 0.1em; margin: 0px; overflow: hidden; padding: 0.4em; text-align: right; } .diff .replace em, .diff .delete em, .diff .insert em { border-style: solid; border-width: 0.1em; }

position: fixed; top: 0; left: 0px; right: 0; height: 50px; z-index: 999; border-bottom: 4px solid #ccc; }	height: 40px; width: 40px; }	margin: 0 auto; padding: 0; list-style: none; position: relative; transition: opacity .1s; -webkit-transition: opacity .1s; -moz-transition: opacity .1s; -o-transition: opacity .1s; }	content: ""; clear: both; display: block; }	float: left; padding: 2px; border-radius:7px; cursor: pointer; }	opacity: 1; top: 100%; }	position: absolute; top: -1000px; opacity: 0; background-color: #fff; float: left; min-width: 155px; border-radius: 2px; border: 1px solid #ccc; padding: 3px 4px; font-family: sans-serif; }	float: none; position: relative; border-radius: 3px; }		background-color: #4c85fb; color: #FFF; }	position: absolute; float: left; left: 300px; background-color: transparent; }	color: #000; float: none; position: relative; top: -20px; background-color: #DDD; border-radius: 0; }	color: #FFF; }	max-width: 60%; border-bottom: 1px solid #ccc; }	margin-right: auto; }	list-style-type: none; padding: 0; }
 * 1) topbar{
 * 1) topbar img{
 * 1) topbar ul {
 * 1) topbar ul:after {
 * 1) topbar ul li {
 * 1) topbar ul li:hover>ul {
 * 1) topbar ul ul {
 * 1) topbar ul ul li {
 * 1) topbar ul ul li:hover {
 * 1) topbar ul ul ul {
 * 1) topbar ul ul ul li {
 * 1) topbar ul ul ul li:hover {
 * 1) welcome {
 * 1) queuebuilder button {
 * 1) installedlist {

h1 { font-style: italic; font-family: "Linux Libertine", Georgia, Times, serif; } input, button { border: 1px solid #ccc; padding: 5px; margin: 2px; border-radius: 3px; transition: background .1s, border .1s, margin-top .1s; -moz-transition: background .1s, border .1s, margin-top .1s; -webkit-transition: background .1s, border .1s, margin-top .1s; -o-transition: background .1s, border .1s, margin-top .1s; } button { display: inline-block; } button:hover { background: #ddd; border-bottom: 2px solid #999; margin-top: -1px; } input:hover, input:focus { border: 1px solid #999; }