MediaWiki:Mainpage.css

/* Main Page */ /* Button for mobile */ .mainpage input[type='submit'] { border-radius: 10px; -webkit-border-radius: 10px; border: none; background-color: #FFA726; background-image: -moz-linear-gradient(top,#FFA726 0%,#E36600 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFA726),color-stop(100%,#E36600)); background-image: -webkit-linear-gradient(top,#FFA726 0%,#E36600 100%); background-image: -o-linear-gradient(top,#FFA726 0%,#E36600 100%); background-image: -ms-linear-gradient(top,#FFA726 0%,#E36600 100%); background-image: linear-gradient(to bottom,#FFA726 0%,#E36600 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa726',endColorstr='#e36600',GradientType=0 ); height: 20px; line-height: 20px; color: #FFF; font-weight: bold; } .mainpage input[type='submit']:hover { background-color: #FFB74D !important; background-image: -moz-linear-gradient(top,#FFB74D 0%,#FF790B 100%) !important; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFB74D),color-stop(100%,#FF790B)) !important; background-image: -webkit-linear-gradient(top,#FFB74D 0%,#FF790B 100%) !important; background-image: -o-linear-gradient(top,#FFB74D 0%,#FF790B 100%) !important; background-image: -ms-linear-gradient(top,#FFB74D 0%,#FF790B 100%) !important; background-image: linear-gradient(to bottom,#FFB74D 0%,#FF790B 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb74d',endColorstr='#ff790b',GradientType=0 ); } /* Rest of CSS */ .mainpage .mainHeader { background-color: #136CBA; background-image: -moz-linear-gradient(top,#187EC9 0%,#0E59AA 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#187EC9),color-stop(100%,#0E59AA)); background-image: -webkit-linear-gradient(top,#187EC9 0%,#0E59AA 100%); background-image: -o-linear-gradient(top,#187EC9 0%,#0E59AA 100%); background-image: -ms-linear-gradient(top,#187EC9 0%,#0E59AA 100%); background-image: linear-gradient(to bottom,#187EC9 0%,#0E59AA 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#187EC9',endColorstr='#0E59AA',GradientType=0 ); border-radius: 15px; -webkit-border-radius: 15px; text-align: center; padding: 0.25em 0.5em; color: white; font-weight: bold; } .mainpage .mainHeader a { text-decoration: underline; color: white; } .mainpage .mainHeader a:hover { text-shadow: 0 0 10px white; } .mainpage .mainHeader .createboxInput { background-color: #FDFDFD; background-image: -moz-linear-gradient(top,#FDFDFD 0%,#CFD2DA 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FDFDFD),color-stop(100%,#CFD2DA)); background-image: -webkit-linear-gradient(top,#FDFDFD 0%,#CFD2DA 100%); background-image: -o-linear-gradient(top,#FDFDFD 0%,#CFD2DA 100%); background-image: -ms-linear-gradient(top,#FDFDFD 0%,#CFD2DA 100%); background-image: linear-gradient(to bottom,#FDFDFD 0%,#CFD2DA 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd',endColorstr='#cfd2da',GradientType=0 ); border-radius: 15px; -webkit-border-radius: 15px; border: 2px solid #91AACF; outline: 0; padding: 1px 5px; } .mainpage .mainHeader .createboxInput:focus { background: #FFF !important; box-shadow: inset 2px 2px 7px #C9C9C9; -webkit-box-shadow: inset 2px 2px 7px #C9C9C9; } .mainpage .mainBackground { background-color: #FDFDFD; background-image: -moz-linear-gradient(top,#FDFDFD 0%,#CFD2DA 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FDFDFD),color-stop(100%,#CFD2DA)); background-image: -webkit-linear-gradient(top,#FDFDFD 0%,#CFD2DA 100%); background-image: -o-linear-gradient(top,#FDFDFD 0%,#CFD2DA 100%); background-image: -ms-linear-gradient(top,#FDFDFD 0%,#CFD2DA 100%); background-image: linear-gradient(to bottom,#FDFDFD 0%,#CFD2DA 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd',endColorstr='#cfd2da',GradientType=0 ); border-radius: 15px; -webkit-border-radius: 15px; border: 2px solid #91AACF; padding: 10px; margin-top: 10px; text-align: center; } .mainpage .mainBackground ul { list-style: none; margin-left: 5px; } .mainpage .mainBackground ul li:before { content: '\00BB\0020'; } .mainpage .mainBackground table { width: 100%; text-align: left; } .mainpage .mainBackground .mainNominations div { float: right; } .mainpage .mainNewsBackground { text-align: left !important; margin: 15px 5px 0px 5px; } .mainpage .mainNewsBackground .WikiaBlogListingPost { padding: 10px 0; } .mainpage .mainNewsBackground .WikiaBlogListingPost img { display: none; } .mainpage .mainNewsBackground .WikiaBlogListingPost div { margin: 0; } .mainpage .mainNewsBackground .WikiaBlogListingPost h1 { font-size: 150%; margin-right: 40px; } .mainpage .mainNewsBackground .WikiaBlogListingPost .author-details span { font-size: 90%; } .mainpage .mainNewsBackground .WikiaBlogListingPost .author-details span a { font-weight: normal; } .mainpage .mainNewsBackground .WikiaBlogListingPost blockquote span { display: none; } .mainpage .mainNewsBackground .WikiaBlogListing li:before { content: '' } .mainpage .mainNewsBackground .WikiaBlogListing li { border-bottom: 1px solid #CCC; } .mainpage .mainNewsBackground .ajax-poll { padding: 0; margin-top: 0; border: none !important; background-color: transparent !important; background-image: none !important; } .mainpage .mainNewsBackground .ajax-poll .center { display: none; } .mainpage .mainNewsBackground .ajax-poll input[type='submit'] { float: right; } .mainpage .mainLine { border-top: 1px solid #CCC; text-align: left; padding-top: 5px; } .mainpage .mainRight { float: right; }