http://1710-wiki.terrafirmacraft.com/api.php?action=feedcontributions&user=SpAnser&feedformat=atom
TerraFirmaCraft Wiki - User contributions [en]
2024-03-28T11:03:16Z
User contributions
MediaWiki 1.26.2
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Common.css&diff=13142
MediaWiki:Common.css
2014-05-13T20:44:15Z
<p>SpAnser: </p>
<hr />
<div>@font-face {<br />
font-family:Minecraft;<br />
src:url("http://terrafirmacraft.com/fonts/minecraft.eot?#iefix"),url("http://terrafirmacraft.com/fonts/minecraft.woff") format('woff'),url("http://terrafirmacraft.com/fonts/minecraft.ttf") format('truetype')<br />
}<br />
/** Template stylings **/<br />
/* [[Template:Grid]] */<br />
.grid {<br />
display: inline-block;<br />
position: relative;<br />
text-align: left !important;<br />
background-color: #8B8B8B;<br />
height: 32px;<br />
width: 32px;<br />
padding: 2px;<br />
vertical-align: bottom;<br />
}<br />
.grid.output {<br />
height: 48px;<br />
width: 48px;<br />
}<br />
<br />
.grid img,<br />
.pixel-image img {<br />
image-rendering: -moz-crisp-edges;<br />
image-rendering: -o-crisp-edges;<br />
image-rendering: -webkit-optimize-contrast;<br />
-ms-interpolation-mode: nearest-neighbor;<br />
}<br />
<br />
.grid .border {<br />
display: block;<br />
margin: -2px 0 0 -2px;<br />
border-style: solid none none solid;<br />
border-width: 2px;<br />
border-color: #373737;<br />
height: 100%;<br />
}<br />
.grid .border > span {<br />
display: block;<br />
margin-right: -2px;<br />
border-style: none solid solid none;<br />
border-width: 2px;<br />
border-color: #FFFFFF;<br />
height: 100%;<br />
}<br />
<br />
.grid .image,<br />
.grid .default-image {<br />
position: absolute;<br />
line-height: 16px;<br />
top: 2px;<br />
width: 32px;<br />
height: 32px;<br />
}<br />
.grid.output .image {<br />
top: 10px;<br />
left: 10px;<br />
}<br />
.grid .image > a.new {<br />
background-image: url("http://media-mcw.cursecdn.com/3/35/Grid_Unknown.png");<br />
display: block;<br />
width: 32px;<br />
height: 32px;<br />
outline: none;<br />
text-indent: -99999px;<br />
}<br />
<br />
.grid .number {<br />
position: absolute;<br />
right: -2px;<br />
bottom: -2px;<br />
text-align: right;<br />
font-family: Minecraft;<br />
font-size: 16px;<br />
color: #FFF;<br />
pointer-events: none;<br />
z-index: 6;<br />
text-shadow: 2px 2px 0px #3F3F3F;<br />
filter: dropshadow(color=#3F3F3F, offx=2, offy=2);<br />
}<br />
.grid .number a {<br />
color: #FFF;<br />
text-decoration: none;<br />
}<br />
.grid .number .selflink {<br />
font-weight: normal;<br />
}<br />
.grid .image a.new + .number {<br />
display: none;<br />
}<br />
<br />
.grid .animated .image,<br />
.grid .paused .image {<br />
display: none;<br />
}<br />
.grid .animated .image.active,<br />
.grid .paused .image.active {<br />
display: block;<br />
}<br />
.grid.blank{<br />
background-color: transparent;<br />
border: none;<br />
}<br />
.grid-Crafting_Table,<br />
.grid-Furnace,<br />
.grid-Brewing_Stand table,<br />
.grid-blank {<br />
background: #C6C6C6;<br />
border: none;<br />
padding: 6px;<br />
text-align: left !important;<br />
}<br />
.grid-generic {<br />
background: #C6C6C6;<br />
border: outset 2px #999;<br />
padding: 6px;<br />
text-align: left !important;<br />
}<br />
.grid-Crafting_Table td,<br />
.grid-Furnace td,<br />
.grid-Brewing_Stand td,<br />
.grid-generic td {<br />
border: none;<br />
padding: 0;<br />
}<br />
<br />
/* [[Template:Grid/Crafting Table]] */<br />
.grid-Crafting_Table .arrow,<br />
.grid-Crafting_Table .shapeless {<br />
text-align: center;<br />
vertical-align: bottom;<br />
}<br />
<br />
.grid-Crafting_Table .arrow {<br />
width: 40px;<br />
padding-bottom: 5px;<br />
}<br />
<br />
.grid-Crafting_Table .shapeless span {<br />
cursor: help;<br />
}<br />
<br />
/* [[Template:Navbox]] */<br />
.navbox {<br />
background: #FFF;<br />
border: 1px solid #CCC;<br />
margin: 1em auto 0;<br />
clear: both;<br />
width: 100%;<br />
}<br />
<br />
.navbox table {<br />
background: #FFF;<br />
margin-left: -4px;<br />
margin-right: -2px;<br />
}<br />
.navbox table:first-child {<br />
margin-top: -2px;<br />
}<br />
.navbox table:last-child {<br />
margin-bottom: -2px;<br />
}<br />
<br />
.navbox-top {<br />
white-space: nowrap;<br />
background-color: #CCC;<br />
padding: 0 3px;<br />
}<br />
<br />
.navbox-navbar,<br />
.navbox-navbar-mini {<br />
float: left;<br />
font-size: 80%;<br />
}<br />
<br />
.navbox-title {<br />
padding: 0 10px;<br />
font-size: 110%;<br />
}<br />
<br />
.navbox-group {<br />
background-color: #EEE;<br />
padding: 0 10px;<br />
white-space: nowrap;<br />
text-align: right;<br />
}<br />
<br />
.navbox-list {<br />
width: 100%;<br />
padding: 0 0 0 2px;<br />
}<br />
<br />
/* [[Template:LoadBox]] with navbox */<br />
.loadbox-navbox {<br />
padding: 2px !important;<br />
margin: 1em 0 0 !important;<br />
clear: both;<br />
}<br />
.loadbox-navbox > p {<br />
background-color: #CCC;<br />
text-align: center;<br />
margin: 0;<br />
padding: 0 3px;<br />
}<br />
.loadbox-navbox > p > b {<br />
font-size: 110%;<br />
}<br />
<br />
.loadbox-navbox .navbox {<br />
margin: 0 -2px -2px;<br />
border: 0;<br />
}<br />
.loadbox-navbox .navbox > tbody > tr:first-child {<br />
display: none;<br />
}<br />
<br />
/* Collapsible Tables ([[MediaWiki:Common.js]]) */<br />
table.collapsed tr.collapsible {<br />
display: none;<br />
}<br />
<br />
.collapsible-button {<br />
float: right;<br />
font-weight: normal;<br />
text-align: right;<br />
<br />
/* Other languages: Change this to a bit wider (~4px) than your collapse/expand button text */<br />
width: 3.5em;<br />
}<br />
<br />
.collapsible.collapse-button-left > tr > th .collapsible-button,<br />
.collapsible.collapse-button-left > * > tr > th .collapsible-button {<br />
float: left;<br />
text-align: left;<br />
}<br />
<br />
.collapsible.collapse-button-none > tr > th .collapsible-button,<br />
.collapsible.collapse-button-none > * > tr > th .collapsible-button {<br />
float: none;<br />
}<br />
<br />
/* Minecraft font */<br />
@font-face {<br />
font-family: Minecraft;<br />
src: url("http://www.minecraftwiki.net/fonts/minecraft.eot?#iefix"),<br />
url("http://www.minecraftwiki.net/fonts/minecraft.woff") format('woff'),<br />
url("http://www.minecraftwiki.net/fonts/minecraft.ttf") format('truetype');<br />
}<br />
/* Pre-collapse collapsed tables, so there is no page jump when JS kicks in */<br />
.collapsible.collapsed > tr,<br />
.collapsible.collapsed > tbody > tr {<br />
display: none;<br />
}<br />
.collapsible.collapsed > tr:first-child,<br />
.collapsible.collapsed > tbody > tr:first-child {<br />
display: table-row;<br />
}<br />
.collapsible.collapsed > thead + tbody > tr:first-child {<br />
display: none;<br />
}<br />
<br />
.bw-languages {<br />
border: 1px solid #aaa;<br />
border-collapse: collapse;<br />
line-height: 1.2;<br />
font-size: 95%;<br />
direction: ltr;<br />
margin: 1px;<br />
padding: .2em;<br />
margin-top: 1em !important;<br />
}<br />
<br />
/* Generic styling for animation class */<br />
.animated > span,<br />
.animated > div {<br />
display: none;<br />
}<br />
<br />
.animated > span.active {<br />
display: inline;<br />
}<br />
<br />
.animated > div.active {<br />
display: block;<br />
}<br />
<br />
<br />
.nowrap {<br />
white-space: nowrap;<br />
}<br />
<br />
.bw-languages-title {<br />
width: 180px;<br />
border: 1px solid #aaa;<br />
background: #EEF3E2;<br />
font-weight: 700;<br />
padding: .5em;<br />
}<br />
<br />
.bw-languages-links {<br />
background: #F6F9ED;<br />
padding: .5em;<br />
}<br />
/* [[Template:Infobox common]] */<br />
.infobox {<br />
clear: right;<br />
margin: 3px 0px 3px 3px;<br />
width: 300px;<br />
font-size: 90%;<br />
background: #FFFFFF;<br />
float: right;<br />
border: 1px solid #CCCCCC;<br />
padding: 2px<br />
}<br />
<br />
.infobox-title {<br />
font-weight: bold;<br />
text-align: center;<br />
font-size: 120%<br />
}<br />
<br />
.infobox-imagearea {<br />
text-align: center;<br />
padding: 4px<br />
}<br />
<br />
.infobox table {<br />
width: 100%<br />
}<br />
<br />
.infobox p {<br />
margin: 0<br />
}<br />
<br />
.infobox audio {<br />
width: 184px<br />
}<br />
<br />
.infobox-footer {<br />
text-align: center<br />
}<br />
<br />
/* What is this? */<br />
.infobox.atfmrec {<br />
border: none !important<br />
}<br />
<br />
/* [[Template:Infobox row]] */<br />
.infobox-row {<br />
white-space: nowrap;<br />
font-weight: bold<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=13060
MediaWiki:Vector.css
2014-05-12T20:38:03Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
margin-left: 168px !important;<br />
padding-top: 17px !important;<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-17px !important;<br />
}<br />
<br />
/* force the display of the contents of the section */<br />
#p-googleadsense .body {<br />
display:block !important;<br />
}<br />
/* Option 1: hide the header */<br />
#p-googleadsense h3 {<br />
display:none !important;<br />
}<br />
<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 0 !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate:hover {<br />
background: #fff;<br />
}<br />
#mw-panel #n-Donate a {<br />
font-size: 16px;<br />
display: block;<br />
padding: 5px;<br />
color: #fff !important;<br />
}<br />
#mw-panel #n-Donate a:hover {<br />
text-decoration: none;<br />
color: #84b87c !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 24px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a:hover {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-focus-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu div.menu {<br />
margin-left: -6px;<br />
}<br />
<br />
div#content {<br />
margin-left: 10.5em;<br />
border: none;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-top: -6px;<br />
}<br />
div.vectorTabs ul li, div.vectorMenu {<br />
background-position: left top;<br />
}<br />
<br />
/* Fix Knapping Grid */<br />
.grid-Knapping [class="grid"] {<br />
background: transparent !important;<br />
margin: 0;<br />
padding: 0;<br />
}<br />
.grid-Knapping [class="grid"] .border, .grid-Knapping [class="grid"] .border > span {<br />
border: none;<br />
margin: 0;<br />
padding: 0;<br />
}<br />
.grid-Knapping td {<br />
width:32px;<br />
height:32px;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=13059
MediaWiki:Vector.css
2014-05-12T20:35:04Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
margin-left: 168px !important;<br />
padding-top: 17px !important;<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-17px !important;<br />
}<br />
<br />
/* force the display of the contents of the section */<br />
#p-googleadsense .body {<br />
display:block !important;<br />
}<br />
/* Option 1: hide the header */<br />
#p-googleadsense h3 {<br />
display:none !important;<br />
}<br />
<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 0 !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate:hover {<br />
background: #fff;<br />
}<br />
#mw-panel #n-Donate a {<br />
font-size: 16px;<br />
display: block;<br />
padding: 5px;<br />
color: #fff !important;<br />
}<br />
#mw-panel #n-Donate a:hover {<br />
text-decoration: none;<br />
color: #84b87c !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 24px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a:hover {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-focus-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu div.menu {<br />
margin-left: -6px;<br />
}<br />
<br />
div#content {<br />
margin-left: 10.5em;<br />
border: none;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-top: -6px;<br />
}<br />
div.vectorTabs ul li, div.vectorMenu {<br />
background-position: left top;<br />
}<br />
<br />
/* Fix Knapping Grid */<br />
.grid-Knapping .grid {<br />
background: transparent !important;<br />
margin: 0;<br />
padding: 0;<br />
}<br />
.grid-Knapping .grid .border, .grid-Knapping .grid .border > span {<br />
border: none;<br />
margin: 0;<br />
padding: 0;<br />
}<br />
.grid-Knapping td {<br />
width:32px;<br />
height:32px;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=13058
MediaWiki:Vector.css
2014-05-12T20:34:44Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
margin-left: 168px !important;<br />
padding-top: 17px !important;<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-17px !important;<br />
}<br />
<br />
/* force the display of the contents of the section */<br />
#p-googleadsense .body {<br />
display:block !important;<br />
}<br />
/* Option 1: hide the header */<br />
#p-googleadsense h3 {<br />
display:none !important;<br />
}<br />
<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 0 !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate:hover {<br />
background: #fff;<br />
}<br />
#mw-panel #n-Donate a {<br />
font-size: 16px;<br />
display: block;<br />
padding: 5px;<br />
color: #fff !important;<br />
}<br />
#mw-panel #n-Donate a:hover {<br />
text-decoration: none;<br />
color: #84b87c !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 24px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a:hover {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-focus-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu div.menu {<br />
margin-left: -6px;<br />
}<br />
<br />
div#content {<br />
margin-left: 10.5em;<br />
border: none;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-top: -6px;<br />
}<br />
div.vectorTabs ul li, div.vectorMenu {<br />
background-position: left top;<br />
}<br />
<br />
/* Fix Knapping Grid */<br />
.grid-Knapping .grid {<br />
background: transparent !important;<br />
margin: 0;<br />
padding: 0;<br />
}<br />
.grid-Knapping .grid .border, .grid-Knapping .grid .border > span {<br />
border: none;<br />
margin: 0;<br />
padding: 0;<br />
}<br />
.grid-Crafting_Table td, .grid-Furnace td, .grid-Brewing_Stand td, .grid-generic td {<br />
width:32px;<br />
height:32px;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=13057
MediaWiki:Vector.css
2014-05-12T20:33:22Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
margin-left: 168px !important;<br />
padding-top: 17px !important;<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-17px !important;<br />
}<br />
<br />
/* force the display of the contents of the section */<br />
#p-googleadsense .body {<br />
display:block !important;<br />
}<br />
/* Option 1: hide the header */<br />
#p-googleadsense h3 {<br />
display:none !important;<br />
}<br />
<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 0 !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate:hover {<br />
background: #fff;<br />
}<br />
#mw-panel #n-Donate a {<br />
font-size: 16px;<br />
display: block;<br />
padding: 5px;<br />
color: #fff !important;<br />
}<br />
#mw-panel #n-Donate a:hover {<br />
text-decoration: none;<br />
color: #84b87c !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 24px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a:hover {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-focus-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu div.menu {<br />
margin-left: -6px;<br />
}<br />
<br />
div#content {<br />
margin-left: 10.5em;<br />
border: none;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-top: -6px;<br />
}<br />
div.vectorTabs ul li, div.vectorMenu {<br />
background-position: left top;<br />
}<br />
<br />
/* Fix Knapping Grid */<br />
.grid-Knapping .grid {<br />
background: transparent !important;<br />
margin: 0;<br />
padding: 0;<br />
}<br />
.grid-Knapping .grid .border, .grid-Knapping .grid .border > span {<br />
border: none;<br />
margin: 0;<br />
padding: 0;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=13056
MediaWiki:Vector.css
2014-05-12T20:28:49Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
margin-left: 168px !important;<br />
padding-top: 17px !important;<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-17px !important;<br />
}<br />
<br />
/* force the display of the contents of the section */<br />
#p-googleadsense .body {<br />
display:block !important;<br />
}<br />
/* Option 1: hide the header */<br />
#p-googleadsense h3 {<br />
display:none !important;<br />
}<br />
<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 0 !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate:hover {<br />
background: #fff;<br />
}<br />
#mw-panel #n-Donate a {<br />
font-size: 16px;<br />
display: block;<br />
padding: 5px;<br />
color: #fff !important;<br />
}<br />
#mw-panel #n-Donate a:hover {<br />
text-decoration: none;<br />
color: #84b87c !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 24px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a:hover {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-focus-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu div.menu {<br />
margin-left: -6px;<br />
}<br />
<br />
div#content {<br />
margin-left: 10.5em;<br />
border: none;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-top: -6px;<br />
}<br />
div.vectorTabs ul li, div.vectorMenu {<br />
background-position: left top;<br />
}<br />
<br />
/* Fix Knapping Grid */<br />
.grid-Knapping .grid {<br />
background: transparent !important;<br />
}<br />
.grid-Knapping .grid .border, .grid-Knapping .grid .border > span {<br />
border: none;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=13055
MediaWiki:Vector.css
2014-05-12T20:28:14Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
margin-left: 168px !important;<br />
padding-top: 17px !important;<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-17px !important;<br />
}<br />
<br />
/* force the display of the contents of the section */<br />
#p-googleadsense .body {<br />
display:block !important;<br />
}<br />
/* Option 1: hide the header */<br />
#p-googleadsense h3 {<br />
display:none !important;<br />
}<br />
<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 0 !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate:hover {<br />
background: #fff;<br />
}<br />
#mw-panel #n-Donate a {<br />
font-size: 16px;<br />
display: block;<br />
padding: 5px;<br />
color: #fff !important;<br />
}<br />
#mw-panel #n-Donate a:hover {<br />
text-decoration: none;<br />
color: #84b87c !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 24px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a:hover {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-focus-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu div.menu {<br />
margin-left: -6px;<br />
}<br />
<br />
div#content {<br />
margin-left: 10.5em;<br />
border: none;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-top: -6px;<br />
}<br />
div.vectorTabs ul li, div.vectorMenu {<br />
background-position: left top;<br />
}<br />
<br />
/* Fix Knapping Grid */<br />
.grid-Knapping .grid {<br />
background: transparent !important;<br />
}<br />
.grid-Knapping .grid .border {<br />
border: none;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=Template:Knapping&diff=13050
Template:Knapping
2014-05-12T19:52:45Z
<p>SpAnser: </p>
<hr />
<div>{| cellpadding="0" cellspacing="0" style="background: #C6C6C6; border: outset 2px #999; padding:6px" class="grid-Crafting_Table"<br />
|-<br />
|{{ #if: {{{A1|}}}|{{Grid|class="generic"|{{{A1|}}}|link={{{A1link|}}}|title={{{A1title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{B1|}}}|{{Grid|class="generic"|{{{B1|}}}|link={{{B1link|}}}|title={{{B1title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{C1|}}}|{{Grid|class="generic"|{{{C1|}}}|link={{{C1link|}}}|title={{{C1title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{D1|}}}|{{Grid|class="generic"|{{{D1|}}}|link={{{D1link|}}}|title={{{D1title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{E1|}}}|{{Grid|class="generic"|{{{E1|}}}|link={{{E1link|}}}|title={{{E1title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
| rowspan="5" style="border:none; padding:0"| [[File: Grid layout Knapping (small).png|link=|title=]]<br />
| rowspan="5" style="border:none; padding:0"| {{Grid|align="center"|{{{Output|}}}|link={{{Olink|}}}|title={{{Otitle|}}}|class=output}}<br />
|-<br />
|{{ #if: {{{A2|}}}|{{Grid|class="generic"|{{{A2|}}}|link={{{A2link|}}}|title={{{A2title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{B2|}}}|{{Grid|class="generic"|{{{B2|}}}|link={{{B2link|}}}|title={{{B2title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{C2|}}}|{{Grid|class="generic"|{{{C2|}}}|link={{{C2link|}}}|title={{{C2title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{D2|}}}|{{Grid|class="generic"|{{{D2|}}}|link={{{D2link|}}}|title={{{D2title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{E2|}}}|{{Grid|class="generic"|{{{E2|}}}|link={{{E2link|}}}|title={{{E2title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|-<br />
|{{ #if: {{{A3|}}}|{{Grid|class="generic"|{{{A3|}}}|link={{{A3link|}}}|title={{{A3title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{B3|}}}|{{Grid|class="generic"|{{{B3|}}}|link={{{B3link|}}}|title={{{B3title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{C3|}}}|{{Grid|class="generic"|{{{C3|}}}|link={{{C3link|}}}|title={{{C3title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{D3|}}}|{{Grid|class="generic"|{{{D3|}}}|link={{{D3link|}}}|title={{{D3title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{E3|}}}|{{Grid|class="generic"|{{{E3|}}}|link={{{E3link|}}}|title={{{E3title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|-<br />
|{{ #if: {{{A4|}}}|{{Grid|class="generic"|{{{A4|}}}|link={{{A4link|}}}|title={{{A4title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{B4|}}}|{{Grid|class="generic"|{{{B4|}}}|link={{{B4link|}}}|title={{{B4title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{C4|}}}|{{Grid|class="generic"|{{{C4|}}}|link={{{C4link|}}}|title={{{C4title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{D4|}}}|{{Grid|class="generic"|{{{D4|}}}|link={{{D4link|}}}|title={{{D4title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{E4|}}}|{{Grid|class="generic"|{{{E4|}}}|link={{{E4link|}}}|title={{{E4title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|-<br />
|{{ #if: {{{A5|}}}|{{Grid|class="generic"|{{{A5|}}}|link={{{A5link|}}}|title={{{A5title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{B5|}}}|{{Grid|class="generic"|{{{B5|}}}|link={{{B5link|}}}|title={{{B5title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{C5|}}}|{{Grid|class="generic"|{{{C5|}}}|link={{{C5link|}}}|title={{{C5title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{D5|}}}|{{Grid|class="generic"|{{{D5|}}}|link={{{D5link|}}}|title={{{D5title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{E5|}}}|{{Grid|class="generic"|{{{E5|}}}|link={{{E5link|}}}|title={{{E5title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|}<br />
<noinclude><br />
{{/doc}}<br />
[[Category:Image templates|C]]<br />
<br />
</noinclude></div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=Template:Knapping&diff=13049
Template:Knapping
2014-05-12T19:49:23Z
<p>SpAnser: </p>
<hr />
<div>{| cellpadding="0" cellspacing="0" style="background: #C6C6C6; border: outset 2px #999; padding:6px" class="grid-Crafting_Table"<br />
|-<br />
|{{ #if: {{{A1|}}}|{{Grid|class="generic"|{{{A1|}}}|link={{{A1link|}}}|title={{{A1title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{B1|}}}|{{Grid|class="generic"|{{{B1|}}}|link={{{B1link|}}}|title={{{B1title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{C1|}}}|{{Grid|class="generic"|{{{C1|}}}|link={{{C1link|}}}|title={{{C1title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{D1|}}}|{{Grid|class="generic"|{{{D1|}}}|link={{{D1link|}}}|title={{{D1title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{E1|}}}|{{Grid|class="generic"|{{{E1|}}}|link={{{E1link|}}}|title={{{E1title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
| rowspan="5" style="border:none; padding:0| [[File: Grid layout Knapping (small).png|link=|title=]]<br />
| rowspan="5" style="border:none; padding:0"| {{Grid|align="center"|{{{Output|}}}|link={{{Olink|}}}|title={{{Otitle|}}}|class=output}}<br />
|-<br />
|{{ #if: {{{A2|}}}|{{Grid|class="generic"|{{{A2|}}}|link={{{A2link|}}}|title={{{A2title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{B2|}}}|{{Grid|class="generic"|{{{B2|}}}|link={{{B2link|}}}|title={{{B2title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{C2|}}}|{{Grid|class="generic"|{{{C2|}}}|link={{{C2link|}}}|title={{{C2title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{D2|}}}|{{Grid|class="generic"|{{{D2|}}}|link={{{D2link|}}}|title={{{D2title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{E2|}}}|{{Grid|class="generic"|{{{E2|}}}|link={{{E2link|}}}|title={{{E2title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|-<br />
|{{ #if: {{{A3|}}}|{{Grid|class="generic"|{{{A3|}}}|link={{{A3link|}}}|title={{{A3title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{B3|}}}|{{Grid|class="generic"|{{{B3|}}}|link={{{B3link|}}}|title={{{B3title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{C3|}}}|{{Grid|class="generic"|{{{C3|}}}|link={{{C3link|}}}|title={{{C3title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{D3|}}}|{{Grid|class="generic"|{{{D3|}}}|link={{{D3link|}}}|title={{{D3title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{E3|}}}|{{Grid|class="generic"|{{{E3|}}}|link={{{E3link|}}}|title={{{E3title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|-<br />
|{{ #if: {{{A4|}}}|{{Grid|class="generic"|{{{A4|}}}|link={{{A4link|}}}|title={{{A4title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{B4|}}}|{{Grid|class="generic"|{{{B4|}}}|link={{{B4link|}}}|title={{{B4title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{C4|}}}|{{Grid|class="generic"|{{{C4|}}}|link={{{C4link|}}}|title={{{C4title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{D4|}}}|{{Grid|class="generic"|{{{D4|}}}|link={{{D4link|}}}|title={{{D4title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{E4|}}}|{{Grid|class="generic"|{{{E4|}}}|link={{{E4link|}}}|title={{{E4title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|-<br />
|{{ #if: {{{A5|}}}|{{Grid|class="generic"|{{{A5|}}}|link={{{A5link|}}}|title={{{A5title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{B5|}}}|{{Grid|class="generic"|{{{B5|}}}|link={{{B5link|}}}|title={{{B5title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{C5|}}}|{{Grid|class="generic"|{{{C5|}}}|link={{{C5link|}}}|title={{{C5title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{D5|}}}|{{Grid|class="generic"|{{{D5|}}}|link={{{D5link|}}}|title={{{D5title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|{{ #if: {{{E5|}}}|{{Grid|class="generic"|{{{E5|}}}|link={{{E5link|}}}|title={{{E5title|}}}}}|[[File: Grid layout Knapping (small).png|link=|title=]]}}<br />
|}<br />
<noinclude><br />
{{/doc}}<br />
[[Category:Image templates|C]]<br />
<br />
</noinclude></div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=Axe&diff=13047
Axe
2014-05-12T19:40:17Z
<p>SpAnser: </p>
<hr />
<div>==Axe Uses==<br />
<br />
[[File:Axes.gif|left]]Axes are used to chop down [[Trees|trees]], and acquire [[Fruit Trees|fruit tree saplings]]. Stone axes are much weaker then metal axes, which are much more useful as the time it takes to cut down a tree is greatly reduced. When cutting a tree with an axe that does not have the required durability, only part of the tree is cut down (top of tree is broken first). Also, when using a stone axe to cut trees you might get fewer logs than if you used a metal axe. Stone axes only have a 90% chance of yielding a log from a tree block. <br />
<br />
''As of Build 77, axes are no longer used to craft [[Log#Axe|logs]] into [[Planks|planks]]. Instead, metal saws must be used.''<br />
<br />
==Crafting Axes==<br />
===Stone Axe===<br />
Stone axes in order of increasing durability: Sedimentary, Metamorphic, Igneous Intrusive, Igneous Extrusive.<br />
{{main|Rock}}<br />
<br />
{| cellspacing="10"<br />
! [[Knapping]] out the Axe Head.<br />
! Finishing the Axe.<br />
|-<br />
|{{Knapping<br />
|A1= |B1= terraRock 01; |C1= |D1= ;terraRock 01 |E1=<br />
|A2= terraRock 01; |B2= terraRock 01 |C2= terraRock 01 |D2= terraRock 01 |E2= ;terraRock 01<br />
|A3= terraRock 01 |B3= terraRock 01 |C3= terraRock 01 |D3= terraRock 01 |E3= terraRock 01<br />
|A4= terraRock 01; |B4= terraRock 01 |C4= terraRock 01 |D4= terraRock 01 |E4= ;terraRock 01<br />
|A5= |B5= terraRock 01; |C5= |D5= ;terraRock 01 |E5=<br />
|Output= Stone Axe Head<br />
}}<br />
|valign="top"|{{Grid/Inventory Table<br />
|A1= |B1= Stone Axe Head |C1= <br />
|A2= |B2= Stick |C2= <br />
|A3= |B3= |C3=<br />
|Output= Stone Axe<br />
}}<br />
|}<br />
===Metal Axe===<br />
Metal axes can only be made from [[Metals#Tool Metals|tool metals]]. They can be cast in ceramic molds, or worked on a metal anvil.<br />
<br />
====Casting====<br />
{{main|Metalworking Industry#Casting|Casting}}<br />
As of Build 77, [[Bismuth Bronze]], [[Black Bronze]], [[Bronze]], and [[Copper]] Axes can be cast using a [[Vessel]] and a [[Ceramic Mold]] instead of working on an anvil.<br><br />
<br />
Once you have your [[Unshaped Copper]] (or a bronze) you need to make a Ceramic Axe Mold:<br />
{| cellspacing="10"<br />
!Making the Clay Tool Mold<br />
|-<br />
|{{Knapping<br />
|A1= Clay flat light|B1= Clay Flat Dark; Clay flat light|C1= Clay flat light|D1= Clay flat light; Clay Flat Dark |E1= Clay flat light<br />
|A2= Clay Flat Dark; Clay flat light|B2= Clay Flat Dark |C2= Clay Flat Dark |D2= Clay Flat Dark |E2= Clay flat light; Clay Flat Dark<br />
|A3= Clay Flat Dark |B3= Clay Flat Dark |C3= Clay Flat Dark |D3= Clay Flat Dark |E3= Clay Flat Dark<br />
|A4= Clay Flat Dark; Clay flat light|B4= Clay Flat Dark |C4= Clay Flat Dark |D4= Clay Flat Dark |E4= Clay flat light; Clay Flat Dark<br />
|A5= Clay flat light|B5= Clay Flat Dark; Clay flat light|C5= Clay flat light|D5= Clay flat light; Clay Flat Dark |E5=Clay flat light<br />
|Output= Clay Mold Axe<br />
}}<br />
|valign="top"|Fire the clay mold in a [[Pottery#Pit Kiln|Pit Kiln]] to get:<br>Ceramic Axe Mold {{GridBlank|Ceramic Mold Axe}}<br />
|}<br />
<br />
To pour your mold, right click your ''liquid'' unshaped ingot to open the casting interface:<br />
{| cellspacing="10"<br />
|{{Grid/Ceramic Mold<br />
|A1= Unshaped Copper; Unshaped Bismuth Bronze; Unshaped Black Bronze; Unshaped Bronze |A2= Ceramic Mold Axe<br />
|Output= Ceramic Mold Axe (Copper); Ceramic Mold Axe (Bismuth Bronze); Ceramic Mold Axe (Black Bronze); Ceramic Mold Axe (Bronze)<br />
}}<br />
|}<br />
Put the ceramic axe mold in the second input slot and wait for the filled mold to finished.<br />
<br />
{| cellspacing="10"<br />
!Removing the Head from the Mold<br />
!Finishing the Axe<br />
|-<br />
|{{Grid/Inventory Table<br />
|A1= |B1= |C1= <br />
|A2= |B2= Ceramic Mold Axe (Copper); Ceramic Mold Axe (Bismuth Bronze); Ceramic Mold Axe (Black Bronze); Ceramic Mold Axe (Bronze)|C2= <br />
|A3= |B3= |C3=<br />
|Output= Axe Head (Copper); Axe Head (Bismuth Bronze); Axe Head (Black Bronze); Axe Head (Bronze)<br />
}}<br />
|{{Grid/Inventory Table<br />
|A1= |B1= Axe Head (Copper); Axe Head (Bismuth Bronze); Axe Head (Black Bronze); Axe Head (Bronze) |C1= <br />
|A2= |B2= Stick |C2= <br />
|A3= |B3= |C3=<br />
|Output= Copper Axe; Bismuth Bronze Axe; Black Bronze Axe; Bronze Axe<br />
}}<br />
|}<br />
<br><br />
<br />
====Smithing====<br />
{{main|Anvil#Working|Working}}<br />
Axe heads can also be crafted by using ingots on an [[anvil]] with a [[hammer]]. This is the only option for higher tier metals that cannot be cast. The durability depends both on the metal used and the skill of the smith forging the tool.<br />
<br />
===== Smithing the Axe Head =====<br />
<br />
{|class="wikitable" style="text-align:center;"<br />
!colspan=3| [[Anvil#Rules|Working Rules]]<br />
|-<br />
|[[File: Grid Anvil Punch.png]]<br />
|[[File: Grid Anvil Hit Light.png]] [[File: Grid Anvil Hit Medium.png]] [[File: Grid Anvil Hit Heavy.png]]<br />
|[[File: Grid Anvil Upset.png]]<br />
|-<br />
|Punch, Last<br />
|Hit, Second From Last<br />
|Upset, Third From Last<br />
|}<br />
<br />
{{Grid/Anvil<br />
|A1=Steel Ingot |B1= |C1= AnvilPlan Axe Head<br />
|A2= |B2=<br />
|A3= <br />
|Weld=<br />
|Tool= Stone Hammer |Flux=<br />
}}<br />
<br />
<br />
===== Finishing the Axe =====<br />
<br />
{{Grid/Inventory Table<br />
|A1= |B1= Axe Head (Steel) |C1= <br />
|A2= |B2= Stick |C2= <br />
|A3= |B3= |C3=<br />
|Output= Steel Axe<br />
}}<br />
<br />
<br />
[[Category:Tools]]<br />
<br />
{{Blocks}}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=Axe&diff=13046
Axe
2014-05-12T19:39:35Z
<p>SpAnser: </p>
<hr />
<div>==Axe Uses==<br />
<br />
[[File:Axes.gif|left]]Axes are used to chop down [[Trees|trees]], and acquire [[Fruit Trees|fruit tree saplings]]. Stone axes are much weaker then metal axes, which are much more useful as the time it takes to cut down a tree is greatly reduced. When cutting a tree with an axe that does not have the required durability, only part of the tree is cut down (top of tree is broken first). Also, when using a stone axe to cut trees you might get fewer logs than if you used a metal axe. Stone axes only have a 90% chance of yielding a log from a tree block. <br />
<br />
''As of Build 77, axes are no longer used to craft [[Log#Axe|logs]] into [[Planks|planks]]. Instead, metal saws must be used.''<br />
<br />
==Crafting Axes==<br />
===Stone Axe===<br />
Stone axes in order of increasing durability: Sedimentary, Metamorphic, Igneous Intrusive, Igneous Extrusive.<br />
{{main|Rock}}<br />
<br />
{| cellspacing="10"<br />
! [[Knapping]] out the Axe Head.<br />
! Finishing the Axe.<br />
|-<br />
|{{Knapping<br />
|A1= |B1= terraRock 01; |C1= |D1= ;terraRock 01 |E1=<br />
|A2= terraRock 01; |B2= terraRock 01 |C2= terraRock 01 |D2= terraRock 01 |E2= ; terraRock 01<br />
|A3= terraRock 01 |B3= terraRock 01 |C3= terraRock 01 |D3= terraRock 01 |E3= terraRock 01<br />
|A4= terraRock 01; |B4= terraRock 01 |C4= terraRock 01 |D4= terraRock 01 |E4= ; terraRock 01<br />
|A5= |B5= terraRock 01; |C5= |D5= ; terraRock 01 |E5=<br />
|Output= Stone Axe Head<br />
}}<br />
|valign="top"|{{Grid/Inventory Table<br />
|A1= |B1= Stone Axe Head |C1= <br />
|A2= |B2= Stick |C2= <br />
|A3= |B3= |C3=<br />
|Output= Stone Axe<br />
}}<br />
|}<br />
===Metal Axe===<br />
Metal axes can only be made from [[Metals#Tool Metals|tool metals]]. They can be cast in ceramic molds, or worked on a metal anvil.<br />
<br />
====Casting====<br />
{{main|Metalworking Industry#Casting|Casting}}<br />
As of Build 77, [[Bismuth Bronze]], [[Black Bronze]], [[Bronze]], and [[Copper]] Axes can be cast using a [[Vessel]] and a [[Ceramic Mold]] instead of working on an anvil.<br><br />
<br />
Once you have your [[Unshaped Copper]] (or a bronze) you need to make a Ceramic Axe Mold:<br />
{| cellspacing="10"<br />
!Making the Clay Tool Mold<br />
|-<br />
|{{Knapping<br />
|A1= Clay flat light|B1= Clay Flat Dark; Clay flat light|C1= Clay flat light|D1= Clay flat light; Clay Flat Dark |E1= Clay flat light<br />
|A2= Clay Flat Dark; Clay flat light|B2= Clay Flat Dark |C2= Clay Flat Dark |D2= Clay Flat Dark |E2= Clay flat light; Clay Flat Dark<br />
|A3= Clay Flat Dark |B3= Clay Flat Dark |C3= Clay Flat Dark |D3= Clay Flat Dark |E3= Clay Flat Dark<br />
|A4= Clay Flat Dark; Clay flat light|B4= Clay Flat Dark |C4= Clay Flat Dark |D4= Clay Flat Dark |E4= Clay flat light; Clay Flat Dark<br />
|A5= Clay flat light|B5= Clay Flat Dark; Clay flat light|C5= Clay flat light|D5= Clay flat light; Clay Flat Dark |E5=Clay flat light<br />
|Output= Clay Mold Axe<br />
}}<br />
|valign="top"|Fire the clay mold in a [[Pottery#Pit Kiln|Pit Kiln]] to get:<br>Ceramic Axe Mold {{GridBlank|Ceramic Mold Axe}}<br />
|}<br />
<br />
To pour your mold, right click your ''liquid'' unshaped ingot to open the casting interface:<br />
{| cellspacing="10"<br />
|{{Grid/Ceramic Mold<br />
|A1= Unshaped Copper; Unshaped Bismuth Bronze; Unshaped Black Bronze; Unshaped Bronze |A2= Ceramic Mold Axe<br />
|Output= Ceramic Mold Axe (Copper); Ceramic Mold Axe (Bismuth Bronze); Ceramic Mold Axe (Black Bronze); Ceramic Mold Axe (Bronze)<br />
}}<br />
|}<br />
Put the ceramic axe mold in the second input slot and wait for the filled mold to finished.<br />
<br />
{| cellspacing="10"<br />
!Removing the Head from the Mold<br />
!Finishing the Axe<br />
|-<br />
|{{Grid/Inventory Table<br />
|A1= |B1= |C1= <br />
|A2= |B2= Ceramic Mold Axe (Copper); Ceramic Mold Axe (Bismuth Bronze); Ceramic Mold Axe (Black Bronze); Ceramic Mold Axe (Bronze)|C2= <br />
|A3= |B3= |C3=<br />
|Output= Axe Head (Copper); Axe Head (Bismuth Bronze); Axe Head (Black Bronze); Axe Head (Bronze)<br />
}}<br />
|{{Grid/Inventory Table<br />
|A1= |B1= Axe Head (Copper); Axe Head (Bismuth Bronze); Axe Head (Black Bronze); Axe Head (Bronze) |C1= <br />
|A2= |B2= Stick |C2= <br />
|A3= |B3= |C3=<br />
|Output= Copper Axe; Bismuth Bronze Axe; Black Bronze Axe; Bronze Axe<br />
}}<br />
|}<br />
<br><br />
<br />
====Smithing====<br />
{{main|Anvil#Working|Working}}<br />
Axe heads can also be crafted by using ingots on an [[anvil]] with a [[hammer]]. This is the only option for higher tier metals that cannot be cast. The durability depends both on the metal used and the skill of the smith forging the tool.<br />
<br />
===== Smithing the Axe Head =====<br />
<br />
{|class="wikitable" style="text-align:center;"<br />
!colspan=3| [[Anvil#Rules|Working Rules]]<br />
|-<br />
|[[File: Grid Anvil Punch.png]]<br />
|[[File: Grid Anvil Hit Light.png]] [[File: Grid Anvil Hit Medium.png]] [[File: Grid Anvil Hit Heavy.png]]<br />
|[[File: Grid Anvil Upset.png]]<br />
|-<br />
|Punch, Last<br />
|Hit, Second From Last<br />
|Upset, Third From Last<br />
|}<br />
<br />
{{Grid/Anvil<br />
|A1=Steel Ingot |B1= |C1= AnvilPlan Axe Head<br />
|A2= |B2=<br />
|A3= <br />
|Weld=<br />
|Tool= Stone Hammer |Flux=<br />
}}<br />
<br />
<br />
===== Finishing the Axe =====<br />
<br />
{{Grid/Inventory Table<br />
|A1= |B1= Axe Head (Steel) |C1= <br />
|A2= |B2= Stick |C2= <br />
|A3= |B3= |C3=<br />
|Output= Steel Axe<br />
}}<br />
<br />
<br />
[[Category:Tools]]<br />
<br />
{{Blocks}}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=13020
MediaWiki:Vector.css
2014-05-11T16:24:58Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
margin-left: 168px !important;<br />
padding-top: 17px !important;<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-17px !important;<br />
}<br />
<br />
/* force the display of the contents of the section */<br />
#p-googleadsense .body {<br />
display:block !important;<br />
}<br />
/* Option 1: hide the header */<br />
#p-googleadsense h3 {<br />
display:none !important;<br />
}<br />
<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 0 !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate:hover {<br />
background: #fff;<br />
}<br />
#mw-panel #n-Donate a {<br />
font-size: 16px;<br />
display: block;<br />
padding: 5px;<br />
color: #fff !important;<br />
}<br />
#mw-panel #n-Donate a:hover {<br />
text-decoration: none;<br />
color: #84b87c !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 24px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a:hover {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-focus-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu div.menu {<br />
margin-left: -6px;<br />
}<br />
<br />
div#content {<br />
margin-left: 10.5em;<br />
border: none;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-top: -6px;<br />
}<br />
div.vectorTabs ul li, div.vectorMenu {<br />
background-position: left top;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=13019
MediaWiki:Vector.css
2014-05-11T16:23:43Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
margin-left: 168px !important;<br />
padding-top: 17px !important;<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-17px !important;<br />
}<br />
<br />
/* force the display of the contents of the section */<br />
#p-googleadsense .body {<br />
display:block !important;<br />
}<br />
/* Option 1: hide the header */<br />
#p-googleadsense h3 {<br />
display:none !important;<br />
}<br />
<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 0 !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate:hover {<br />
background: #fff;<br />
}<br />
#mw-panel #n-Donate a {<br />
display: block;<br />
padding: 5px;<br />
color: #fff !important;<br />
}<br />
#mw-panel #n-Donate a:hover {<br />
color: #84b87c !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 24px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a:hover {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-focus-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu div.menu {<br />
margin-left: -6px;<br />
}<br />
<br />
div#content {<br />
margin-left: 10.5em;<br />
border: none;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-top: -6px;<br />
}<br />
div.vectorTabs ul li, div.vectorMenu {<br />
background-position: left top;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=13018
MediaWiki:Vector.css
2014-05-11T16:22:46Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
margin-left: 168px !important;<br />
padding-top: 17px !important;<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-17px !important;<br />
}<br />
<br />
/* force the display of the contents of the section */<br />
#p-googleadsense .body {<br />
display:block !important;<br />
}<br />
/* Option 1: hide the header */<br />
#p-googleadsense h3 {<br />
display:none !important;<br />
}<br />
<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 0 !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate a {<br />
display: block;<br />
padding: 5px;<br />
color: #fff !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 24px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a:hover {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-focus-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu div.menu {<br />
margin-left: -6px;<br />
}<br />
<br />
div#content {<br />
margin-left: 10.5em;<br />
border: none;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-top: -6px;<br />
}<br />
div.vectorTabs ul li, div.vectorMenu {<br />
background-position: left top;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=13017
MediaWiki:Vector.css
2014-05-11T05:47:54Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
margin-left: 168px !important;<br />
padding-top: 17px !important;<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-17px !important;<br />
}<br />
<br />
/* force the display of the contents of the section */<br />
#p-googleadsense .body {<br />
display:block !important;<br />
}<br />
/* Option 1: hide the header */<br />
#p-googleadsense h3 {<br />
display:none !important;<br />
}<br />
<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 5px !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate a {<br />
color: #fff !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 24px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a:hover {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-focus-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu div.menu {<br />
margin-left: -6px;<br />
}<br />
<br />
div#content {<br />
margin-left: 10.5em;<br />
border: none;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-top: -6px;<br />
}<br />
div.vectorTabs ul li, div.vectorMenu {<br />
background-position: left top;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=13016
MediaWiki:Vector.css
2014-05-11T05:44:29Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
margin-left: 168px !important;<br />
padding-top: 17px !important;<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-16px !important;<br />
}<br />
<br />
/* force the display of the contents of the section */<br />
#p-googleadsense .body {<br />
display:block !important;<br />
}<br />
/* Option 1: hide the header */<br />
#p-googleadsense h3 {<br />
display:none !important;<br />
}<br />
<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 5px !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate a {<br />
color: #fff !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 24px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a:hover {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-focus-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu div.menu {<br />
margin-left: -6px;<br />
}<br />
<br />
div#content {<br />
margin-left: 10.5em;<br />
border: none;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-top: -6px;<br />
}<br />
div.vectorTabs ul li, div.vectorMenu {<br />
background-position: left top;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=13015
MediaWiki:Vector.css
2014-05-11T05:43:41Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
margin-left: 174px;<br />
padding-top: 17px !important;<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-16px !important;<br />
}<br />
<br />
/* force the display of the contents of the section */<br />
#p-googleadsense .body {<br />
display:block !important;<br />
}<br />
/* Option 1: hide the header */<br />
#p-googleadsense h3 {<br />
display:none !important;<br />
}<br />
<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 5px !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate a {<br />
color: #fff !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 24px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a:hover {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-focus-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu div.menu {<br />
margin-left: -6px;<br />
}<br />
<br />
div#content {<br />
margin-left: 10.5em;<br />
border: none;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-top: -6px;<br />
}<br />
div.vectorTabs ul li, div.vectorMenu {<br />
background-position: left top;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=13014
MediaWiki:Vector.css
2014-05-11T05:43:08Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
margin-left: 174px;<br />
padding-top: 17px !important;<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-16px !important;<br />
}<br />
<br />
/* force the display of the contents of the section */<br />
#p-googleadsense .body {<br />
display:block !important;<br />
}<br />
/* Option 1: hide the header */<br />
#p-googleadsense h3 {<br />
display:none !important;<br />
}<br />
<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 5px !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate a {<br />
color: #fff !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 24px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a:hover {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-focus-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu div.menu {<br />
margin-left: -6px;<br />
}<br />
<br />
div#content {<br />
margin-left: 10.9em;<br />
border: none;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-top: -6px;<br />
}<br />
div.vectorTabs ul li, div.vectorMenu {<br />
background-position: left top;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=13013
MediaWiki:Vector.css
2014-05-11T05:41:51Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
padding-top: 17px !important<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-16px !important;<br />
}<br />
<br />
/* force the display of the contents of the section */<br />
#p-googleadsense .body {<br />
display:block !important;<br />
}<br />
/* Option 1: hide the header */<br />
#p-googleadsense h3 {<br />
display:none !important;<br />
}<br />
<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 5px !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate a {<br />
color: #fff !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 24px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a:hover {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-focus-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu div.menu {<br />
margin-left: -6px;<br />
}<br />
<br />
div#content {<br />
margin-left: 10.9em;<br />
border: none;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-top: -6px;<br />
}<br />
div.vectorTabs ul li, div.vectorMenu {<br />
background-position: left top;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=13012
MediaWiki:Vector.css
2014-05-11T05:41:08Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
/*<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
padding-top: 17px !important<br />
}<br />
*/<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-16px !important;<br />
}<br />
<br />
/* force the display of the contents of the section */<br />
#p-googleadsense .body {<br />
display:block !important;<br />
}<br />
/* Option 1: hide the header */<br />
#p-googleadsense h3 {<br />
display:none !important;<br />
}<br />
<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 5px !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate a {<br />
color: #fff !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 24px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a:hover {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-focus-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu div.menu {<br />
margin-left: -6px;<br />
}<br />
<br />
div#content {<br />
margin-left: 10.9em;<br />
border: none;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-top: -6px;<br />
}<br />
div.vectorTabs ul li, div.vectorMenu {<br />
background-position: left top;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=13011
MediaWiki:Vector.css
2014-05-11T05:37:15Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
div#content, div#footer {<br />
margin-left: 10.9em;<br />
margin-top: 0;<br />
border: none;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
/*<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
padding-top: 17px !important<br />
}<br />
*/<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-16px !important;<br />
}<br />
<br />
/* force the display of the contents of the section */<br />
#p-googleadsense .body {<br />
display:block !important;<br />
}<br />
/* Option 1: hide the header */<br />
#p-googleadsense h3 {<br />
display:none !important;<br />
}<br />
<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 5px !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate a {<br />
color: #fff !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 24px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a:hover {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-focus-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu div.menu {<br />
margin-left: -6px;<br />
}<br />
div#content {<br />
border-top: 6px solid #B4BEC3;<br />
margin-top: -6px;<br />
}<br />
div.vectorTabs ul li, div.vectorMenu {<br />
background-position: left top;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=13010
MediaWiki:Vector.css
2014-05-11T05:33:20Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
div#content, div#footer {<br />
margin-left: 10.9em;<br />
margin-top: 0;<br />
border: none;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
padding-top: 17px !important<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-16px !important;<br />
}<br />
<br />
/* force the display of the contents of the section */<br />
#p-googleadsense .body {<br />
display:block !important;<br />
}<br />
/* Option 1: hide the header */<br />
#p-googleadsense h3 {<br />
display:none !important;<br />
}<br />
<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 5px !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate a {<br />
color: #fff !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 24px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a:hover {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-focus-icon.png) !important;<br />
background-position: 2px 14px;<br />
}<br />
div.vectorMenu div.menu {<br />
margin-left: -6px;<br />
}<br />
div#content {<br />
border-top: 6px solid #B4BEC3;<br />
margin-top: -6px;<br />
}<br />
div.vectorTabs ul li, div.vectorMenu {<br />
background-position: left top;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=13009
MediaWiki:Vector.css
2014-05-11T05:32:21Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
div#content, div#footer {<br />
margin-left: 10.9em;<br />
margin-top: 0;<br />
border: none;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
padding-top: 17px !important<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-16px !important;<br />
}<br />
<br />
/* force the display of the contents of the section */<br />
#p-googleadsense .body {<br />
display:block !important;<br />
}<br />
/* Option 1: hide the header */<br />
#p-googleadsense h3 {<br />
display:none !important;<br />
}<br />
<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 5px !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate a {<br />
color: #fff !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 24px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-icon.png) !important;<br />
background-position: 0 14px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a:hover {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-focus-icon.png) !important;<br />
background-position: 0 14px;<br />
}<br />
div.vectorMenu div.menu {<br />
margin-left: -6px;<br />
}<br />
div#content {<br />
border-top: 6px solid #B4BEC3;<br />
margin-top: -6px;<br />
}<br />
div.vectorTabs ul li, div.vectorMenu {<br />
background-position: left top;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=13008
MediaWiki:Vector.css
2014-05-11T05:31:43Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
div#content, div#footer {<br />
margin-left: 10.9em;<br />
margin-top: 0;<br />
border: none;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
padding-top: 17px !important<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-16px !important;<br />
}<br />
<br />
/* force the display of the contents of the section */<br />
#p-googleadsense .body {<br />
display:block !important;<br />
}<br />
/* Option 1: hide the header */<br />
#p-googleadsense h3 {<br />
display:none !important;<br />
}<br />
<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 5px !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate a {<br />
color: #fff !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 24px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-icon.png) !important;<br />
background-position: 0 14px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a:hover {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-focus-icon.png) !important;<br />
background-position: 0 14px;<br />
}<br />
div.vectorMenu div.menu {<br />
margin-left: -6px;<br />
}<br />
div#content {<br />
border-top: 6px solid #B4BEC3;<br />
}<br />
div.vectorTabs ul li, div.vectorMenu {<br />
background-position: left top;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=13007
MediaWiki:Vector.css
2014-05-11T05:31:12Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
div#content, div#footer {<br />
margin-left: 10.9em;<br />
margin-top: 0;<br />
border: none;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
padding-top: 17px !important<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-16px !important;<br />
}<br />
<br />
/* force the display of the contents of the section */<br />
#p-googleadsense .body {<br />
display:block !important;<br />
}<br />
/* Option 1: hide the header */<br />
#p-googleadsense h3 {<br />
display:none !important;<br />
}<br />
<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 5px !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate a {<br />
color: #fff !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 24px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-icon.png) !important;<br />
background-position: 0 14px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a:hover {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-focus-icon.png) !important;<br />
background-position: 0 14px;<br />
}<br />
div.vectorMenu div.menu {<br />
margin-left: -6px;<br />
}<br />
div#content {<br />
border-top: 6px solid #B4BEC3;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=13003
MediaWiki:Vector.css
2014-05-11T05:04:27Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
div#content, div#footer {<br />
margin-left: 10.9em;<br />
margin-top: 0;<br />
border: none;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
padding-top: 17px !important<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-16px !important;<br />
}<br />
<br />
/* force the display of the contents of the section */<br />
#p-googleadsense .body {<br />
display:block !important;<br />
}<br />
/* Option 1: hide the header */<br />
#p-googleadsense h3 {<br />
display:none !important;<br />
}<br />
<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 5px !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate a {<br />
color: #fff !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 24px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-icon.png) !important;<br />
background-position: 0 14px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a:hover {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-focus-icon.png) !important;<br />
background-position: 0 14px;<br />
}<br />
div.vectorMenu div.menu {<br />
margin-left: -6px;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=13002
MediaWiki:Vector.css
2014-05-11T05:04:01Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
div#content, div#footer {<br />
margin-left: 10.9em;<br />
margin-top: 0;<br />
border: none;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
padding-top: 17px !important<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-16px !important;<br />
}<br />
<br />
/* force the display of the contents of the section */<br />
#p-googleadsense .body {<br />
display:block !important;<br />
}<br />
/* Option 1: hide the header */<br />
#p-googleadsense h3 {<br />
display:none !important;<br />
}<br />
<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 5px !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate a {<br />
color: #fff !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 24px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-icon.png) !important;<br />
background-position: 0 14px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a:hover {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-focus-icon.png) !important;<br />
background-position: 0 14px;<br />
}<br />
div.vectorMenu div.menu {<br />
margin-left: -6px;<br />
}<br />
<br />
.editOptions {<br />
background: transparent;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=13001
MediaWiki:Vector.css
2014-05-11T05:02:42Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
div#content, div#footer {<br />
margin-left: 10.9em;<br />
margin-top: 0;<br />
border: none;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
padding-top: 17px !important<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-16px !important;<br />
}<br />
<br />
/* force the display of the contents of the section */<br />
#p-googleadsense .body {<br />
display:block !important;<br />
}<br />
/* Option 1: hide the header */<br />
#p-googleadsense h3 {<br />
display:none !important;<br />
}<br />
<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 5px !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate a {<br />
color: #fff !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 24px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-icon.png) !important;<br />
background-position: 0 14px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a:hover {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-focus-icon.png) !important;<br />
background-position: 0 14px;<br />
}<br />
div.vectorMenu div.menu {<br />
margin-left: -6px;<br />
}<br />
<br />
.editOptions {<br />
background-image: -webkit-gradient(linear, left top, right bottom, <br />
color-stop(0.00, red), <br />
color-stop(16%, orange),<br />
color-stop(32%, yellow),<br />
color-stop(48%, green),<br />
color-stop(60%, blue),<br />
color-stop(76%, indigo),<br />
color-stop(1.00, violet));<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=13000
MediaWiki:Vector.css
2014-05-11T05:02:09Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
div#content, div#footer {<br />
margin-left: 10.9em;<br />
margin-top: 0;<br />
border: none;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
padding-top: 17px !important<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-16px !important;<br />
}<br />
<br />
/* force the display of the contents of the section */<br />
#p-googleadsense .body {<br />
display:block !important;<br />
}<br />
/* Option 1: hide the header */<br />
#p-googleadsense h3 {<br />
display:none !important;<br />
}<br />
<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 5px !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate a {<br />
color: #fff !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 24px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-icon.png) !important;<br />
background-position: 0 14px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a:hover {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-focus-icon.png) !important;<br />
background-position: 0 14px;<br />
}<br />
div.vectorMenu div.menu {<br />
margin-left: -6px;<br />
}<br />
<br />
.editOptions {<br />
background-image: -webkit-gradient(linear, left top, left bottom, <br />
color-stop(0.00, red), <br />
color-stop(16%, orange),<br />
color-stop(32%, yellow),<br />
color-stop(48%, green),<br />
color-stop(60%, blue),<br />
color-stop(76%, indigo),<br />
color-stop(1.00, violet));<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=12997
MediaWiki:Vector.css
2014-05-11T04:34:01Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
div#content, div#footer {<br />
margin-left: 10.9em;<br />
margin-top: 0;<br />
border: none;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
padding-top: 17px !important<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-16px !important;<br />
}<br />
<br />
/* force the display of the contents of the section */<br />
#p-googleadsense .body {<br />
display:block !important;<br />
}<br />
/* Option 1: hide the header */<br />
#p-googleadsense h3 {<br />
display:none !important;<br />
}<br />
<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 5px !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate a {<br />
color: #fff !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 24px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-icon.png) !important;<br />
background-position: 0 14px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a:hover {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-focus-icon.png) !important;<br />
background-position: 0 14px;<br />
}<br />
div.vectorMenu div.menu {<br />
margin-left: -6px;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=12993
MediaWiki:Vector.css
2014-05-11T03:24:12Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
div#content, div#footer {<br />
margin-left: 10.9em;<br />
margin-top: 0;<br />
border: none;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
padding-top: 17px !important<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-10px !important;<br />
}<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 5px !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate a {<br />
color: #fff !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 24px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-icon.png) !important;<br />
background-position: 0 14px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a:hover {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-focus-icon.png) !important;<br />
background-position: 0 14px;<br />
}<br />
div.vectorMenu div.menu {<br />
margin-left: -6px;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=12992
MediaWiki:Vector.css
2014-05-11T03:23:26Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
div#content, div#footer {<br />
margin-left: 10.9em;<br />
margin-top: 0;<br />
border: none;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
padding-top: 17px !important<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-10px !important;<br />
}<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 5px !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate a {<br />
color: #fff !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 24px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-icon.png) !important;<br />
background-position: 0 14px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a:hover {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-focus-icon.png) !important;<br />
background-position: 0 14px;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=12991
MediaWiki:Vector.css
2014-05-11T03:22:24Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
div#content, div#footer {<br />
margin-left: 10.9em;<br />
margin-top: 0;<br />
border: none;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
padding-top: 17px !important<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-10px !important;<br />
}<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 5px !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate a {<br />
color: #fff !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 24px;<br />
}<br />
div.vectorMenu h3#p-cactions-label a {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-icon.png) !important;<br />
background-position: 0 14px;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=12990
MediaWiki:Vector.css
2014-05-11T03:21:55Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
div#content, div#footer {<br />
margin-left: 10.9em;<br />
margin-top: 0;<br />
border: none;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
padding-top: 17px !important<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-10px !important;<br />
}<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 5px !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate a {<br />
color: #fff !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 24px;<br />
}<br />
#p-captions-label a {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-icon.png) !important;<br />
background-position: 0 14px;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=12989
MediaWiki:Vector.css
2014-05-11T03:19:59Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
div#content, div#footer {<br />
margin-left: 10.9em;<br />
margin-top: 0;<br />
border: none;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
padding-top: 17px !important<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-10px !important;<br />
}<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 5px !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate a {<br />
color: #fff !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 24px;<br />
}<br />
#p-captions-label a {<br />
background-image: url(http://wiki.terrafirmacraft.com/skins/vector/images/arrow-down-icon.png);<br />
background-position: 0 14px;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=12988
MediaWiki:Vector.css
2014-05-11T03:13:03Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
div#content, div#footer {<br />
margin-left: 10.9em;<br />
margin-top: 0;<br />
border: none;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
padding-top: 17px !important<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-10px !important;<br />
}<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 5px !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate a {<br />
color: #fff !important;<br />
}<br />
<br />
/* Fix Stuff */<br />
#p-cactions-label {<br />
height: 36px;<br />
width: 23px;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=12987
MediaWiki:Vector.css
2014-05-11T03:09:49Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
div#content, div#footer {<br />
margin-left: 10.9em;<br />
margin-top: 0;<br />
border: none;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
padding-top: 17px !important<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-10px !important;<br />
}<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 5px !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate a {<br />
color: #fff !important;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=12986
MediaWiki:Vector.css
2014-05-11T03:08:38Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
div#content, div#footer {<br />
margin-left: 10.9em;<br />
border: none;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
margin-left: 183px;<br />
margin-top: 67px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
padding-top: 17px !important<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-10px !important;<br />
}<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 5px !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate a {<br />
color: #fff !important;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Common.js&diff=12985
MediaWiki:Common.js
2014-05-11T03:01:02Z
<p>SpAnser: </p>
<hr />
<div>/* Any JavaScript here will be loaded for all users on every page load. */<br />
<br />
/**<br />
* Instead of cluttering up the global scope with<br />
* variables, they should instead be set as an<br />
* object of this global variable<br />
*<br />
* E.g: Instead of<br />
* window.myVar = 'blah';<br />
* use<br />
* window.mcw.myVar = 'blah';<br />
*/<br />
window.mcw = {};<br />
<br />
<br />
/**<br />
* Location of baseURL and wikiURL<br />
*<br />
* baseURL is where the wiki is actually installed<br />
* It can be seen in URLs such as index.php and api.php<br />
* It's usually /w/<br />
*<br />
* wikiURL is the alias for baseURL + index.php?title=<br />
* It can be seen when viewing any normal wiki page<br />
* It's usually /wiki/<br />
*/<br />
window.mcw.baseURL = '/';<br />
window.mcw.wikiURL = '/';<br />
<br />
/**<br />
* Collapsible tables<br />
*<br />
* Based on http://www.mediawiki.org/wiki/Manual:Collapsible_tables#Common.js_script_.28before_1.18.29<br />
*<br />
* @maintainers [[User:Ultradude25]]<br />
*/<br />
var collapseText = 'hide', expandText = 'show';<br />
<br />
window.mcw.makeCollapsible = function() {<br />
var $tables = $( 'table.collapsible' );<br />
if ( $tables.length ) {<br />
var collapseButton, buttonText = ' <span class="collapsible-button">[<span class="jslink">' + collapseText + '</span>]</span> ';<br />
<br />
$tables.each( function() {<br />
var $table = $( this ), header;<br />
<br />
if ( $table.data( 'collapsible' ) ) {<br />
return true;<br />
}<br />
<br />
if ( $table.find( '.collapse-button' ).length ) {<br />
header = $table.find( 'tr:first .collapse-button' );<br />
} else {<br />
header = $table.find( 'tr:first th:first' );<br />
}<br />
<br />
if ( !header.length || !$table.find( 'tr' ).not( 'tr:first' ).text().replace( /\n/g, '' ).length ) {<br />
return true;<br />
}<br />
<br />
if ( $table.hasClass( 'collapse-button-none' ) ) {<br />
header.append( buttonText );<br />
} else {<br />
header.prepend( buttonText );<br />
}<br />
<br />
collapseButton = $table.find( '.collapsible-button .jslink' );<br />
<br />
if ( $table.hasClass( 'collapsed' ) ) {<br />
collapseButton.text( expandText );<br />
}<br />
<br />
$table.data( 'collapsible', true );<br />
} );<br />
}<br />
};<br />
<br />
$( '#content' ).delegate( 'table.collapsible .collapsible-button .jslink', 'click', function( e ) {<br />
var $table = $( this ).closest( 'table.collapsible' );<br />
<br />
// Stop table sorting activating when clicking the link<br />
e.stopPropagation();<br />
<br />
if ( $table.hasClass( 'collapsed' ) ) {<br />
$table.removeClass( 'collapsed' ).addClass( 'expanded' );<br />
$( this ).text( collapseText );<br />
} else {<br />
$table.removeClass( 'expanded' ).addClass( 'collapsed' );<br />
$( this ).text( expandText );<br />
}<br />
} );<br />
window.mcw.makeCollapsible();<br />
<br />
/** <br />
* Fix edit summary prompt for undo<br />
*<br />
* Fixes the fact that the undo function combined with the "no edit summary prompter"<br />
* causes problems if leaving the edit summary unchanged.<br />
* Added by [[wikipedia:User:Deskana]], code by [[wikipedia:User:Tra]].<br />
* See https://bugzilla.wikimedia.org/show_bug.cgi?id=8912<br />
*/<br />
if ( document.location.search.indexOf( "undo=" ) !== -1 && document.getElementsByName( 'wpAutoSummary' )[0] ) {<br />
document.getElementsByName( 'wpAutoSummary' )[0].value='1';<br />
}<br />
<br />
<br />
window.mcw.animation = function() {<br />
/**<br />
* Element animator<br />
*<br />
* Will cycle the active class on any child elements<br />
* within an element with the animated class.<br />
*/<br />
if ( window.mcw.animate === undefined && $( '.animated' ).length ) {<br />
window.mcw.animate = setInterval( function() {<br />
$( '.animated' ).each( function() {<br />
var current = $( this ).find( '.active' ).removeClass( 'active' ), next = current.next();<br />
if ( !current.next().length ) {<br />
next = $( this ).children().eq( 0 );<br />
}<br />
next.addClass( 'active' );<br />
} );<br />
}, 2000 );<br />
}<br />
<br />
<br />
/**<br />
* Frame loader <br />
* <br />
* Loads a semi-colon (;) separated list of images<br />
* to be animated by the element animator<br />
* <br />
* Has special support for [[Template:Grid]]<br />
*/<br />
var $animate = $( '.animated' ), size = {};<br />
if ( $animate.length ) {<br />
$animate.each( function() {<br />
var imgs = $( this ).data( 'imgs' ), imgSize = $( this ).data( 'img-size' ),<br />
grid = $( this ).closest( '.grid' ), mod = $( this ).data( 'mod' );<br />
<br />
if ( !imgs ) {<br />
return true;<br />
}<br />
if ( grid.length ) {<br />
grid = true;<br />
imgSize = '32x32';<br />
} else {<br />
grid = false;<br />
if ( imgSize ) {<br />
imgSize = imgSize.split( 'x' );<br />
imgSize[0] = imgSize[0].replace( /[\D ]/, '' );<br />
imgSize[1] = imgSize[1].replace( /[\D ]/, '' );<br />
<br />
if ( imgSize[1] ) {<br />
imgSize[0] += 'x' + imgSize[1];<br />
}<br />
<br />
imgSize = imgSize[0];<br />
} else {<br />
imgSize = '';<br />
}<br />
}<br />
<br />
if ( size[imgSize] === undefined ) {<br />
size[imgSize] = [];<br />
}<br />
<br />
imgs = imgs.split( ';' );<br />
imgs.shift();<br />
$.each( imgs, function() {<br />
if ( !this.trim() ) {<br />
return true;<br />
}<br />
<br />
var parts, name;<br />
if ( grid ) {<br />
if ( this.indexOf( ':' ) > -1 ) {<br />
parts = $.map( this.split( /[:,]+/ ), $.trim );<br />
if ( parts[0].toLowerCase() === 'v' || parts[0].toLowerCase() === 'vanilla' ) {<br />
name = 'File:Grid ' + parts[1] + '.png';<br />
} else {<br />
name = 'File:Grid ' + parts[1] + ' (' + parts[0] + ').png';<br />
}<br />
} else {<br />
parts = $.map( this.split( ',' ), $.trim );<br />
if ( !mod ) {<br />
name = 'File:Grid ' + parts[0] + '.png';<br />
} else {<br />
name = 'File:Grid ' + parts[0] + ' (' + mod + ').png';<br />
}<br />
}<br />
<br />
if ( size[imgSize].indexOf( name ) < 0 ) {<br />
size[imgSize].push( name );<br />
}<br />
} else if ( size[imgSize].indexOf( 'File:' + this.trim() ) < 0 ) {<br />
size[imgSize].push( 'File:' + this.trim() );<br />
}<br />
} );<br />
} );<br />
<br />
var redirectPromise = [], urlPromise = [], redirects = {}, urls = {};<br />
$.each( size, function( size ) {<br />
var titles = this;<br />
if ( !titles ) {<br />
return true;<br />
}<br />
<br />
// Split titles up into blocks of 50, which is the API's title limit for standard users<br />
for ( var i = 0; i < titles.length; i += 50 ) { ( function() {<br />
var section = titles.slice( i, i + 50 ).join( '|' );<br />
<br />
redirectPromise.push(<br />
// Thanks to bug 23750 (https://bugzilla.wikimedia.org/show_bug.cgi?id=23750)<br />
// &redirects doesn't work properly with prop=imageinfo. Some of the images<br />
// will return without any imageinfo, even though they are valid.<br />
// So the redirects have to be resolved in a separate request...<br />
$.ajax( {<br />
type: 'POST',<br />
url: window.mcw.baseURL + 'api.php?action=query&format=json&redirects',<br />
data: { titles: section },<br />
timeout: 20000<br />
} ).done( function( data ) {<br />
if ( data.query.redirects ) {<br />
$.each( data.query.redirects, function() {<br />
redirects[this.to] = this.from;<br />
section = section.replace( this.from, this.to );<br />
} );<br />
}<br />
<br />
var thumburl = '', sizes = size.split( 'x' );<br />
if ( sizes[0] ) {<br />
thumburl = '&iiurlwidth=' + sizes[0];<br />
<br />
if ( sizes[1] ) {<br />
thumburl += '&iiurlheight=' + sizes[1];<br />
}<br />
}<br />
urlPromise.push(<br />
$.ajax( {<br />
type: 'POST',<br />
url: window.mcw.baseURL + 'api.php?action=query&format=json&prop=imageinfo&iiprop=url' + thumburl,<br />
data: { titles: section },<br />
timeout: 20000<br />
} ).done( function( data ) {<br />
$.each( data.query.pages, function( index ) {<br />
if ( index < 0 ) {<br />
return true;<br />
}<br />
if ( !this.imageinfo ) {<br />
console.error( 'Imageinfo is empty' );<br />
return true;<br />
}<br />
<br />
var url = this.imageinfo[0].thumburl || this.imageinfo[0].url;<br />
if ( redirects.hasOwnProperty( this.title ) ) {<br />
urls[redirects[this.title].replace( /File:(.*)/, '$1' ) + size] = url;<br />
} else {<br />
urls[this.title.replace( /File:(.*)/, '$1' ) + size] = url;<br />
}<br />
} );<br />
} ).fail( function( error ) {<br />
console.error( error );<br />
} )<br />
);<br />
} ).fail( function( error ) {<br />
console.error( error );<br />
} )<br />
);<br />
} )(); }<br />
} );<br />
<br />
$.when.apply( $, redirectPromise ).then( function() {<br />
$.when.apply( $, urlPromise ).then( function() {<br />
$animate.each( function() {<br />
var imgs = $( this ).data( 'imgs' ), imgSize = $( this ).data( 'img-size' ), html = '',<br />
grid = $( this ).closest( '.grid' ), mod = $( this ).data( 'mod' );<br />
<br />
if ( !imgs ) {<br />
return true;<br />
}<br />
if ( grid.length ) {<br />
grid = true;<br />
imgSize = '32x32';<br />
} else {<br />
grid = false;<br />
if ( imgSize ) {<br />
imgSize = imgSize.split( 'x' );<br />
imgSize[0] = imgSize[0].replace( /[\D ]/, '' );<br />
imgSize[1] = imgSize[1].replace( /[\D ]/, '' );<br />
<br />
if ( imgSize[1] ) {<br />
imgSize[0] += 'x' + imgSize[1];<br />
}<br />
<br />
imgSize = imgSize[0];<br />
} else {<br />
imgSize = '';<br />
}<br />
}<br />
<br />
imgs = imgs.split( ';' );<br />
imgs.shift();<br />
$.each( imgs, function() {<br />
if ( !this.trim() ) {<br />
if ( grid ) {<br />
html += '<span class="image">&nbsp;</span>';<br />
}<br />
return true;<br />
}<br />
<br />
var parts, name, link, url, num;<br />
if ( grid ) {<br />
if ( this.indexOf( ':' ) > -1 ) {<br />
parts = $.map( this.split( /[:,]+/ ), $.trim );<br />
if ( parts[0].toLowerCase() === 'v' || parts[0].toLowerCase() === 'vanilla' ) {<br />
name = link = parts[1];<br />
url = urls['Grid ' + parts[0] + '.png' + imgSize];<br />
num = parts[2];<br />
} else {<br />
name = parts[1] + ' (' + parts[0] + ')';<br />
link = 'Mods/' + parts[0] + '/' + parts[1];<br />
url = urls['Grid ' + name + '.png' + imgSize];<br />
num = parts[2];<br />
}<br />
} else {<br />
parts = $.map( this.split( ',' ), $.trim );<br />
if ( !mod ) {<br />
name = link = parts[0];<br />
url = urls['Grid ' + parts[0] + '.png' + imgSize];<br />
num = parts[1];<br />
} else {<br />
name = parts[0] + ' (' + mod + ')';<br />
link = 'Mods/' + mod + '/' + parts[0];<br />
url = urls['Grid ' + name + '.png' + imgSize];<br />
num = parts[1];<br />
}<br />
}<br />
<br />
html += '<span class="image">';<br />
if ( name ) {<br />
if ( url ) {<br />
html += '<a title="' + link + '" href="' + window.mcw.wikiURL + link.replace( / /g, '_' ) + '"><img width="32" height="32" src="' + url + '" alt="' + name + '"></a>';<br />
if ( num ) {<br />
html += '<span class="number"><a title="' + link + '" href="' + window.mcw.wikiURL + link.replace( / /g, '_' ) + '">' + num + '</a></span>';<br />
}<br />
} else {<br />
html += '<a class="new" title="File:Grid ' + name + '.png" href="' + window.mcw.baseURL + 'index.php?title=Special:Upload&wpDestFile=Grid_' + name.replace( / /g, '_' ) + '.png"></a>';<br />
}<br />
} else {<br />
html += '&nbsp;';<br />
}<br />
html += '</span>';<br />
} else {<br />
name = this.trim();<br />
html += '<span>';<br />
if ( urls[name + imgSize] ) {<br />
html += '<a href="' + window.mcw.wikiURL + 'File:' + name.replace( / /g, '_' ) + '"><img src="' + urls[name + imgSize] + '" alt="' + name + '"></a>';<br />
} else {<br />
html += '<a class="new" title="File:' + name + '" href="' + window.mcw.baseURL + 'index.php?title=Special:Upload&wpDestFile=' + name.replace( / /g, '_' ) + '">File:' + name + '</a>';<br />
}<br />
html += '</span>';<br />
}<br />
} );<br />
<br />
$( this ).append( html ).data( 'imgs', null );<br />
} );<br />
} );<br />
} );<br />
}<br />
};<br />
window.mcw.animation();<br />
<br />
/**<br />
* Pause grid GUI templates (e.g. [[Template:Grid/Crafting Table]]) on mouseover<br />
*<br />
* This is so people have a chance to look at each image on the cell<br />
* and click on pages they want to view.<br />
*/<br />
$( '#content' ).delegate( '.grid-Crafting_Table, .grid-furnace, .grid-Brewing_Stand', {<br />
'mouseenter': function() { <br />
$( this ).find( '.animated' ).removeClass( 'animated' ).addClass( 'paused' );<br />
},<br />
'mouseleave': function() {<br />
$( this ).find( '.paused' ).removeClass( 'paused' ).addClass( 'animated' );<br />
}<br />
} );<br />
<br />
<br />
/**<br />
* Add fake last-child class in navboxes for IE8<br />
*/<br />
if ( $.client.profile().name === 'msie' && $.client.profile().versionBase === '8' ) {<br />
$( '.navbox-list li:last' ).addClass( 'last-child' );<br />
}<br />
<br />
/**<br />
* Back to Top Button<br />
*/<br />
addOnloadHook(function() {<br />
var elems = document.getElementsByClassName('editsection');<br />
for (i = 0; i < elems.length; i++) {<br />
var span = document.createElement('span');<br />
var link = document.createElement('a');<br />
link.href = '#top';<br />
link.appendChild(document.createTextNode('back to top'));<br />
span.appendChild(document.createTextNode('['));<br />
span.appendChild(link);<br />
span.appendChild(document.createTextNode('] '));<br />
elems[i].insertBefore(span, elems[i].firstChild);<br />
}<br />
});</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Vector.css&diff=12857
MediaWiki:Vector.css
2014-05-05T23:30:53Z
<p>SpAnser: </p>
<hr />
<div>/* CSS placed here will affect users of the Vector skin */<br />
#ttb {<br />
margin-top: -30px;<br />
}<br />
#tfctopbar {<br />
font-family:'PT Sans', arial, serif;<br />
background-color:#2d2d2d;<br />
border-bottom:1px #000 solid;<br />
font-size:13px;<br />
font-weight:bold;<br />
line-height:30px;<br />
height:29px;<br />
padding:0 6px;<br />
margin: 0;<br />
list-style:none;<br />
}<br />
#tfctopbar ul {<br />
position: absolute;<br />
list-style: none;<br />
top: 30px;<br />
text-align: left;<br />
z-index:-1;<br />
border: 1px solid #bebebe;<br />
background: #fff;<br />
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);<br />
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
box-shadow: 0 2px 4px rgba(0,0,0,.2);<br />
margin-left: -1px;<br />
}<br />
#tfctopbar li {<br />
float: left;<br />
margin-top: 1px;<br />
}<br />
#tfctopbar ul {<br />
display:none;<br />
list-style:none;<br />
}<br />
#tfctopbar a {<br />
color:#bbbbbb;<br />
text-decoration:none;<br />
padding:0 9px;<br />
display:block;<br />
}<br />
#tfctopbar .right.drop { margin-left: 31px; }<br />
#tfctopbar .right {<br />
float:right;<br />
}<br />
#tfctopbar .right a {<br />
display:inline-block;<br />
}<br />
#tfctopbar a:hover {<br />
color:#fff;<br />
}<br />
#tfctopbar li.drop:hover {<br />
background: #fff;<br />
border: 1px solid #bebebe;<br />
border-bottom: none;<br />
margin-top:0;<br />
}<br />
#tfctopbar li.drop:hover a {<br />
color: #2d2d2d;<br />
padding:0 8px;<br />
}<br />
#tfctopbar li.drop:hover ul {<br />
display:block;<br />
z-index: 5;<br />
border-top: none;<br />
margin-top: 0;<br />
}<br />
#tfctopbar ul li {<br />
float:none;<br />
line-height:30px;<br />
}<br />
#tfctopbar ul li a {<br />
color:#2d2d2d;<br />
padding:0 20px !important;<br />
display:block !important;<br />
}<br />
#tfctopbar ul li:hover {<br />
border:none;<br />
}<br />
#tfctopbar ul li:hover a {<br />
color:#2d2d2d;<br />
background-color:#f5f5f5;<br />
}<br />
#tfctopbar .content {<br />
margin-left:40px;<br />
display:block;<br />
font-size:13px;<br />
line-height:17px;<br />
}<br />
#tfctopbar .content a {<br />
padding:0 !important;<br />
font-weight:normal;<br />
}<br />
#tfctopbar .content a.new {<br />
font-weight:bold;<br />
}<br />
#tfctopbar .inbox li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .inbox {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .inbox li {<br />
margin-bottom:8px;<br />
}<br />
#tfctopbar .inbox .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .inbox .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .inbox .head .right a {<br />
padding:0 4px !important;<br />
}<br />
.pmnum {<br />
padding: 0px 4px !important;<br />
height: 12px;<br />
line-height: 12px;<br />
background: #cf2020;<br />
color: #fff !important;<br />
font-size: 9px;<br />
text-align: center;<br />
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;<br />
-moz-border-radius: 2px;<br />
-webkit-border-radius: 2px;<br />
border-radius: 2px;<br />
position: absolute;<br />
top: 3px;<br />
left: -3px;<br />
}<br />
.b-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);<br />
background-position: 0 -76px;<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.f-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(profile.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li.drop:hover .outside-icon {<br />
margin-left: -25px;<br />
}<br />
.meta {<br />
font-size: 11px !important;<br />
color:#a4a4a4;<br />
}<br />
.ipsUserPhoto {<br />
width:30px;<br />
height:30px;<br />
float:left;<br />
padding: 1px;<br />
border: 1px solid #d5d5d5;<br />
background: #fff;<br />
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);<br />
}<br />
.outside-icon {<br />
position: absolute;<br />
margin-left: -24px;<br />
cursor: pointer;<br />
height: 30px;<br />
}<br />
.m-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(messages.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.n-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 6px;<br />
margin-right:5px;<br />
background-image:url(notifications.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
.w-icon {<br />
width: 21px;<br />
height: 21px;<br />
margin-top: 4px;<br />
margin-right:5px;<br />
background-image:url(wlogo.png);<br />
background-repeat: no-repeat;<br />
float:left;<br />
display:inline-block;<br />
}<br />
#tfctopbar li .profile .ipsUserPhoto {<br />
width: 55px;<br />
height: 55px;<br />
}<br />
#tfctopbar li .profile {<br />
width: 340px;<br />
margin-left: -280px !important;<br />
padding: 10px;<br />
}<br />
#tfctopbar li .profile form {<br />
display: inline-block;<br />
margin-left: 15px;<br />
}<br />
#tfctopbar li .profile li {<br />
width: 270px;<br />
margin-left:70px;<br />
line-height: 24px;<br />
}<br />
#tfctopbar li .profile li.head {<br />
margin: 0 0 10px;<br />
width: 340px;<br />
}<br />
#tfctopbar li .profile a {<br />
width: 130px;<br />
display: inline-block !important;<br />
padding: 0 !important;<br />
font-weight: normal;<br />
}<br />
#tfctopbar .profile li:hover a {<br />
background-color: transparent;<br />
}<br />
#tfctopbar .profile input {<br />
padding: 2px 5px;<br />
color: #666;<br />
}<br />
#tfctopbar .notifications {<br />
width:300px;<br />
padding:5px;<br />
margin-left:-150px;<br />
}<br />
#tfctopbar .notifications li {<br />
margin-bottom: 8px;<br />
}<br />
#tfctopbar .notifications li:hover a {<br />
background:transparent;<br />
}<br />
#tfctopbar .notifications .head {<br />
color:#595959;<br />
font-weight:normal;<br />
font-size:16px;<br />
border-bottom: 1px solid #ececec;<br />
}<br />
#tfctopbar .notifications .meta {<br />
display: block;<br />
}<br />
#tfctopbar .notifications .head .right {<br />
font-size:11px;<br />
}<br />
#tfctopbar .notifications .head .right a {<br />
padding:0 4px !important;<br />
}<br />
#tfctopbar .notifications .content {<br />
font-weight: normal;<br />
font-size: 12px;<br />
line-height: 13px;<br />
}<br />
#tfctopbar .notifications .content a {<br />
display: inline !important;<br />
}<br />
<br />
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/<br />
<br />
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/<br />
<br />
/* Give the background the initial stone texture */<br />
body {<br />
background-color: #202020;<br />
background-image: url("http://terrafirmacraft.com/mcw/Background.png");<br />
margin-top: 30px;<br />
margin-top: 0;<br />
}<br />
<br />
div#content, div#footer {<br />
margin-left: 10.9em;<br />
border: none;<br />
}<br />
<br />
/* Add the grass block background */<br />
#mw-page-base {<br />
background-color: #8DBDE9;<br />
background-image: url("http://terrafirmacraft.com/mcw/Header-background-alt.png");<br />
height: 10em<br />
}<br />
<br />
/* Position the #content area and add the cloud detail image */<br />
#mw-head-base {<br />
background-image: url("http://terrafirmacraft.com/mcw/Clouds-distance2.png");<br />
background-position: left 6px;<br />
background-repeat: repeat-x;<br />
height: 103px;<br />
margin: -160px 10px 0 10.4em !important;<br />
}<br />
<br />
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */<br />
#mw-head {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-background-alt.png");<br />
background-position: bottom right;<br />
background-repeat: no-repeat;<br />
margin-right: 10px;<br />
height: 103px;<br />
margin-top: 0 !important;<br />
}<br />
<br />
/* Set up the link colours and make tabs bold */<br />
#mw-panel a,<br />
#mw-panel a:visited,<br />
#footer a {<br />
color: #BFBFBF !important<br />
}<br />
#p-personal a,<br />
#mw-panel h5,<br />
#footer ul li,<br />
#mw-panel a:hover,<br />
#mw-panel a:focus,<br />
#footer a:hover,<br />
#footer a:focus,<br />
#ft a:hover,<br />
#ft a:focus {<br />
color: #FFF !important<br />
}<br />
#left-navigation a,<br />
#right-navigation #p-views a {<br />
color: #000;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
#p-personal a.new,<br />
#left-navigation li.new a,<br />
#right-navigation #p-views li.new a {<br />
color: #BA0000 !important<br />
}<br />
<br />
/* Position the first set of tabs (page/discussion/etc.) */<br />
#left-navigation {<br />
top: 67px;<br />
margin-left: 8px;<br />
}<br />
<br />
/* Give the user details area some colouring */<br />
#p-personal {<br />
background-color: rgba(155, 185, 233, 0.5);<br />
border: 1px solid #A9C1D8;<br />
right: 0;<br />
padding-right: 0.55em;<br />
margin-top: 0<br />
}<br />
#p-personal li {<br />
margin: 0.5em 0 0.5em 0.75em<br />
}<br />
#p-personal ul {<br />
padding-left: 0<br />
}<br />
<br />
/* Give the tabs and menu tabs the grass block styling */<br />
div.vectorTabs {<br />
background-image: none;<br />
height: 36px;<br />
padding-left: 0<br />
}<br />
div.vectorTabs ul {<br />
background-image: none<br />
}<br />
div.vectorTabs ul li,<br />
div.vectorMenu {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top;<br />
background-color: transparent;<br />
padding-left: 6px;<br />
margin-right: 7px<br />
}<br />
div.vectorTabs span {<br />
background-image: none !important;<br />
}<br />
div.vectorTabs li span,<br />
div.vectorMenu h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: right top !important;<br />
height: 36px;<br />
float: left;<br />
}<br />
div.vectorTabs li.selected span,<br />
div.vectorTabs li span:hover,<br />
div.vectorMenu:hover h5 {<br />
background-position: right bottom !important<br />
}<br />
div.vectorTabs li a {<br />
background-image: none;<br />
padding: 15px 14px 0;<br />
height: 21px<br />
}<br />
#left-navigation .vectorTabs li:first-child {<br />
padding: 0;<br />
background-image: none<br />
}<br />
<br />
/* Position the second set of tabs (read/edit/search/etc.) */<br />
#right-navigation {<br />
margin-top: 50px<br />
}<br />
<br />
#right-navigation .vectorTabs,<br />
#right-navigation .vectorMenu {<br />
margin-top: 17px<br />
}<br />
<br />
/* Hide watch tab's text and put an icon in */<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch-icons.png");<br />
-webkit-background-clip: content-box;<br />
background-clip: content-box<br />
}<br />
#ca-watch.icon a,<br />
#ca-watch.icon a:focus {<br />
background-position: 13px 15px<br />
}<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a:focus {<br />
background-position: -3px 15px<br />
}<br />
#ca-watch.icon a:hover {<br />
background-position: 13px -1px<br />
}<br />
#ca-unwatch.icon a:hover {<br />
background-position: -3px -1px<br />
}<br />
#ca-watch.icon a,<br />
#ca-unwatch.icon a,<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
text-indent: 40px;<br />
height: 16px;<br />
width: 16px;<br />
padding: 15px 14px 6px<br />
}<br />
#ca-unwatch.icon a.loading,<br />
#ca-watch.icon a.loading {<br />
background-image: url("http://terrafirmacraft.com/mcw/Watch.gif");<br />
background-position: 13px 15px<br />
}<br />
<br />
/* Styling for the menu tab and its menu */<br />
div.vectorMenu h5 {<br />
margin-left: 0 !important<br />
}<br />
div.vectorMenu h5 a {<br />
height: 36px;<br />
background-position: 11px 15px;<br />
padding-right: 6px;<br />
padding-left: 7px<br />
}<br />
div.vectorMenu div.menu ul {<br />
background: #E6EFF4<br />
}<br />
<br />
/* Position the general search area */<br />
#p-search {<br />
margin: 0 22px 0 12px;<br />
}<br />
<br />
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */<br />
#simpleSearch {<br />
background: url("http://terrafirmacraft.com/mcw/Search-background-alt.png") repeat-x transparent !important;<br />
border: 0 !important;<br />
height: 43px !important;<br />
width: 212px !important;<br />
margin-top: -6px !important<br />
}<br />
#simpleSearch input {<br />
background-image: url("http://terrafirmacraft.com/mcw/Search-start-alt.png"), url("http://terrafirmacraft.com/mcw/Search-end-alt.png");<br />
background-position: left top, right top;<br />
background-repeat: no-repeat;<br />
height: 18px;<br />
width: 186px !important;<br />
margin-left: -12px !important;<br />
padding: 12px 33px 13px 16px !important;<br />
color: #3C3B3B !important<br />
}<br />
#simpleSearch button {<br />
background: url("http://terrafirmacraft.com/mcw/Search-button.png") center no-repeat !important;<br />
margin-top: 9px !important;<br />
padding: 0 !important;<br />
height: 23px;<br />
width: 20px !important<br />
}<br />
#simpleSearch button img {<br />
display: none<br />
}<br />
<br />
/* The suggestions shown under the search bar */<br />
.suggestions:last-of-type {<br />
width: 217px !important;<br />
top: 112px !important;<br />
right: 28px !important<br />
}<br />
.suggestions:last-of-type .suggestions-results,<br />
.suggestions:last-of-type .suggestions-special {<br />
background-color: #DBDADA;<br />
border-color: #3C3B3B<br />
}<br />
.suggestions:last-of-type .suggestions-result-current {<br />
background-color: highlight !important<br />
}<br />
<br />
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */<br />
#content {<br />
background: #E6EFF4 !important;<br />
border-top: 6px solid #B4BEC3;<br />
border-left: 6px solid #171717;<br />
margin-right: 10px<br />
}<br />
<br />
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */<br />
ul {<br />
list-style-image: none<br />
}<br />
<br />
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */<br />
.mw-warning-with-logexcerpt,<br />
.errorbox {<br />
background-color: #FCC;<br />
border: 2px solid #FAA !important<br />
}<br />
.warningbox {<br />
background-color: #FFC;<br />
border: 2px solid #FFA<br />
}<br />
.successbox {<br />
background-color: #CFC;<br />
border: 2px solid #AFA<br />
}<br />
.successbox strong p {<br />
margin: 0<br />
}<br />
.mw-warning-with-logexcerpt,<br />
.errorbox,<br />
.warningbox,<br />
.successbox {<br />
padding: 3px 12px !important<br />
}<br />
<br />
/* Add white background to some areas */<br />
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {<br />
background-color: #FFF;<br />
}<br />
<br />
/* Get rid of stupid white backgrounds on the diff area */<br />
table.diff, td.diff-otitle, td.diff-ntitle {<br />
background-color: transparent !important<br />
}<br />
<br />
/* Get rid of stupid white borders on page history */<br />
#pagehistory li {<br />
border-color: transparent<br />
}<br />
<br />
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.<br />
#pagehistory li.selected,<br />
pre,<br />
li.gallerybox,<br />
#toc,<br />
div.thumbinner,<br />
.catlinks,<br />
td.diff-context,<br />
code,<br />
table.wikitable,<br />
ul#filetoc {<br />
background-color: #DDE7EF<br />
}<br />
.wikitable th {<br />
background-color: #C2D2DF<br />
} */<br />
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */<br />
li.gallerybox {<br />
border: none;<br />
margin: 2px<br />
}<br />
<br />
/* Same as the default preferences tabs images, but with the blue background colour instead of white */<br />
#preftoc,<br />
#preftoc li {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-border.png")<br />
}<br />
#preftoc li.selected a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Pref-tab-bg.png")<br />
}<br />
<br />
/* Use the logo area to add a 3D effect to the first tab */<br />
#p-logo {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-first-alt.png");<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
width: 10.4em;<br />
top: -160px;<br />
}<br />
#p-logo a {<br />
background-image: url("http://terrafirmacraft.com/mcw/tfcwlogo.png") !important;<br />
}<br />
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */<br />
#mw-panel.collapsible-nav div.portal {<br />
background-image: url("http://terrafirmacraft.com/mcw/Panel-divider.png") !important;<br />
margin-top: 10px;<br />
}<br />
#mw-panel.collapsible-nav div.first {<br />
background-image: none !important<br />
}<br />
#mw-panel.collapsible-nav div h5,<br />
div.vectorMenu h5 a {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-down.png") !important<br />
}<br />
#mw-panel.collapsible-nav div.collapsed h5 {<br />
background-image: url("http://terrafirmacraft.com/mcw/Arrow-right.png") !important<br />
}<br />
<br />
/* Use the footer to add a fake 3D background over the bottom-left of the content area */<br />
#footer {<br />
background-image: url("http://terrafirmacraft.com/mcw/Content-background.png") !important;<br />
background-repeat: no-repeat !important;<br />
margin-top: -5px !important;<br />
padding-top: 17px !important<br />
}<br />
<br />
#buttonFix {<br />
background-image: url("http://terrafirmacraft.com/mcw/Vector-tabs-alt.png") !important;<br />
background-position: left top;<br />
height: 36px;<br />
width: 6px;<br />
position: absolute;<br />
margin-left: -6px;<br />
}<br />
<br />
/* Fix Google AdSense */<br />
#p-googleadsense ins {<br />
margin-left:-10px !important;<br />
}<br />
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {<br />
color: #82b67a;<br />
font-weight:bold;<br />
}<br />
#mw-panel #n-Donate {<br />
padding: 5px !important;<br />
background: #84b87c;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
#mw-panel #n-Donate a {<br />
color: #fff !important;<br />
}</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=Template:Grid&diff=9819
Template:Grid
2013-09-08T21:18:20Z
<p>SpAnser: </p>
<hr />
<div><includeonly><span class="grid {{{class|}}}" {{ #if: {{{align|}}} | style="vertical-align: {{{align}}}" }}><span class="border"><span>{{<br />
#if: {{{default|}}} | <span class="default-image">[[File:Grid {{{default}}}.png|alt=|link=]]</span><br />
}}{{#if: {{#pos: {{{1}}} | ; }} | <span class="animated" data-imgs="{{{1}}}" {{#if: {{{mod|}}} | data-mod="{{{mod}}}" }}> }}{{<br />
#vardefine: f | {{#explode: {{{1|}}} | ; }}<br />
}}{{<br />
#vardefine: mod | {{#if: {{#pos: {{#var: f}} | : }} | {{#explode: {{#var: f}} | : }} }}<br />
}}{{<br />
#vardefine: mod | {{<br />
#switch: {{lc: {{#var: mod }} }}<br />
| v | vanilla =<br />
| {{#if: {{#var: mod }} | {{#var: mod }} | {{{mod|}}} }}<br />
}}<br />
}}{{<br />
#vardefine: name | {{#explode: {{#if: {{#pos: {{#var: f }} | : }} | {{#explode: {{#var: f }} | : | 1 }} | {{#var: f }} }} | , }}<br />
}}{{<br />
#vardefine: img | {{#if: {{#var: mod }} | {{#var: name }} ({{#var: mod }}) | {{#var: name }} }}<br />
}}{{<br />
#vardefine: num | {{#explode: {{#var: f }} | , | 1 }}<br />
}}{{<br />
#vardefine: link | {{<br />
#if: {{{title|}}}<br />
|<br />
| {{<br />
#if: {{{link|}}}<br />
| {{<br />
#ifeq: {{lc: {{{link|}}} }}<br />
| none |<br />
| {{{link}}}<br />
}}<br />
| {{<br />
#ifeq: {{#var: name }} | {{SUBPAGENAME}}<br />
|<br />
| {{<br />
#if: {{#var: mod }}<br />
| Mods/{{#var: mod }}/{{#var: name }}<br />
| {{#var: img }}<br />
}}<br />
}}<br />
}}<br />
}}<br />
}}{{<br />
#vardefine: title | {{<br />
#if: {{#var: name }} | {{<br />
#if: {{{title|}}}<br />
| {{<br />
#ifeq: {{lc: {{{title}}} }}<br />
| none |<br />
| title="{{{title}}}"<br />
}}<br />
| {{<br />
#if: {{{link|}}}<br />
| {{<br />
#ifeq: {{lc: {{{link}}} }}<br />
| none | title="{{#var: img }}"<br />
}}<br />
| {{<br />
#ifeq: {{#var: name }} | {{SUBPAGENAME}}<br />
| title="{{#var: img }}"<br />
}}<br />
}}<br />
}}<br />
}}<br />
}}<span class="image {{#if: {{#pos: {{{1}}} | ; }} | active }} {{{imgclass|}}}" {{#var: title }}>{{<br />
#if: {{#var: name }}<br />
| [[File:Grid {{#var: img }}.png|alt={{<br />
#if: {{{title|}}}<br />
| {{<br />
#ifeq: {{lc: {{{title}}} }} | none<br />
| {{#var: img }}<br />
| {{{title}}}<br />
}}<br />
| {{#var: img }}<br />
}}|link={{#var: link }}]]{{<br />
#iferror: {{ #expr: +{{#var: num }} }}<br />
|<br />
| {{<br />
#ifexpr: {{#var: num }} > 1 and {{#var: num }} < 1000<br />
| <span class="number" {{#var: title }}>{{<br />
#if: {{#var: link }}<br />
| [[{{#var: link }}|{{#var: num }}]]<br />
| {{#var: num }}<br />
}}</span><br />
}}<br />
}}<br />
|<br />
}}{{<br />
#if: {{#pos: {{{1}}} | ; }} </span>| </span> }}</span></span></span></includeonly><noinclude><br />
{{Grid/doc}}<br />
[[Category:Image templates|G]]<br />
</noinclude></div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=File:Logo-large.png&diff=7453
File:Logo-large.png
2013-04-07T15:09:36Z
<p>SpAnser: SpAnser uploaded a new version of &quot;File:Logo-large.png&quot;</p>
<hr />
<div></div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=Template:Sprite&diff=7262
Template:Sprite
2013-02-28T16:45:20Z
<p>SpAnser: </p>
<hr />
<div><includeonly><div style="position: relative; height: {{{size|16}}}px; width: {{{size|16}}}px; overflow: hidden; display: inline-block; vertical-align: {{{align|middle}}};left: -24px;top: 8px;"><div style="position: absolute; height: {{{sheetsize|256}}}px; width: {{{sheetsize|256}}}px; {{Sprite/pos|{{{pos|1}}}|{{{size|16}}}|{{{sheetsize|256}}}}}">[[File:{{{image|BlockCSS.png}}}|link={{{link|}}}]]</div></div></includeonly><noinclude><br />
{{/doc}}<br />
<br />
[[Category:Templates|S]][[fr:Modèle:Sprite]]<br />
</noinclude></div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=MediaWiki:Deletereason-dropdown&diff=7007
MediaWiki:Deletereason-dropdown
2012-12-18T08:48:15Z
<p>SpAnser: </p>
<hr />
<div>*Common delete reasons<br />
** Author request<br />
** Copyright violation<br />
** Vandalism</div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=Template:Wiki/style&diff=3611
Template:Wiki/style
2012-04-29T11:06:13Z
<p>SpAnser: </p>
<hr />
<div>{{#if: {{lc: {{{title||yes}}} }} | <div style="width:900px; margin:0 auto; background-color: #fcfcfc; border: 1px solid #ccc; border-bottom: 5px groove #999999; border-right:5px groove #999999; text-align: center; padding: 0.4em;"> |<br />
{{!}} colspan="{{{span|1}}}" style="background: #FCFCFC; border: 1px solid #ccc; vertical-align: top; {{{css|width: 33%;}}}" {{!}}<br />
<div class="mcwiki-header" style="margin: 3px; font-weight: bold; text-align: center; font-size: 120%; {{{headercss|}}}">{{#if: {{{image|}}} | <div style="float: right;">[[Image:{{{image|}}} {{!}}48px {{#if: {{{link|}}} | {{!}}link={{{link|}}} }}]]</div> }} {{{header}}}</div><br />
<div style="padding: 0em 1em;"> }}<br />
{{{content}}}<br />
{{#if: {{lc: {{{title||yes}}} }} | </div><br /> | </div> }}<noinclude><br />
[[Category:Formatting templates]]</noinclude></div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=File:Grid_layout_None_i_(verylong).png&diff=2538
File:Grid layout None i (verylong).png
2012-04-27T21:04:59Z
<p>SpAnser: </p>
<hr />
<div></div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=File:Grid_Iron_Ingot.png&diff=2496
File:Grid Iron Ingot.png
2012-04-27T17:35:20Z
<p>SpAnser: </p>
<hr />
<div></div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=File:Grid_Stick.png&diff=1857
File:Grid Stick.png
2012-04-27T07:38:46Z
<p>SpAnser: </p>
<hr />
<div></div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=File:Grid_Torch.png&diff=1856
File:Grid Torch.png
2012-04-27T07:38:45Z
<p>SpAnser: </p>
<hr />
<div></div>
SpAnser
http://1710-wiki.terrafirmacraft.com/index.php?title=File:Grid_layout_None_d_(small).png&diff=1835
File:Grid layout None d (small).png
2012-04-27T06:42:28Z
<p>SpAnser: </p>
<hr />
<div></div>
SpAnser