MediaWiki:Common.css: Difference between revisions

From RevSpace
Jump to navigation Jump to search
← Older edit
Stitch (talk | contribs)
92 edits
m eens wat proberen :)
No edit summary
 
(29 intermediate revisions by 3 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
 
a:visited { color: green } /* Default dark purple blends into black text, making it hard to find the links again. */
#p-status {
    width: 80%;
    margin: auto;
    margin-bottom: 1em;
    text-align: center;
    font-size: smaller;
}


img[alt="Webhead.jpg"] { width: 100%; height: auto; }
img[alt="Webhead.jpg"] { width: 100%; height: auto; }
Line 16: Line 9:
/* Effe iets leesbaardere tekst plx */
/* Effe iets leesbaardere tekst plx */
#nav h5, #nav div a { font-size: 9.5pt }
#nav h5, #nav div a { font-size: 9.5pt }
#nav div a { text-shadow: 0.5ex 0.5ex 1ex silver;
#nav div a { text-shadow: 0.5ex 0.5ex 1ex silver; }
 
/** Styling for Curse things **/
/* Footer */
#ft {
    background: none
}
 
#ft div {
    width: 1100px
}
 
#ft h1, #ft a, #ft {
    font-size: 10px
}
 
#ft .site-navigation {
    list-style: none;
    margin-left: 160px;
    padding-bottom: 5px;
    font-size: 10px
}
 
#ft .site-navigation ul {
    list-style: none
}
 
#ft .network-navigation {
    margin-left: 160px;
    margin-bottom: 140px !important
}
 
#ft .network-navigation ul {
    float: left;
    width: 110px
}
 
#ft .network-navigation ul.double {
    width: 280px
}
 
#ft .network-navigation ul.curse li.header a {
    background: url("http://www.minecraftwiki.net/images/e/e7/CursefooterWhite.png") repeat scroll 0 0 transparent;
    display: block;
    text-indent: -999px;
    height: 18px;
    width: 140px
}
 
#ft .network-navigation ul li {
    float: left;
    list-style: none;
    width: 140px;
    margin-bottom: 2px
}


#ft .network-navigation ul li.header {
strike, s { opacity: .7 }
    font-size: 12px;
    clear: both;
    font-weight: bold;
    color: #FF6015;
    width: 100%
}


#ft, #ft a:hover, #ft a:focus {
pre, tt { border: 1px solid #aaa; background: #f4f4f4; }
    color: #FFFFFF
}
#ft a {
    color: #BFBFBF
}


/* Sidebar */
#spacestatus { position: relative; top: -32px; left: 43px; border-radius: 3px; width: 80px; text-align: center; transform: rotate(-5deg); box-shadow: rgba(100,100,100,.6) 2px 2px 5px; }
body {
#spacestatus.open { opacity: 1; background: lime; color: black; }
    min-width: 1000px;
#spacestatus.closed { opacity: 1; background: red; color: white; }
    position: relative
#n {
position: absolute; top: 15px; left: 5px; font-size: 80%; background: gray; border-radius: 3px; padding: 0 1ex ; text-align: center; color: white; transform: rotate(-2deg); box-shadow: rgba(100,100,100,.6) 2px 2px 5px;
}
}
div#bodyContent2 {
#n a {
    margin-right: 330px;
display: inline; width: auto; height: auto;
    min-height: 920px;
color: white;
    width: auto;
font-size:0.8em;
line-height: 1.5em
}
}
 
#n a:hover {
#curse-panel{
color: lime;
    position: absolute;
    top: 306px;
    right: 25px;
    width: 306px
}
}
.spacestatus.spacestatus-kleur.open { color: green }
.spacestatus.spacestatus-kleur.closed { color: red }


#curse-panel h4 {
#kiekjes { filter: saturate(130%) contrast(110%); }  /* Fake colors look better in thumbnails :P */
    font-size: 100%;
    line-height: normal
}


#curse-panel .block{
@keyframes spin {
     font-size: 75%;
    0% {
     padding: 3px
        transform: rotate(-0.8deg);
    }
    25% {
        transform:rotate(0.8deg);
     }
    50% {
        transform: rotate(-0.8deg);
    }
    75% {
        transform:rotate(0.8deg);
     }
    100% {
        transform:rotate(-0.8deg);
    }
}
}


#curse-panel .block .link {
#tilting {
     padding: 10px;
     animation:spin 4s linear infinite;
    text-align: right
}
 
#curse-panel .block_header {
    font-size: 15px;
    text-align: center;
    font-weight: bold
}
#curse-panel .block_header a {
    color: #000
}
#curse-panel .post {
    font-size:12px
}
 
/* Other */
div.atflb {
    width: auto !important
}
 
div#google_ads_div_Test_Dec_728x90_ad_container {
    display: inline-block
}
#google_ads_div_Test_Dec_728x90_ad_container {
    display: inline-block
}
 
/** Template stylings **/
/* [[Template:Grid]] and friends */
.grid-input {
    top: 2px;
    left: 2px;
    position: absolute;
    z-index: 1
}
 
.grid-output {
    top: 10px;
    left: 10px;
    position: absolute;
    z-index: 1
}
 
.grid-input-number {
    top: 17px;
    left: 22px;
    position: absolute;
    z-index: 2
}
 
.grid-input-number2 {
    top: 17px;
    left: 10px;
    position: absolute;
    z-index: 2
}
 
.grid-output-number {
    top: 25px;
    left: 30px;
    position: absolute;
    z-index: 2
}
 
.grid-output-number2 {
    top: 25px;
    left: 18px;
    position: absolute;
    z-index: 2
}
 
div.grid-input-slide > span.grid-input,div.grid-input-slide > span.grid-input-numbers, div.grid-output-slide > span.grid-output,div.grid-output-slide > span.grid-output-numbers
{
    display:none
}
 
.grid-single {
    display: inline-block;
    background: url("http://www.minecraftwiki.net/images/7/76/Grid_layout_None_%28small%29.png") no-repeat;
    text-align: left !important;
    width: 36px;
    height: 36px
}
.grid-single img {
    display: inline;
    padding: 2px 0 0 2px
}
 
/* [[Template:Infobox common]] */
.infobox {
    clear: right;
    margin: 3px 0px 3px 3px;
    width: 300px;
    font-size: 90%;
    background: #FFFFFF;
    float: right;
    border: 1px solid #CCCCCC;
    padding: 2px
}
 
.infobox-title {
    font-weight: bold;
    text-align: center;
    font-size: 120%
}
 
.infobox-imagearea {
    text-align: center;
    padding: 4px
}
 
.infobox table {
    width: 100%
}
 
.infobox p {
    margin: 0
}
 
.infobox audio {
    width: 184px
}
 
.infobox-footer {
    text-align: center
}
 
/* What is this? */
.infobox.atfmrec {
    border: none !important
}
 
/* [[Template:Infobox row]] */
.infobox-row {
    white-space: nowrap;
    font-weight: bold
}
 
/* [[Template:Navbox]] */
.navbox {
    border: 1px solid #CCCCCC;
    margin: 1em auto 0;
    clear: both
}
 
.navbox table {
    width: 100%;
    background: #FFFFFF
}
 
.navbox-top {
    white-space: nowrap;
    background-color: #CCCCCC;
    padding: 0 3px
}
 
.navbox-navbar, .navbox-navbar-mini {
    float: left;
    font-size: 80%
}
 
.navbox-title {
    padding: 0 10px;
    font-size: 110%
}
 
.navbox-group {
    background-color: #EEEEEE;
    padding: 0 10px;
    white-space: nowrap;
    text-align: right
}
 
.navbox-list {
    width: 100%;
    padding: 0 0 0 2px
}
 
.navbox ul {
    margin: 0
}
.navbox li {
    display: inline;
/* display: inline-block; */
    white-space: nowrap;
    margin: 0
}
.navbox li:after {
    content: " •"
}
.navbox li:last-child:after {
    content: ""
}
 
/* This won't work until HTMLTidy is enabled
.navbox ul ul:first-child:before {
    content: "("
}
.navbox ul ul:last-child:after {
    content: ")"
} */
 
/** Other stuff **/
/* Prevent page jump from the toolbar loading, doesn't affect people with the toolbar disabled */
#toolbar {
    height: 22px
}
 
/* Remove the header from the main page */
body.page-Minecraft_Wiki h1.firstHeading {
    display: none
}
 
/* Change main logo to somewhere that can be uploaded to from the wiki */
#p-logo a {
    background-image: url("http://www.minecraftwiki.net/images/b/bc/Wiki.png") !important
}
 
/* [[MediaWiki:CollapsibleTables.js]] */
table.collapsed tr.collapsible {
    display: none
}
.collapseButton {            /* 'show'/'hide' buttons created dynamically by the        */
    float: right;            /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
    font-weight: normal;    /* are styled here so they can be customised.              */
    text-align: right;
    padding-left: 4px;
    width: auto
}
 
/* Alternating cell background, primarily used with [[Template:Infobox row]] */
.alternatecells:nth-child(odd) {
    background-color: #F9F9F9
}
/* Alternating table rows */
.alternaterows tr:nth-child(even) {
    background-color: #F9F9F9
}
 
/* The blue header used throughout the wiki */
.mcwiki-header, #curse-panel .block_header {
    background: #729FCF;
    border: 1px solid #ccc;
    border-bottom: 4px groove #999999;
    border-right: 4px groove #999999;
    padding: 5px;
}
 
/* Make transparency visible on image pages */
.filehistory a img, #file img {
    background: url("http://www.minecraftwiki.net/images/5/5d/Checker-16x16.png")
}
#file button img {
    background: none !important
}
}


/* Highlight clicked reference in blue to help navigation */
.tilt {
ol.references li:target, sup.reference:target, span.citation:target {  
     transform:rotate(0.5deg);
     background-color: #C1DAF2
}
}

Latest revision as of 04:49, 23 January 2022

/* CSS placed here will be applied to all skins */
a:visited { color: green } /* Default dark purple blends into black text, making it hard to find the links again. */

img[alt="Webhead.jpg"] { width: 100%; height: auto; }

.editsection { display: none; }
h1:hover .editsection, h2:hover .editsection, h3:hover .editsection, h4:hover .editsection, h5:hover .editsection, h6:hover .editsection { display: inline; }

/* Effe iets leesbaardere tekst plx */
#nav h5, #nav div a { font-size: 9.5pt }
#nav div a { text-shadow: 0.5ex 0.5ex 1ex silver; }

strike, s { opacity: .7 }

pre, tt { border: 1px solid #aaa; background: #f4f4f4; }

#spacestatus { position: relative; top: -32px; left: 43px; border-radius: 3px; width: 80px; text-align: center; transform: rotate(-5deg); box-shadow: rgba(100,100,100,.6) 2px 2px 5px; }
#spacestatus.open { opacity: 1; background: lime; color: black; }
#spacestatus.closed { opacity: 1; background: red; color: white; }
#n {
	position: absolute; top: 15px; left: 5px; font-size: 80%; background: gray; border-radius: 3px; padding: 0 1ex		; text-align: center; color: white; transform: rotate(-2deg); box-shadow: rgba(100,100,100,.6) 2px 2px 5px;
}
#n a {
	display: inline; width: auto; height: auto;
	color: white;
}
#n a:hover {
	color: lime;
}
.spacestatus.spacestatus-kleur.open { color: green }
.spacestatus.spacestatus-kleur.closed { color: red }

#kiekjes { filter: saturate(130%) contrast(110%); }  /* Fake colors look better in thumbnails :P */

@keyframes spin {
    0% {
        transform: rotate(-0.8deg);
    }
    25% {
        transform:rotate(0.8deg);
    }
    50% {
        transform: rotate(-0.8deg);
    }
    75% {
        transform:rotate(0.8deg);
    }
    100% {
        transform:rotate(-0.8deg);
    }
}

#tilting {
    animation:spin 4s linear infinite;
}

.tilt {
    transform:rotate(0.5deg);
}
Retrieved from "https://revspace.nl/wiki/index.php?title=MediaWiki:Common.css&oldid=28874"