|
|
(Nie pokazano 13 wersji utworzonych przez 2 użytkowników) |
Linia 1: |
Linia 1: |
| /* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */ | | /* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */ |
|
| |
|
| /* WSZĘDZIE */ | | /* STRONA PLIKU */ |
| /* kolor linków */
| |
| /*
| |
| a:link {
| |
| text-decoration: none;
| |
| color: #0645ad;
| |
| background: none;
| |
| }
| |
|
| |
|
| a:visited {
| | /* Wycentrowanie wyświetlonego pliku */ |
| color: #0b0080;
| | #file { |
| | text-align: center; |
| } | | } |
|
| |
|
| */
| | /* Wycentrowanie informacji o innych rozdzielczosciach pliku */ |
| | | .mw-filepage-resolutioninfo { |
| /* STRONA PLIKU quasi rozszerzenie PdfViewer */
| | text-align: center; |
| | |
| /* Wycentrowanie metadanych pliku */ | |
| .mw-filepage-resolutioninfo { text-align: center; } | |
| | |
| /* Wycentrowanie wyświetlonego pliku */
| |
| #file { text-align: center; }
| |
| | |
| /* Ukrycie nagłówków h2 typu Opis, Licencja na stronie z opisem pliku */
| |
| #mw-imagepage-content h2 { display:none!important; }
| |
| | |
| /* KONIEC - STRONA PLIKU quasi rozszerzenie PdfViewer */
| |
| | |
| /* Naprawa błędu stylu galerii 'packed-overlay' generowanego predz BootstarSkin*/
| |
| ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper {
| |
| box-sizing: unset;
| |
| } | | } |
|
| |
|
| /* STRONA GŁOWNA */ | | /* Wycentrowanie informacji o oryginalnym rozmiarze pliku */ |
| | | .fullMedia { |
| .mw-headline a { | | text-align: center; |
| color: #ffffff;
| |
| } | | } |
|
| |
|
| body.page-Strona_główna.action-view h1.firstHeading, body.page-Strona_główna.action-submit h1.firstHeading { display: none !important; }
| | /* Wycentrowanie przycisku do MediaViewer i marginesy górny i dolny oddzielający przycisk od opisu pliku */ |
| body.rootpage-Strona_główna.action-view h1.firstHeading, body.rootpage-Strona_główna.action-submit h1.firstHeading { display: none !important; }
| | .mw-mmv-filepage-buttons { |
| body { font-weight: 400 }
| | margin-top: 5px; |
| | | height: 40px; |
| .col-md-6 {
| | margin-bottom: 10px; |
| width: 33%;
| | width: 290px; |
| | margin-left: auto; |
| | margin-right: auto; |
| } | | } |
|
| |
|
| @media screen and (max-width : 980px){
| | /* Ukrycie nagłówków h2 Opis, Licencja na stronie z opisem pliku */ |
| .col-md-6 {
| | #mw-imagepage-content h2 { |
| width: 100%;
| | display:none!important; |
| padding-left: 0 !important;
| |
| }
| |
| .col-md-6 > a {
| |
| padding-left: 0 !important;
| |
| }
| |
| .bs {
| |
| width: 90%;
| |
| }
| |
| } | | } |
|
| |
|
| a { color: #006600; }
| | /* KONIEC - STRONA PLIKU */ |
|
| |
|
| #innerbodycontent { padding: 10px !important; margin-top: 0px !important; }
| | /* Naprawa stylu galerii |
| | | ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper { |
| ul.nav.logo-container { display: none !important; } | | box-sizing: unset; |
| | |
| body { color: #000000 !important; }
| |
| | |
| div.caption { color: #000000 !important; } | |
| | |
| /* MENU GÓRNE */
| |
| | |
| /* kolor linków menu administracyjnego */
| |
| /*
| |
| .nav > li > a { | |
| color: #0645ad;
| |
| } | | } |
| */ | | */ |
|
| |
|
| .navbar {
| | /* KONIEC Naprawa stylu galerii */ |
| width: 100% !important;
| |
| z-index: 100 !important;
| |
| position: fixed !important;
| |
| }
| |
| | |
| .pull-left {
| |
| z-index: 100 !important;
| |
| position: fixed !important;
| |
| margin-top: 62px;
| |
| }
| |
|
| |
|
| div.actions.pull-left.nav {
| | /* Responsive boxes */ |
| position: relative !important;
| |
| margin-top: 0px !important;
| |
| }
| |
|
| |
|
| .pull-right { | | .jf-box-3, .jf-box-2, .jf-box-1 { |
| padding-right: 10px !important;
| | vertical-align: top; |
| display: inline-block;
| | float: left; |
| | margin: 10px; |
| } | | } |
|
| |
|
| div.col-md-8.pull-left {
| | .jf-box-3 { |
| margin-top: 0px !important;
| | width: 31%; |
| } | | } |
|
| |
|
| /* Moje menu */
| | .jf-box-2 { |
| .clearfix:after { | | width: 46.5%; |
| display:block;
| |
| } | | } |
|
| |
|
| ul.clearfix {
| | .jf-box-1 { |
| margin-bottom: 0px !important;
| | width: 95%; |
| } | | } |
|
| |
|
| /*----- Menu Outline -----*/
| | @media only screen and (max-width: 1170px) { |
| .my-menu-wrap { | | .jf-box-3 { |
| width:100%;
| | width: 46.5%; |
| box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
| |
| background:#3e3436;
| |
| z-index: 99;
| |
| position: fixed;
| |
| } | | } |
|
| |
| .my-menu {
| |
| margin: 0px auto;
| |
| display: inline-block;
| |
| } | | } |
|
| |
|
| .my-menu li {
| | @media only screen and (max-width: 830px) { |
| margin:0px;
| | .jf-box-3, .jf-box-2, .jf-box-1 { |
| list-style:none;
| | width: 100%; |
| font-family:'Ek Mukta';
| |
| } | | } |
|
| |
| .my-menu a {
| |
| transition:all linear 0.15s;
| |
| color:#DDD;
| |
| } | | } |
|
| |
|
| .my-menu span { | | .jf-box-red { |
| transition:all linear 0.15s;
| | border: 1px solid #990000; |
| color:#DDD;
| | margin-bottom: 1em; |
| } | | } |
|
| |
|
| .my-menu li:hover > a, .my-menu .current-item > a { | | .jf-box-red-header { |
| text-decoration:none;
| | border: 1px solid #990000; |
| color:#be5b70;
| | background-color: #990000; |
| | padding: 0.2em 0.5em 0.2em 0.5em; |
| | font-size: 110%; |
| | font-weight: bold; |
| | color: white; |
| } | | } |
|
| |
|
| .my-menu .arrow { | | .jf-box-blue { |
| font-size:11px;
| | border: 1px solid #006699; |
| line-height:0%;
| | margin-bottom: 1em; |
| } | | } |
|
| |
|
| /*----- Top Level -----*/
| | .jf-box-blue-header { |
| .my-menu > ul > li {
| | border: 1px solid #006699; |
| float:left;
| | background-color: #006699; |
| display:inline-block;
| | padding: 0.2em 0.5em 0.2em 0.5em; |
| position:relative;
| | font-size: 110%; |
| font-size:16px;
| | font-weight: bold; |
| | color: white; |
| } | | } |
|
| |
|
| .my-menu > ul > li > a { | | .jf-box-green { |
| padding:10px 10px;
| | border: 1px solid #339966; |
| display:inline-block;
| | margin-bottom: 1em; |
| text-shadow:0px 1px 0px rgba(0,0,0,0.4);
| |
| } | | } |
|
| |
|
| .my-menu > ul > li > span { | | .jf-box-green-header { |
| padding:10px 5px;
| | border: 1px solid #339966; |
| text-shadow:0px 1px 0px rgba(0,0,0,0.4);
| | background-color: #339966; |
| | padding: 0.2em 0.5em 0.2em 0.5em; |
| | font-size: 110%; |
| | font-weight: bold; |
| | color: white; |
| } | | } |
|
| |
|
| .my-menu > ul > li:hover > a, .my-menu > ul > .current-item > a { | | .jf-box-red-header > a, |
| background:#2e2728;
| | .jf-box-red-header > a.external.text, |
| | .jf-box-blue-header > a, |
| | .jf-box-blue-header > a.external.text, |
| | .jf-box-green-header > a, |
| | .jf-box-green-header > a.external.text { |
| | color: white; |
| | text-decoration: none; |
| } | | } |
|
| |
|
| /*----- Bottom Level -----*/
| | .jf-box-image { |
| .my-menu li:hover .sub-my-menu { | | padding: 0; |
| z-index:1;
| |
| opacity:1;
| |
| display: block;
| |
| } | | } |
| | | |
| .sub-my-menu { | | .jf-box-image > img, |
| width: 250%;
| | .jf-box-image a > img { |
| padding: 5px 0px;
| | display: block; |
| position:absolute;
| | max-width: 100%; |
| top:100%;
| | height: auto; |
| left:0px;
| |
| z-index:-1;
| |
| opacity:0;
| |
| transition:opacity linear 0.15s;
| |
| box-shadow:0px 2px 3px rgba(0,0,0,0.2);
| |
| background:#2e2728;
| |
| display: none;
| |
| } | | } |
|
| |
|
| .sub-my-menu li { | | .jf-box-content { |
| display:block;
| | padding: 0.4em 1em 0.3em 1em; |
| font-size:14px;
| | min-height: 6em; |
| } | | } |
|
| |
|
| .sub-my-menu li a { | | @media only screen and (max-width: 1366px) { |
| padding:3px 15px;
| | .jf-box-content { |
| display:block;
| | min-height: 9em; |
| } | | } |
|
| |
| .sub-my-menu li a:hover, .sub-my-menu .current-item a {
| |
| background:#3e3436;
| |
| } | | } |
|
| |
|
| /*Style 'show menu' label button and hide it by default*/
| | @media only screen and (max-width: 1170px) { |
| .show-menu { | | .jf-box-content { |
| margin: 0px auto;
| | min-height: 6em; |
| display: none;
| |
| } | | } |
|
| |
| .menucheck {
| |
| display: none;
| |
| } | | } |
|
| |
|
| /*Show menu when invisible checkbox is checked*/
| | @media only screen and (max-width: 830px) { |
| input[type=checkbox]:checked + .my-menu > ul{
| | .jf-box-content { |
| display: block;
| | min-height: 3em; |
| } | | } |
|
| |
| /************** h1 ******************/
| |
|
| |
| .jumbotron {
| |
| padding-top: 10px;
| |
| padding-bottom: 10px;
| |
| } | | } |
|
| |
|
| @media screen and (max-width : 980px){
| | /* KONIEC Responsive boxes */ |
| .jumbotron h1 {
| |
| font-size: larger;
| |
| }
| |
| | |
| .off-canvas-wrapper {
| |
| padding-top: 0px !important;
| |
| }
| |
| | |
| .navbar {
| |
| display: none;
| |
| }
| |
| | |
| .my-menu-wrap {
| |
| margin-top: 0px !important;
| |
| position: static;
| |
| text-align: center;
| |
| }
| |
| | |
| .my-menu > ul {
| |
| display: none;
| |
| }
| |
| | |
| .my-menu > ul > li {
| |
| width: 100%;
| |
| font-size: medium;
| |
| }
| |
| | |
| .sub-my-menu {
| |
| width: 100%;
| |
| padding-top: 10px;
| |
| }
| |
| | |
| .nomedia {
| |
| display: none;
| |
| }
| |
| | |
| .show-menu {
| |
| display: block !important;
| |
| }
| |
| | |
| .show-menu > p {
| |
| margin: 0px;
| |
| }
| |
| | |
| .clearfix {
| |
| padding-left: 0px;
| |
| }
| |
| | |
| | |
| /*Show menu when invisible checkbox is checked*/ | |
| input[type=checkbox]:checked + .my-menu > ul {
| |
| display: block;
| |
| }
| |
| }
| |