MediaWiki:Common.css: Różnice pomiędzy wersjami
Przejdź do nawigacji
Przejdź do wyszukiwania
Nie podano opisu zmian |
Nie podano opisu zmian |
||
Linia 86: | Linia 86: | ||
/*----- Menu Outline -----*/ | /*----- Menu Outline -----*/ | ||
.menu-wrap { | .my-menu-wrap { | ||
width:100%; | width:100%; | ||
box-shadow:0px 1px 3px rgba(0,0,0,0.2); | box-shadow:0px 1px 3px rgba(0,0,0,0.2); | ||
Linia 94: | Linia 94: | ||
} | } | ||
.menu { | .my-menu { | ||
width:1000px; | width:1000px; | ||
margin:0px auto; | margin:0px auto; | ||
} | } | ||
.menu li { | .my-menu li { | ||
margin:0px; | margin:0px; | ||
list-style:none; | list-style:none; | ||
Linia 105: | Linia 105: | ||
} | } | ||
.menu a { | .my-menu a { | ||
transition:all linear 0.15s; | transition:all linear 0.15s; | ||
color:#919191; | color:#919191; | ||
} | } | ||
.menu li:hover > a, .menu .current-item > a { | .my-menu li:hover > a, .my-menu .current-item > a { | ||
text-decoration:none; | text-decoration:none; | ||
color:#be5b70; | color:#be5b70; | ||
} | } | ||
.menu .arrow { | .my-menu .arrow { | ||
font-size:11px; | font-size:11px; | ||
line-height:0%; | line-height:0%; | ||
Linia 121: | Linia 121: | ||
/*----- Top Level -----*/ | /*----- Top Level -----*/ | ||
.menu > ul > li { | .my-menu > ul > li { | ||
float:left; | float:left; | ||
display:inline-block; | display:inline-block; | ||
Linia 128: | Linia 128: | ||
} | } | ||
.menu > ul > li > a { | .my-menu > ul > li > a { | ||
padding:10px 40px; | padding:10px 40px; | ||
display:inline-block; | display:inline-block; | ||
Linia 134: | Linia 134: | ||
} | } | ||
.menu > ul > li:hover > a, .menu > ul > .current-item > a { | .my-menu > ul > li:hover > a, .my-menu > ul > .current-item > a { | ||
background:#2e2728; | background:#2e2728; | ||
} | } | ||
/*----- Bottom Level -----*/ | /*----- Bottom Level -----*/ | ||
.menu li:hover .sub-menu { | .my-menu li:hover .sub-my-menu { | ||
z-index:1; | z-index:1; | ||
opacity:1; | opacity:1; | ||
} | } | ||
.sub-menu { | .sub-my-menu { | ||
width:160%; | width:160%; | ||
padding:5px 0px; | padding:5px 0px; | ||
Linia 157: | Linia 157: | ||
} | } | ||
.sub-menu li { | .sub-my-menu li { | ||
display:block; | display:block; | ||
font-size:16px; | font-size:16px; | ||
} | } | ||
.sub-menu li a { | .sub-my-menu li a { | ||
padding:10px 30px; | padding:10px 30px; | ||
display:block; | display:block; | ||
} | } | ||
.sub-menu li a:hover, .sub-menu .current-item a { | .sub-my-menu li a:hover, .sub-my-menu .current-item a { | ||
background:#3e3436; | background:#3e3436; | ||
} | } |
Wersja z 03:29, 26 mar 2017
/* 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; }
#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 {
position: absolute;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0.82);
color: #36b;
visibility: hidden;
opacity: 0;
}
.imgWrap:hover .imgDescription {
visibility: visible;
opacity: 1;
}
p.imgDescription {
margin: 0px !important;
width: 100%;
text-align: center;
}
.gallery {
text-align: center !important;
}
.navbar {
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 {
position: relative !important;
margin-top: 0px !important;
}
.pull-right {
padding-right: 10px !important;
}
div.off-canvas-wrapper {
padding-top: 62px !important;
}
div.off-canvas-wrapper-inner {
padding-top: 48px;
}
div.col-md-8.pull-left {
margin-top: 0px !important;
}
/* Moje menu */
.clearfix:after {
display:block;
clear:both;
}
ul.clearfix {
margin-bottom: 0px !important;
}
/*----- Menu Outline -----*/
.my-menu-wrap {
width:100%;
box-shadow:0px 1px 3px rgba(0,0,0,0.2);
background:#3e3436;
z-index: 99;
position: fixed;
}
.my-menu {
width:1000px;
margin:0px auto;
}
.my-menu li {
margin:0px;
list-style:none;
font-family:'Ek Mukta';
}
.my-menu a {
transition:all linear 0.15s;
color:#919191;
}
.my-menu li:hover > a, .my-menu .current-item > a {
text-decoration:none;
color:#be5b70;
}
.my-menu .arrow {
font-size:11px;
line-height:0%;
}
/*----- Top Level -----*/
.my-menu > ul > li {
float:left;
display:inline-block;
position:relative;
font-size:19px;
}
.my-menu > ul > li > a {
padding:10px 40px;
display:inline-block;
text-shadow:0px 1px 0px rgba(0,0,0,0.4);
}
.my-menu > ul > li:hover > a, .my-menu > ul > .current-item > a {
background:#2e2728;
}
/*----- Bottom Level -----*/
.my-menu li:hover .sub-my-menu {
z-index:1;
opacity:1;
}
.sub-my-menu {
width:160%;
padding:5px 0px;
position:absolute;
top:100%;
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;
}
.sub-my-menu li {
display:block;
font-size:16px;
}
.sub-my-menu li a {
padding:10px 30px;
display:block;
}
.sub-my-menu li a:hover, .sub-my-menu .current-item a {
background:#3e3436;
}