|
|
(Nie pokazano 20 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 */ |
| body.page-Strona_główna.action-view h1.firstHeading, body.page-Strona_główna.action-submit h1.firstHeading { display: none !important; }
| |
| body.rootpage-Strona_główna.action-view h1.firstHeading, body.rootpage-Strona_główna.action-submit h1.firstHeading { display: none !important; }
| |
| body { font-weight: 400 }
| |
|
| |
|
| .col-md-6 {
| | /* STRONA PLIKU */ |
| width: 33%;
| |
| }
| |
| | |
| @media screen and (max-width : 980px){
| |
| .col-md-6 {
| |
| width: 100%;
| |
| padding-left: 0 !important;
| |
| }
| |
| .col-md-6 > a {
| |
| padding-left: 0 !important;
| |
| }
| |
| .bs {
| |
| width: 90%;
| |
| }
| |
| }
| |
| | |
| a { color: #006600; }
| |
| | |
| #innerbodycontent { padding: 10px !important; margin-top: 0px !important; }
| |
| | |
| ul.nav.logo-container { display: none !important; }
| |
| | |
| body { color: #000000 !important; }
| |
| | |
| div.caption { color: #000000 !important; }
| |
| | |
| .imgWrap {
| |
| position: relative;
| |
| height: auto;
| |
| width: 100%;
| |
| margin: 3px;
| |
| }
| |
|
| |
|
| .imgDescription {
| | /* Wycentrowanie wyświetlonego pliku */ |
| position: absolute;
| | #file { |
| bottom: 0;
| | text-align: center; |
| left: 0;
| |
| background: rgba(255, 255, 255, 0.82);
| |
| color: #36b;
| |
| visibility: hidden;
| |
| opacity: 0;
| |
| } | | } |
|
| |
|
| .imgWrap:hover .imgDescription { | | /* Wycentrowanie informacji o innych rozdzielczosciach pliku */ |
| visibility: visible;
| | .mw-filepage-resolutioninfo { |
| opacity: 1;
| | text-align: center; |
| } | | } |
|
| |
|
| p.imgDescription {
| | /* Wycentrowanie informacji o oryginalnym rozmiarze pliku */ |
| margin: 0px !important;
| | .fullMedia { |
| width: 100%;
| | text-align: center; |
| text-align: center;
| |
| } | | } |
|
| |
|
| .gallery { | | /* Wycentrowanie przycisku do MediaViewer i marginesy górny i dolny oddzielający przycisk od opisu pliku */ |
| text-align: center !important;
| | .mw-mmv-filepage-buttons { |
| | margin-top: 5px; |
| | height: 40px; |
| | margin-bottom: 10px; |
| | width: 290px; |
| | margin-left: auto; |
| | margin-right: auto; |
| } | | } |
|
| |
|
| .navbar {
| | /* Ukrycie nagłówków h2 Opis, Licencja na stronie z opisem pliku */ |
| width: 100% !important;
| | #mw-imagepage-content h2 { |
| z-index: 100 !important;
| | display:none!important; |
| position: fixed !important;
| |
| } | | } |
|
| |
|
| .pull-left {
| | /* KONIEC - STRONA PLIKU */ |
| z-index: 100 !important;
| |
| position: fixed !important;
| |
| margin-top: 62px;
| |
| }
| |
|
| |
|
| div.actions.pull-left.nav { | | /* Naprawa stylu galerii |
| position: relative !important;
| | 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 { |
| margin-top: 0px !important;
| | box-sizing: unset; |
| } | | } |
| | */ |
|
| |
|
| .pull-right {
| | /* KONIEC Naprawa stylu galerii */ |
| padding-right: 10px !important;
| |
| display: inline-block;
| |
| }
| |
|
| |
|
| div.col-md-8.pull-left {
| | /* Responsive boxes */ |
| margin-top: 0px !important;
| |
| }
| |
|
| |
|
| /* Moje menu */
| | .jf-box-3, .jf-box-2, .jf-box-1 { |
| .clearfix:after {
| | vertical-align: top; |
| display:block;
| | float: left; |
| | margin: 10px; |
| } | | } |
|
| |
|
| ul.clearfix {
| | .jf-box-3 { |
| margin-bottom: 0px !important;
| | width: 31%; |
| } | | } |
|
| |
|
| /*----- Menu Outline -----*/
| | .jf-box-2 { |
| .my-menu-wrap { | | width: 46.5%; |
| width:100%;
| |
| box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
| |
| background:#3e3436;
| |
| z-index: 99;
| |
| position: fixed;
| |
| } | | } |
|
| |
|
| .my-menu { | | .jf-box-1 { |
| margin: 0px auto;
| | width: 95%; |
| display: inline-block;
| |
| } | | } |
|
| |
|
| .my-menu li {
| | @media only screen and (max-width: 1170px) { |
| margin:0px;
| | .jf-box-3 { |
| list-style:none;
| | width: 46.5%; |
| font-family:'Ek Mukta';
| |
| } | | } |
|
| |
| .my-menu a {
| |
| transition:all linear 0.15s;
| |
| color:#DDD;
| |
| } | | } |
|
| |
|
| .my-menu span {
| | @media only screen and (max-width: 830px) { |
| transition:all linear 0.15s;
| | .jf-box-3, .jf-box-2, .jf-box-1 { |
| color:#DDD;
| | width: 100%; |
| } | | } |
|
| |
| .my-menu li:hover > a, .my-menu .current-item > a {
| |
| text-decoration:none;
| |
| color:#be5b70;
| |
| } | | } |
|
| |
|
| .my-menu .arrow { | | .jf-box-red { |
| font-size:11px;
| | border: 1px solid #990000; |
| line-height:0%;
| | margin-bottom: 1em; |
| } | | } |
|
| |
|
| /*----- Top Level -----*/
| | .jf-box-red-header { |
| .my-menu > ul > li {
| | border: 1px solid #990000; |
| float:left;
| | background-color: #990000; |
| 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-blue { |
| padding:10px 10px;
| | border: 1px solid #006699; |
| display:inline-block;
| | margin-bottom: 1em; |
| text-shadow:0px 1px 0px rgba(0,0,0,0.4);
| |
| } | | } |
|
| |
|
| .my-menu > ul > li > span { | | .jf-box-blue-header { |
| padding:10px 5px;
| | border: 1px solid #006699; |
| text-shadow:0px 1px 0px rgba(0,0,0,0.4);
| | background-color: #006699; |
| | 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-green { |
| background:#2e2728;
| | border: 1px solid #339966; |
| | margin-bottom: 1em; |
| } | | } |
|
| |
|
| /*----- Bottom Level -----*/
| | .jf-box-green-header { |
| .my-menu li:hover .sub-my-menu { | | border: 1px solid #339966; |
| z-index:1;
| | background-color: #339966; |
| opacity:1;
| | padding: 0.2em 0.5em 0.2em 0.5em; |
| display: block;
| | font-size: 110%; |
| | font-weight: bold; |
| | color: white; |
| } | | } |
|
| |
|
| .sub-my-menu { | | .jf-box-red-header > a, |
| width: 250%;
| | .jf-box-red-header > a.external.text, |
| padding: 5px 0px;
| | .jf-box-blue-header > a, |
| position:absolute;
| | .jf-box-blue-header > a.external.text, |
| top:100%;
| | .jf-box-green-header > a, |
| left:0px;
| | .jf-box-green-header > a.external.text { |
| z-index:-1;
| | color: white; |
| opacity:0;
| | text-decoration: none; |
| 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-image { |
| display:block;
| | padding: 0; |
| font-size:14px;
| |
| } | | } |
| | | |
| .sub-my-menu li a { | | .jf-box-image > img, |
| padding:3px 15px;
| | .jf-box-image a > img { |
| display:block;
| | display: block; |
| | max-width: 100%; |
| | height: auto; |
| } | | } |
|
| |
|
| .sub-my-menu li a:hover, .sub-my-menu .current-item a { | | .jf-box-content { |
| background:#3e3436;
| | padding: 0.4em 1em 0.3em 1em; |
| | min-height: 6em; |
| } | | } |
|
| |
|
| /*Style 'show menu' label button and hide it by default*/
| | @media only screen and (max-width: 1366px) { |
| .show-menu { | | .jf-box-content { |
| margin: 0px auto;
| | min-height: 9em; |
| display: none;
| |
| } | | } |
|
| |
| .menucheck {
| |
| display: none;
| |
| } | | } |
|
| |
|
| /*Show menu when invisible checkbox is checked*/
| | @media only screen and (max-width: 1170px) { |
| input[type=checkbox]:checked + .my-menu > ul{
| | .jf-box-content { |
| display: block;
| | min-height: 6em; |
| } | | } |
|
| |
| /************** h1 ******************/
| |
|
| |
| .jumbotron {
| |
| padding-top: 10px;
| |
| padding-bottom: 10px;
| |
| } | | } |
|
| |
|
| @media screen and (max-width : 980px){ | | @media only screen and (max-width: 830px) { |
| .jumbotron h1 {
| | .jf-box-content { |
| font-size: larger;
| | min-height: 3em; |
| }
| |
| | |
| .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;
| |
| } | | } |
| } | | } |
|
| |
|
| @media screen and (max-width : 980px){
| | /* KONIEC Responsive boxes */ |
| .share-mobile {
| |
| display: inline-flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| height: auto;
| |
| color: #777;
| |
| text-align: center;
| |
| font-size: 11px;
| |
| font-weight: 500;
| |
| letter-spacing: 2px;
| |
| margin-left: 5px;
| |
| text-transform: capitalize;
| |
| text-decoration: none;
| |
| white-space: nowrap;
| |
| border-radius: 4px;
| |
| border: 1px solid #ddd;
| |
| cursor: pointer;
| |
| }
| |
| }
| |