MediaWiki:Gadget-ms-UserWarning.css

From Tardis Wiki, the free Doctor Who reference
Clear your cache often around here

After changes are made to this site's CSS or Javascript, you have to bypass your browser's cache to see the changes. You can always do this by going to your browser's preferences panel. But many browsers also offer keyboard shortcuts to save you that trouble. The following shortcuts work in the versions of the browsers that Tardis currently supports. They may not work in earlier versions.

  • Firefox: hold down Shift while performing a page reload.
  • Opera offers no default keyboard shortcut, but you can create a custom keyboard shortcut with the value Clear disk cache
  • Safari users should simultaneously hold down ⌘ + Option + E. You may need to enable the Develop menu first
  • Chrome: press Ctrl + F5 or Shift + F5 while performing a page reload.
/*  =======================
    USER WARNINGS
    Styling for the boxes
    that come up when using
    one of the automatic
    messages to warn users
    of policy violations
    ========================
    They come in three variations:
    one for each round of violation.
    ========================= */

/*  +++++++++++++++++++
    General font declaration
    that applies to all
    user warnings
    +++++++++++++++++++ */
  
/*  -------------------
    Headlines
    ------------------- */

#wh {
    font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif;
    font-size:1.8em;
    line-height:1.2em;
    font-style:italic;
    color:#fff;
}

/*  =====================
    Auto-centering tricks
    ===================== */

#warn-floater {
    float:left;
    height:50%;
    margin-bottom:-100px;
}

#warn-content {
    clear:both;
    height:200px;
    position:relative;
}

/*  +++++++++++++++++++
    STYLING COMMON TO
    ALL LEVELS
    +++++++++++++++++++ */

.warn1, 
.warn2, 
.warn3,
.warn4 {
    margin: 50px auto;
    min-height: 200px;
    height:auto;
    max-width: 600px;
    position: relative;
    width: 80%;
    -webkit-box-shadow: 0 4px 7px hsla(0,0%,0%,.2);
       -moz-box-shadow: 0 4px 7px hsla(0,0%,0%,.2);
        -ms-box-shadow: 0 4px 7px hsla(0,0%,0%,.2);
         -o-box-shadow: 0 4px 7px hsla(0,0%,0%,.2);
            box-shadow: 0 4px 7px hsla(0,0%,0%,.2);
    text-align:center;
}

.warn1:after,
.warn1:before,
.warn2:after,
.warn2:before,
.warn3:after,
.warn3:before,
.warn4:after,
.warn4:before {
    background: #E6DDA4 url(https://images.wikia.nocookie.net/__cb20111014042019/tardis/images/4/44/Tape-right.png);
    background-repeat:repeat;
    background-origin:content-box;
    overflow:visible;
    opacity:.5;
    content: '';
    height: 30px;
    position: absolute;
    top: -25px; 
    -webkit-box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5);
       -moz-box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5);
        -ms-box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5);
         -o-box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5);
            box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5);
}
.warn1:after,
.warn2:after,
.warn3:after,
.warn4:after {
  left:-40px;
   width:80px;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.warn1:before,
.warn2:before,
.warn3:before,
.warn4:before {
   right: -30px;
   width:125px;
    -webkit-transform: rotate(25deg);
       -moz-transform: rotate(25deg);
        -ms-transform: rotate(25deg);
         -o-transform: rotate(25deg);
            transform: rotate(25deg);
}

/*  +++++++++++++++++++
    Differences between
    the levels
    +++++++++++++++++++ */

.warn1 {
    background: #8CB82C url(https://images.wikia.nocookie.net/__cb20111015010157/tardis/images/9/90/Info-background.png) no-repeat;
    padding:20px 100px 10px 10px;
}

.warn1 p,
.warn1 hr {
    color:#fff;
    max-width:500px;
    width:500px;
    line-height:110%;
}

.warn1 a:link,
.warn1 a:hover,
.warn1 a:visited {
    color:#2B380D;
}

.warn2 {
    background: #FDF23D /*#B89F2C #B8A92C nice orangey gold */ url(https://images.wikia.nocookie.net/tardis/images/8/86/Grey-warning.png) no-repeat;
    padding:20px 100px 10px 10px;
}

.warn2 p,
.warn2 hr {
    color:#706E3D; /*#B0AA2A; nice light shade*/
    max-width:500px;
    width:500px;
    line-height:110%;
}

.warn2 a:link,
.warn2 a:hover,
.warn2 a:visited {
   color:#000;
}

.warn3 {
    background: #F08400 url(https://images.wikia.nocookie.net/__cb20111015010157/tardis/images/9/9b/Lastwarn-background.png) no-repeat;
    padding:20px 100px 10px 10px;
}

.warn3 p,
.warn3 hr {
    color:#fff;
    max-width:500px;
    width:500px;
    line-height:110%;
}

.warn3 a:link,
.warn3 a:hover,
.warn3 a:visited {
    color:#703E00;
}
.warn4 {
    background: #B82c2c url(https://images.wikia.nocookie.net/__cb20111015010157/tardis/images/0/0f/Blocked-background.png) no-repeat;
    padding:20px 100px 10px 10px;
}

.warn4 p {
    color:#fff;
    max-width:370px;
    width:400px;
    line-height:110%;
}

.warn4 hr {
    max-width:300px;
    text-align:left;
}

.warn4 #wh {
    max-width:350px;
    width:350px;
}

.warn4 a:link,
.warn4 a:hover,
.warn4 a:visited {
    color:#380E0a;
}
Retrieved from "https://tardis.wiki/w/index.php?title=MediaWiki:Gadget-ms-UserWarning.css&oldid=3713054"