Jump to content

User:CSteipp (WMF)/DRW.css

From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
#signuptopbox li{
        float:left;
        list-style:none;
        font-family:sans-serif;
}
#signuptopbox li{
        color:#3ca7d4;
        background:#c2e1f9;
        line-height:2.8em;
        margin-right:.25em;
        padding-right:.5em;
}
#signuptopbox li.pr-active, #signuptopbox li.pr-active div{
        color:#67ca36;
        background:#d4f9c2;
        border-color:#fff #fff #fff #67ca36;
}
#signuptopbox li div{
        width:0;
        height:0;
        border-color:#fff #fff #fff #3CA7D4;
        border-style:solid;
        border-width:1.4em .3em 1.4em 1.4em;
        float:left;
}
#signuptopbox li span.pr-number{
        display:block;
        width: 1.8em;
        line-height: 1.8em;
        background:#3ca7d4;
        color:#c2e1f9;
        text-align:center;
        margin:.5em;
        -webkit-border-radius:50%;
        -moz-border-radius:50%;
        -ms-border-radius:50%;
        -o-border-radius:50%;
        border-radius:50%;
        font-weight:600;
        float:left;
}
#signuptopbox li.pr-active span.pr-number{
        background:#67ca36;
        color:#d4f9c2;
}
#signuptopbox li span{float:left;}
#signuptopbox li.pr-spacer{padding:0}


/* Buttons */

.drwButtons {
	display: inline;
	float: left;
	margin-right: 8px;
	text-align: center;
}

.button1 {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:17px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
}.button1:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.button1:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */