MediaWiki:Common.css

Uwaga: aby zobaczyć zmiany po opublikowaniu, 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)
• Edge: Przytrzymaj Ctrl, jednocześnie klikając Odśwież, lub naciśnij klawisze Ctrl+F5.
• Opera: Naciśnij klawisze Ctrl+F5.

/* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */

.tlo-centrum{
          background-image: url("https://wiki.fnin.eu/images/inne/wiki-baner-test.jpg");
     	  background-attachment: scroll;
	  background-repeat: no-repeat;
	  background-position-x: center;
	  background-position-y: center;
	  background-size: 1000px 108px;
	  background-origin: padding-box;
	  background-clip: padding-box;
          
          color:white;
          font-weight:bold;
}
.tlo-pow{
          background-image: url("https://wiki.fnin.eu/images/inne/tlo-test.jpg");
     	  background-attachment: scroll;
	  background-repeat: repeat-x;
	  background-position-x: center;
	  background-position-y: center;
	  background-size: 10px 108px;
	  background-origin: padding-box;
	  background-clip: padding-box;
          background-color:#99CCFF;

          color:white;
          font-weight:bold;
}
.tlo-centrum a:visited,.tlo-centrum a:hover,.tlo-centrum a:active,.tlo-centrum a{
          color:white !important;
          font-weight:bold;
}
.manfred-tlo{
         background-image: url("https://wiki.fnin.eu/images/inne/manfred-tlo.png");
     	  background-attachment: scroll;
	  background-repeat: no-repeat;
	  background-position-x: center;
	  background-position-y: center;
	  background-origin: padding-box;
	  background-clip: padding-box;
          background-size: contain;
}
.captque {
         margin:5px auto 5px auto;
         border-radius:.5em;
         border: 1px solid #a7d7f9;
         text-align:center;
         max-width:1000px;
         padding:3px;
}
#userlogin{
        width:1005px !important;
        max-width:1050px !important;
}

.pomoc a{
 padding:5px 10px 5px 10px;
 border-radius: 5px;
 display: inline-block;
 font-weight: bold;
 margin-right: 5px;
 background-color:RoyalBlue;
 color: white;
 border: 1px solid blue;
}

.pomoc-2 a{
 padding:5px 10px 5px 10px;
 border-radius: 5px;
 display: inline-block;
 font-weight: bold;
 margin-right: 5px;
 background-color:Crimson;
 color: white;
 border: 1px solid Brown;
}

.pomoc-3 a{
 padding:5px 10px 5px 10px;
 border-radius:5px;
 display: inline-block;
 font-weight: bold;
 margin-right: 5px;
 background-color:ForestGreen;
 color: white;
 border: 1px solid DarkGreen;
}

.obw {
 padding:2px;
}

#n-help{
 font-weight:bolder !important;
}

.tab-help{
font-weight:bolder !important;
}
/* Main Page welcome user */
.mp-welcome-logged-in {
        margin: 0px 0px 0px 40px;
}
 
.mp-welcome-logged-in h2 {
        font-size: 18px;
        line-height: 20px;
        border-bottom: none;
        padding: 5px 0px 3px 0px !important;
        margin: 0px 0px 0px 0px !important;
}
 
.mp-welcome-info {
        float: left;
        width: 240px;
}
 
.mp-welcome-image {
        float: left;
        margin: 0px 10px 0px 0px;
        text-align: center;
}
 
.mp-welcome-image a {
        font-size: 10px;
        text-decoration: none;
}
 
.mp-welcome-image img {
        background-color: #FFFFFF;
        border: 1px solid #DCDCDC;
        padding: 3px;
}
 
.mp-welcome-points {
        float: left;
        width: 300px;
}
 
.points-and-level {
        margin: 0px 0px 3px;
}
 
.needed-points {
        color: #666666;
        font-size: 10px;
        line-height: 12px;
        padding: 5px 0px 0px;
}
 
.total-points {
        background-color: #CC0000;
        color: #FFFFFF;
        float: left;
        font-size: 12px;
        font-weight: bold;
        margin: 0px 5px 0px 0px;
        padding: 1px 5px;
        text-align: center;
}
 
.honorific-level {
        float: left;
}
.c-order{
padding-top:0px !important;
}
.zwiniente{
height:0;
display:none;
}
.rozwiniente{
height:auto;
display:box;
}

ol.references { font-size: 90%; }
ol.references > li:target { background-color: #ddeeff; }
sup.reference:target { background-color: #ddeeff; }

.co-nowego-link a, .co-nowego-link a:visited{
 padding:3px;
 background-color:DodgerBlue;
 color: white;
 border: 1px solid LightBlue;
 border-radius:5px;
 width: 100px;
}

.co-nowego-link a:hover{
 padding:3px;
 background-color:RoyalBlue;
 color: white;
 border: 1px solid Blue;
 border-radius:5px;
 width: 100px;
}

.cookieinfokryj{display:none;}
.cookieinfopokaz{display:box;}

/* kolorowanie sekcji po linku bezposrednim */
span.mw-headline:target { 
	background-color: #ddeeff !important;
	width: 90% !important;
	padding-left:10px; 
	padding-right:10px; 
}

/* kolorowanie szablonu z polecanymi po linku bezp. */
.koloruj:target { background-color: #ddeeff !important; }

/* do dymków (na podstawie: http://blog.piotrnalepa.pl/2012/06/29/css-jak-zrobic-animowany-tooltip/) */

.dym-tekst {
    cursor: help;
    position: relative;
    text-align: center;
    transform: translateZ(0);
}
.dym-tekst .dym-dymek {
    z-index:1000;
    background: #ececec;
    bottom: 100%;
    color: #555;
    display: block;
    right: -5px;
    margin-bottom: 10px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    visibility: hidden;
    min-width: 100px;
    max-width:500px;
    width:auto;
    max-height: 65px;
    -webkit-transform: translateY(10px);
       -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
         -o-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
        -ms-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.28);
       -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.28);
        -ms-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.28);
         -o-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.28);
            box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.28);
}
.dym-tekst .dym-dymek:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}
.dym-tekst .dym-dymek:after {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #1496bb 10px;
    bottom: -10px;
    content: " ";
    height: 0;
    right: 10px;
    margin-left: -13px;
    position: absolute;
    width: 0;
}
.dym-tekst:hover .dym-dymek {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
}


/********************************/
/* do szablonów informacyjnych  */

.wfnin-box-art-info{min-width:600px;}
.wfnin-box-art-kolor{height:60px;}

/* Comments modifications */
.c-item {
padding: 0px 0px 15px 0px;
}

/* Common main page style */
.main-rounded-box {
     border: 1px solid #a7d7f9;
     border-radius: 10px;
     padding: 5px 5px 5px 5px;
     min-height: 25em;
     margin-top: 1em;
}

.main-page-content {
     overflow: hidden;
}
.rounded-box {
     border: 1px solid #a7d7f9;
     border-radius: 10px;
     padding: 5px 5px 5px 5px;
}
.main-top {
     margin-top: 1em;
}
.main-box-height {
     min-height: 25em;
}
.main-column {
     width: 49.5%;
     overflow: hidden;
}
.main-column-left {
     float: left;
     margin-right: 1%;
}
.mobileonly {
 display: none;
}
.rating-section {
	display: inline-block;
	position: relative;
}
.mw-indicator {
	margin-right: 10px;
}

/* Fix visual editor saving dialog */
.ve-ui-mwSaveDialog > .oo-ui-window-frame {
	width: 1050px !important;
}

/* Hide mobile comments section from ToC */
li.toclevel-1 > a[href^="#Komentarze_.28"] {
	display:none;
}

.visualClear {
	clear: both;
}

@media all and (max-width:720px) {
	#profile-right {
    	float: unset !important;
	}

	#profile-title {
    	float: unset !important;
	}
    #user-page-left, #user-page-right {
        width: 100% !important;
        float: 100% !important;
    }
    #profile-toggle-button {
        position: unset !important;
        margin-bottom: 10px;
    }
}