MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
Want an adless experience? Log in or Create an account.
(title colors (beta)) |
m (not working properly in my own css, gotta test it here) |
||
Line 40: | Line 40: | ||
.orange { border-color: orange; } | .orange { border-color: orange; } | ||
.orange .title { border-color: orange; background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box2Orange.png") !important; } | .orange .title { border-color: orange; background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box2Orange.png") !important; } | ||
.title-test { background-image: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box2Transparent.png") !important; background-color: #5a7db5; } | |||
/* Infobox */ | /* Infobox */ |
Revision as of 20:20, April 6, 2013
/* CSS placed here will be applied to all skins */ /* CSS styling for the User Welcome */ .user_welcome { border: 2px solid #000; padding: 5px; border-radius: 10px; } .user_welcome .head { border: 1px solid #000; padding: 6px; border-top-right-radius: 10px; border-top-left-radius: 10px; background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box1Color.png"); font-weight: bold; font-size: 18px; } .user_welcome .welcome_content { padding: 5px 0; } /* Common boxes */ .box { margin: 5px 0px; border: 1px solid #5a7db5; padding: 2px; background-color: #f6f6f6; } .darkbox { margin: 1em 0em; border: 3px solid #19345e; padding: .2em; background-color: #c3d1e8; } .box + .box { margin-top: 1em; } .box table { width: 100%; } .title { position: relative; margin-bottom: 2px; border: 1px solid #5a7db5; padding: .2em .4em; background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box2Color.png") !important; font-weight: bold; font-size: 1.1em; } .title ._toggler { position: absolute; right: .5em; } .header { background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box1Color.png") !important; font-weight: bold; } .label { background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box1.png") !important; text-align: left; font-weight: bold; } .label img { vertical-align: -3px; padding-left: 3px; } .even { background-color: #ffffff; } .black { border-color: black; } .black .title { border-color: black; background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box2Black.png") !important; } .gray { border-color: #666666; } .gray .title { border-color: #666666; background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box2Gray.png") !important; } .lightgray { border-color: #999999; } .lightgray .title { border-color: #999999; background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box2LightGray.png") !important; } .white { border-color: #cccccc; } .white .title { border-color: #cccccc; background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box2White.png") !important; } .red { border-color: red; } .red .title { border-color: red; background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box2Red.png") !important; } .blue { border-color: blue; } .blue .title { border-color: blue; background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box2Blue.png") !important; } .green { border-color: green; } .green .title { border-color: green; background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box2Green.png") !important; } .cyan { border-color: cyan; } .cyan .title { border-color: cyan; background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box2Cyan.png") !important; } .yellow { border-color: yellow; } .yellow .title { border-color: yellow; background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box2Yellow.png") !important; } .purple { border-color: purple; } .purple .title { border-color: purple; background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box2Purple.png") !important; } .orange { border-color: orange; } .orange .title { border-color: orange; background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box2Orange.png") !important; } .title-test { background-image: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box2Transparent.png") !important; background-color: #5a7db5; } /* Infobox */ .infobox { float: right; margin: 0 0 1em 1em; border: 1px solid #5a7db5; border-collapse: collapse; width: 22em; background-color: #f6f6f6; font-size: .95em; text-align: left; } .infobox .title { text-align: center; } .infobox th, .infobox td { border: 1px solid #5a7db5; } /* Navbox */ .navbox { clear: both; margin: auto; width: 70%; font-size: .85em; } .navbox table { width: 100%; } .navbox .label { width: 20%; } .navbox ul { margin: 0px !important; } /* Ambox */ .ambox { margin: auto; border-left: 10px solid #5a7db5; border-right: 1px solid #5a7db5; border-collapse: collapse; width: 70%; background-color: #f6f6f6; } .ambox-image, .ambox-text { border-top: 1px solid #5a7db5; border-bottom: 1px solid #5a7db5; } .ambox + .ambox .ambox-image, .ambox + .ambox .ambox-text { border-top: none; } .ambox-image { width: 50px; } .ambox-small { width: 50%; } .ambox-small .ambox-image { display: none; } .ambox-content { border-left: 10px solid orange; } .ambox-style { border-left: 10px solid yellow; } .ambox-delete { border-left: 10px solid red; } .ambox-move { border-left: 10px solid green; } .ambox-protection { border-left: 10px solid gray; } /* Userbox */ .userbox + .userbox { margin-top: 1px; } /* Legacy Ambox (to be removed shortly) */ table.ambox-header { width: 80%; height: 100px; margin: 1em auto 1em auto; vertical-align: top; text-align: left; border-style: solid; border-width: 2px; } td.ambox-header { width: 100px; text-align: center; } table.ambox-inline { width: 40%; height: 50px; margin: 1em auto 1em auto; vertical-align: top; text-align: center; border-style: double none double none; border-width: 2px; } td.ambox-inline { width: 50px; } /* Horizontal Lists */ .hlist > li, .hlist > * > li { display: inline; margin: 0; } .hlist > li:after, .hlist > * > li:after { content: " · "; font-weight: bold; } .hlist > li:last-child:after, .hlist > * > li:last-child:after { content: none; } .hlist > li.hlist-last-child:after, .hlist > * > li.hlist-last-child:after { content: none; } /* IE8 */ #mw-normal-catlinks ul { margin-left: 0; } /* Hiding obsolete and unused elements */ body.page-Special_Statistics tr.statistics-group-checkuser, body.page-Special_Statistics tr.statistics-group-widgeteditor, body.page-Main_Page h1#firstHeading, table.mw-listgrouprights-table tr#checkuser, table.mw-listgrouprights-table tr#widgeteditor { display: none; } /* Letterhead table classes */ table.letterhead{ border-width: 0px; width:100%; border-spacing: 0; border-collapse: separate; } table.letterhead td{ background-image:url('//zeldadungeon.net/wiki/images/c/cf/Letterhead-Corner.png'); background-repeat:no-repeat; text-align:right; width: 80px; height:80px; background-color: transparent; padding: 0; } table.letterhead th{ text-align:center; background-image:url('//zeldadungeon.net/wiki/images/9/93/Letterhead-Tex.png'); font-weight:bold } div.letterhead{ padding: 1em 3em 2em; background-image:url('//zeldadungeon.net/wiki/images/9/93/Letterhead-Tex.png'); text-align:left; font-size:1.2em; border-width: 0px; border-spacing: 0; border-collapse: separate; } /* Header shadowing */ #firstHeading, #mw-previewheader, #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent h6 { text-shadow: #AAA 1.2px 1.2px 1px; } /* Dashed Headers */ h3 { border-bottom: 1px dashed #AAA; } /* Remove White Backround on Diff */ table.diff, td.diff-otitle, td.diff-ntitle { background-color: transparent; } /* Rank Page Title Coloring Applies rank colors to page title on user and user talk pages. */ /* Admins */ body.page-User_Axle_the_Beast h1#firstHeading, body.page-User_talk_Axle_the_Beast h1#firstHeading, body.page-User_David h1#firstHeading, body.page-User_talk_David h1#firstHeading, body.page-User_Josh h1#firstHeading, body.page-User_talk_Josh h1#firstHeading, body.page-User_Locke h1#firstHeading, body.page-User_talk_Locke h1#firstHeading, body.page-User_Mases h1#firstHeading, body.page-User_talk_Mases h1#firstHeading, body.page-User_Matt h1#firstHeading, body.page-User_talk_Matt h1#firstHeading { color:#2BA206; } /* Patrollers */ body.page-User_Atticus h1#firstHeading, body.page-User_talk_Atticus h1#firstHeading,body.page-User_EzikielofHyrule h1#firstHeading, body.page-User_talk_EzikielofHyrule h1#firstHeading, body.page-User_Fused_shadows h1#firstHeading, body.page-User_talk_Fused_shadows h1#firstHeading { color: #E99216; } /* Bots */ body.page-User_Navi h1#firstHeading, body.page-User_talk_Navi h1#firstHeading, body.page-User_Scrapper h1#firstHeading, body.page-User_talk_Scrapper h1#firstHeading { color:#3EB8C6; } /* End Rank Page Title Coloring */ /* prevents Pre tags from spilling out of their content area. */ pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } /* Infobox table class */ table.infotable { float: right; margin: 0 0 1em 1em; border-collapse: collapse; font-size: 95%; text-align: left; } table.infotable th { background: #F2F2F2; } table.infotable td { background: #FFF; } table.infotable th, table.infotable td { border: 1px #AAA solid; padding: 0.2em; }