MediaWiki:Monobook.css

Z Nonsensopedii, polskiej encyklopedii humoru
Wersja z dnia 18:40, 9 kwi 2015 autorstwa Maanvaiva (dyskusja • edycje) (mgła, ale jak nie będzie działać, to nie bijcie)

Uwaga: aby zobaczyć zmiany po zapisaniu, może zajść potrzeba wyczyszczenia pamięci podręcznej przeglądarki.

  • Firefox / Safari: Przytrzymaj Shift podczas klikania Odśwież bieżącą stronę, lub naciśnij klawisze Ctrl+F5 lub Ctrl+R (⌘-R na komputerze Mac)
  • Google Chrome: Naciśnij Ctrl-Shift-R (⌘-Shift-R na komputerze Mac)
  • Internet Explorer: Przytrzymaj Ctrl jednocześnie klikając Odśwież lub naciśnij klawisze Ctrl+F5
  • Konqueror: Kliknij polecenie Odśwież lub naciśnij klawisz F5
  • Opera: Wyczyść pamięć podręczną w Narzędzia → Preferencje
/* -----  NONVECTOR (UPDATED)  -----
 *Tu znajdują się style, które zmieniają Monobooka w NonVectora.
 * Możesz dokonać dowolnych poprawek i dodać nowe style.
 * Wszelkie zmiany ponosisz na własną odpowiedzialność. <pre><nowiki>*/
//Mgła specjalnie na 10 kwietnia
@keyframes mgla {from{opacity: .4;}to{opacity: .8;}}
@-webkit-keyframes mgla {from{opacity: .4;}to{opacity: .8;}}
@-moz-keyframes mgla {from{opacity: .4;}to{opacity: .8;}}
body:not(.ns--1) {animation: mgla 5s alternate infinite; -webkit-animation: mgla 5s alternate infinite; -moz-animation: mgla 5s alternate infinite;}

.mw-headline {
    float: left;
    margin-right: 0.3em;
}
.editsection {
    font-size: 11px !important;
    float: none !important;
    transition: margin-left 0.2s, color 0.2s;
    -webkit-transition: margin-left 0.2s, color 0.2s;
}
.editsection:hover {
    margin-left: 0;
    color: #888;
}
.editsection a {
    transition: padding 0.2s;
    -webkit-transition: padding 0.2s;
}
.editsection:hover a {
    padding: 0 5px;
}
#p-cactions li, #p-cactions li a { background: url(http://images1.wikia.nocookie.net/nonsensopedia/images/d/dc/NonVector-cactions-ul-li.png) repeat-x !important;}
#p-cactions li.selected, #p-cactions li.selected a {background: white !important;}
#p-cactions li.selected {
    padding: 0 0 .2em 0;
    font-weight: normal;
}
#p-cactions li.selected a {padding: 0 0.8em 0.3em 0.8em !important;}
#graphicalspotlight1 {width:12em !important;}
#graphicalspotlight1 table {margin: auto;}

#contentSub {
    padding: 0;
    margin-top:-3px;
}

/* Watch star */
#watch-star {
    background-image: url(http://images2.wikia.nocookie.net/uncyclopedia/images/c/ce/Watch-icons.png);
    margin-top:-5px;
    background-position: 0px 1px;
    background-repeat: no-repeat;
}
#watch-star:hover {
    background-image: url(http://images2.wikia.nocookie.net/uncyclopedia/images/c/ce/Watch-icons.png);
    background-position: -24px 1px;
    background-repeat: no-repeat;
}
#unwatch-star {
    background-image: url(http://images2.wikia.nocookie.net/uncyclopedia/images/c/ce/Watch-icons.png);
    background-position: -48px 1px;
    margin-top:-5px;
    background-repeat: no-repeat;
}
#unwatch-star:hover {
    background-image: url(http://images2.wikia.nocookie.net/uncyclopedia/images/c/ce/Watch-icons.png);
    background-position: -72px 1px;
    background-repeat: no-repeat;
}

/****************************
* SKIN - Zmiana na NonVector *
 ****************************/
body {
    background-image: url(http://images2.wikia.nocookie.net/nonsensopedia/images/a/ab/NonVector-body.png) !important;
    background-repeat: repeat-x !important;
    background: #F6F6F6;
    margin: 0;
    font-family: Arial, Helvetica, FreeSans, Liberation Sans, Nimbus Sans L, sans-serif !important;
}

/* Move down logo a bit; not sure if this is a good idea or not */
#p-logo {height: 148px;}
#p-logo a, #p-logo a:hover {
    width:160px !important;
    background-position: 50% 70% !important;
}
#firstHeading {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 26px;
    line-height: 31px;
}
a {color: #04a;}
a:visited {color: #108;}
.bluelinks a {color: #04a !important;}
.bluelinks a:visited {color: #108 !important;}
#content {
    background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0)) repeat-x scroll 0 0 / 1px 64px #FFF !important;
    margin: 79px 0 0 176px !important;
    border-color: #e9d787 !important;
    font-size: 13px;
    position: relative;
    padding: 1.8em !important;
    border-radius: 0 0 0 8px;
    transition: background-color 0.5s 1.5s;
}
textarea, #wpSummary {
    border: solid 1px #aaa;
    margin-bottom: 8px;
}

/* use dot instead of square for lists */
ul {
    list-style-image: url(http://images2.wikia.nocookie.net/nonsensopedia/images/4/40/NonVector-ul.png);
    list-style-type: square;
}


/*****************
  PERSONAL MENU
 *****************/
/* user icon */
li#pt-userpage, li#pt-anonuserpage, li#pt-login {
    background-image: url(http://images3.wikia.nocookie.net/nonsensopedia/images/4/4c/NonVector-li-pt.png);
}
#p-personal {
    z-index: 2;
    margin-top: 4px;
}
#p-personal ul {text-transform: none !important;}
#p-personal a {font-size: 12px;}
#p-personal a:hover {background: transparent !important;}
#p-personal a:hover {text-decoration: underline !important;}
#utcdate a {font-size: 15px;}

/******************

TOP MENU - CACTIONS

******************/

#p-cactions {
    width: 100%;
    font-size: 13px;
    line-height: 16px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2 !important;
}
#p-cactions .pBody {
    background-image: none;
    margin: 41px 242px 0 160px;
}
#p-cactions ul {
    font-size: 100% !important;
    background-color: transparent;
    position: relative;
    padding: 0;
    height: 41px;
}

/* add gradient styling and 'enable' right-navigation */
#p-cactions ul li, #p-cactions ul .selected {
    background: url(http://images2.wikia.nocookie.net/nonsensopedia/images/0/09/NonVector-cactions-ul.png) repeat-x !important;
    padding: 17px 1px 7px 1px !important;
    border: none !important;
    background-color: #e9d787;
    float: right;
    margin: 0 0 0 -1px !important;
}

/* separate left navigation from right */
#p-cactions .pBody ul li:first-child, #ca-talk {float: left !important;}

/* override margining used to force 1px borders on other tabs */
#p-cactions .pBody ul li:first-child {margin:0 !important;}
#p-cactions ul li a, #p-cactions ul.selected a {
    cursor: pointer;
    color: #0645ad;
    background: url(http://images3.wikia.nocookie.net/nonsensopedia/images/f/f8/NonVector-cactions-selected.png) 0 -1px  repeat-x ;
    text-transform: none;
    /* border-bottom: 1px solid #e9d787; */
    padding: 17px 6px 6px 6px !important;
}
#p-cactions ul li.selected a {
    color: #222;
    border-bottom: 1px solid white !important;
    padding: 17px 6px 6px 6px !important;
}
#p-cactions ul li.new a {color:#a55858 !important;}
#p-cactions ul li a:hover {text-decoration: underline;}
#p-cactions ul li.selected a:hover {text-decoration: none;}


/*****************
  DROPDOWNS
 *****************/

.vector-cactions > a {
    background: url(http://images2.wikia.nocookie.net/nonsensopedia/images/e/e6/NonVector-cactions-vectorcactions.png) 0 -1px repeat-x !important;
}

/* legacy delete dropdown */
#delete-dropdown {
    margin-top: 15px;
    border: solid 1px;
    border-color: #e9d787 #fae876 #fae876 #fae876 !important;
    padding-bottom: 14px;
}
#delete-dropdown a {
    margin: -7px 0 0 0 !important;
    padding: 0 !important;
}
#delete-dropdown a:hover {text-decoration: underline !important;}
#p-cactions ul li .dropdown a, #p-cactions ul.selected .dropdown a {
    padding: 0 !important;
    border: none !important;
}
.ca-dropdown {position:relative;}
.d-dropdown {
    position: relative;
    margin-right: -7px !important;
}
.dropdown {
    position: absolute;
    display: none;
    z-index: 50;
    top: 38px;
    left:0;
    border: solid 1px;
    padding: 7px;
    border-color: #e9d787 #fae876 #fae876 #fae876;
    opacity: 0.9;
    background: #fff;
}
.dropdownn {
    position: absolute;
    display: none;
    z-index: 50;
    top: -8px;
    left:100%;
    border: solid 1px;
    padding: 7px;
    border-color: #fae876;
    background: #fff;
}
.ca-dropdown:hover > .dropdown, .d-dropdown:hover > .dropdownn {display:block;}
.dropdown span {
    float: none !important;
    display: block;
    padding: 6px;
    border: none;
}

#ca-podzielsie .dropdown span {
    display: inline !important;
    padding: 2px !important;
}


/****************
  SIDE MENU
 ****************/

#p-navigation {margin-top: -3px;}
#p-navigation h5 {display: none;}
#p-wikicities-nav {display:none !important;}

/* sizing, prevent overflow */
.generated-sidebar, .gen-closed, #p-ocena, #p-tb, #p-lang {
    margin-bottom: 4px !important;
    padding-left: 5px !important;
    font-size: 13px !important;
    width:145px;
}
.portlet h5 {
    background-image: url(http://images3.wikia.nocookie.net/nonsensopedia/images/0/04/NonVector-portlet-h5.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-color: transparent;
    display: block;
    margin: 19px 0 10px 8px;
    padding: 0 0 12px 8px;
    color: #444444;
    text-transform: none;
    font-size: 13px !important;
}
.portlet .pBody {
    background-color: transparent;
    border: 0px !important;
    padding: 0 0 2px 15px;
    margin: -3px 0 0 0;
    font-size: 100%;
}
.portlet .pBody ul {
    list-style-type: none;
    list-style-image: none;
    margin-left: 0;
    padding: 0;
}
.portlet .pBody ul li {
    list-style-type: none;
    line-height: 14px;
    padding: 0 0 6px 0;
    margin: 0;
}

/* collapsible menus */
.collapsible_pile #p-navigation {
    margin-top:18px !important;
    margin-bottom: 0 !important;
}
.collapsible_pile #p-navigation h5 {display: none !important;}
.collapsible_pile .visible h5, .collapsible_pile .hidden h5 {
    background-position: center top;
    margin: 0;
    padding: 8px 0 5px 24px;
    cursor: pointer;
}
.collapsible_pile .visible .pBody, .collapsible_pile .hidden .pBody {
    padding: 0 0 0 26px;
    margin: 0;
}
.collapsible_pile .hidden h5 {color: #0645ad;}
.collapsible_pile .hidden h5:hover {text-decoration: underline;}
/* arrows */
.collapsible_pile .visible {
    background: url(http://images4.wikia.nocookie.net/nonsensopedia/images/9/92/NonVector-collapsible-visible.png) no-repeat 14px 13px;
}
.collapsible_pile .hidden {
    background: url(http://images3.wikia.nocookie.net/nonsensopedia/images/d/db/NonVector-collapsible-hidden.png) no-repeat 14px 10px;
}

/******************

SEARCH

******************/

#p-search h5 {display: none;}

/* move to top */
#p-search {
    position: absolute;
    top: 50px;
    right: 8px;
    width: auto;
    float: right;
    text-align: right;
    margin: 0;
    z-index: 51 !important;
}

/* Szukajka z papieżem
 * Źródło:   http://nonciclopedia.wikia.com/wiki/MediaWiki:Common.css
 * NonVect.: OPTDEX
 * Licencja: cc-by-sa
 */
#p-search .pBody {
    background-image: url(http://images4.wikia.nocookie.net/nonsensopedia/images/c/ce/Szukajka.jpg);
    background-repeat: no-repeat;
    background-position: 10px -20px !important;
    background-color:#fff;
    padding:0;
    margin:0;
    border:1px solid #aaa !important;
    overflow:hidden;
    border-radius: 2px !important; -moz-border-radius: 2px !important; -webkit-border-radius: 2px !important;
    transition: background-position 0.5s; -webkit-transition: background-position 0.5s;
}
#p-search .pBody.focused {background-position: 10px 20px !important;}
#p-search form {
    padding:0;
    margin: 0;
    width: 224px;
    height: 23px;
    position: relative;
    background: rgba(255,255,255,0.4);
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff,endColorstr=#66ffffff);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff,endColorstr=#66ffffff);
    zoom: 1;
    border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
}
#searchInput {
    width: 190px;
    height: 23px;
    border: none !important;
    padding:  0 0 0 3px;
    margin: 0;
    position: absolute;
    top: 0px;
    left:0px;
    font-size: 13px;
    -webkit-appearance: none;
    background: transparent;
    text-shadow: 0 0 2px white, 0 0 4px white;
}

/* disable webkit's box */
#searchInput:focus {outline: none;}
#searchInput::-webkit-search-cancel-button {display: none;}
#searchGoButton {
    border: none;
    background: #fff;
    background-image: url(http://images1.wikia.nocookie.net/nonsensopedia/images/e/ea/NonVector-button-go.png);
    background-position: 0 2px;
    width: 80px;
    height: 25px;
    position:absolute;
    top:2px;
    right: 0;
    background-repeat: no-repeat;
    margin: 0 -60px 0 0 !important;
    padding: 0 0 0 20px !important;
    font-size:12px;
    line-height: 12px;
    font-family: monospace;
    cursor: pointer;
}
#mw-searchButton {display: none !important;}

/******************
  FOOTER
******************/
/* make footers rest against the end of the #content instead of the sidebar */
#column-one {
    margin-bottom:-1800px !important;
    padding-top: 147px !important;
}
#spotlight_container{
    padding-left: 185px;
    padding-right: 25px;
}
#footer {
    background: none !important;
    border: none !important;
    margin-left: 160px !important;
    margin-top: 0 !important;
    font-size: 12px !important;
}

/* move icons to side */
#f-poweredbyico {
    margin-top: 10px;
    float:right;
}
#f-copyrightico {
    margin-top: 10px;
    float:right;
}
#f-list {
    float:left;
    padding: 5px 0 0 0;
    margin: 0 0 15px 0;
    width: 80%;
}
#f-list li {
    display: block;
    text-align: left;
}
#privacy, #about, #contact{
    float:left;
    padding: 0 !important;
}
#contact, #advertise. #hosting {padding-top: 6px !important;}
#lastmod {padding-bottom: 6px;}
#privacy, #about, #disclaimer, #contact, #advertise {display: inline !important;}
#hosting {padding-top:5px;}

/******************
  PREFERENCES
******************/

/* preferences menu */
#preftoc li {
    font-size:12px;
    background: #fff url(http://images1.wikia.nocookie.net/nonsensopedia/images/6/6f/NonVector-preftoc-li.png) no-repeat right bottom;
    border-style: none;
    margin: 0 !important;
    padding:5px 3px 1px 3px !important;
    height: 22px;
}
#preftoc li.selected {
    font-weight:400;
    background: #fbfbfb url(http://images1.wikia.nocookie.net/nonsensopedia/images/6/6f/NonVector-preftoc-li.png) no-repeat right bottom;
    border-style: none;
}
#preftoc li a {
    padding:2px 3px 0 3px !important;
    margin:0 !important;
    color: #0645ad;
}
#preftoc li a:hover {text-decoration: underline;}
#preftoc li.selected a {
    padding:1px 3px 0px 3px !important;
    color: #000;
}
#preftoc li.selected a:hover {text-decoration: none;}
#preftoc > li.selected { top: 1px;}
#preftoc {
    background: #fff url(http://images1.wikia.nocookie.net/nonsensopedia/images/6/6f/NonVector-preftoc-li.png) no-repeat left bottom;
    height:28px;
    padding-left:1px;
}

/* preferences content, fieldsets in general */
#preferences fieldset {width: 98%;}
fieldset {
    border-width: 1px 0 1px 0 !important;
    border-color:#ccc !important;
}
fieldset legend {
    color: #555;
    font-weight:normal !important;
}

#preferences {
    border-color: #ccc;
    background: #fafafa !important;
}
.htmlform-tip {
    font-size: smaller;
    color: #777;
}
/* POPRAWKI Z PADDINGIEM */
#column-one {
    padding-left: 7px;
    width:147px;
}
#p-logo a {margin-left: 7px;}
#p-cactions .pBody {
    margin-left: 176px !important;
    margin-right: 252px !important;
}
#p-search {right: 16px;}
#firstHeading {margin-top: 9px;}
#p-personal {top: .3em;}
/* </nowiki></pre> */
Źródło: „https://nonsa.pl/index.php?title=MediaWiki:Monobook.css&oldid=1337453”