...nee, ich muss doch noch mal fragen, sorry...
...also...
Code:
@media only screen and (max-width:992px) {
.pagination {
width:100%
}
.pagination li.prev,
.pagination li.next {
width:10%
}
.pagination li.pages {
width:80%;
overflow:hidden;
white-space:nowrap
}
}
.breadcrumb {
font-size:18px;
color:rgba(255, 255, 255, 0.7)
}
.breadcrumb i,
.breadcrumb [class^="mdi-"],
.breadcrumb [class*="mdi-"],
.breadcrumb i.material-icons {
display:inline-block;
float:left;
font-size:24px
}
.breadcrumb:before {
content:'\E5CC';
color:rgba(255, 255, 255, 0.7);
vertical-align:top;
display:inline-block;
font-family:'Material Icons';
font-weight:normal;
font-style:normal;
font-size:25px;
margin:0 10px 0 8px;
-webkit-font-smoothing:antialiased
}
.breadcrumb:first-child:before {
display:none
}
.breadcrumb:last-child {
color:#fff
}
.parallax-container {
position:relative;
overflow:hidden;
height:500px
}
.parallax-container .parallax {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:-1
}
.parallax-container .parallax img {
opacity:0;
position:absolute;
left:50%;
bottom:0;
min-width:100%;
min-height:100%;
transform:translate3d(0, 0, 0);
transform:translateX(-50%)
}
.pin-top,
.pin-bottom {
position:relative
}
.pinned {
position:fixed !important
}
ul.staggered-list li {
opacity:0
}
.fade-in {
opacity:0;
transform-origin:0 50%
}
@media only screen and (max-width:600px) {
.hide-on-small-only,
.hide-on-small-and-down {
display:none !important
}
}
@media only screen and (max-width:992px) {
.hide-on-med-and-down {
display:none !important
}
}
@media only screen and (min-width:601px) {
.hide-on-med-and-up {
display:none !important
}
}
@media only screen and (min-width:600px) and (max-width:992px) {
.hide-on-med-only {
display:none !important
}
}
@media only screen and (min-width:993px) {
.hide-on-large-only {
display:none !important
}
}
@media only screen and (min-width:1201px) {
.hide-on-extra-large-only {
display:none !important
}
}
@media only screen and (min-width:1201px) {
.show-on-extra-large {
display:block !important
}
}
@media only screen and (min-width:993px) {
.show-on-large {
display:block !important
}
}
@media only screen and (min-width:600px) and (max-width:992px) {
.show-on-medium {
display:block !important
}
}
@media only screen and (max-width:600px) {
.show-on-small {
display:block !important
}
}
@media only screen and (min-width:601px) {
.show-on-medium-and-up {
display:block !important
}
}
@media only screen and (max-width:992px) {
.show-on-medium-and-down {
display:block !important
}
}
@media only screen and (max-width:600px) {
.center-on-small-only {
text-align:center
}
}
//da kommt noch mehr @mediazeugs, aber ich dacht mir, ich hör mal auf irgendwo...
^^da bin ich im allgemeinen schon richtig oder...?
wenn ja... ...gut... ...dann versteh ich ab hier nur bahnhof...
...wenn nein... ...dann versteh ich noch weniger als bahnhof...
...verrätst du mir bitte, wo ich was eintragen muss, damit der breakpoint funktioniert, wie ich das will...<3
und wenn ich grad schon dabei bin...
...stimmt das nu so...?
Code:
.brand-logo .ce_image:not(.fixed-nav) img {
max-height:80px;
width:auto;
padding:15px
}
//bzw...
#header .mod_mateNavbar .nav-wrapper .brand-logo .ce_image.fixed-nav img {
max-height:80px
}
sorry...
...aber mir is grad aufgefallen, dass ich das letzte mal ne webseite selbst gemacht hab, als es noch keine smartphones gab...
Lesezeichen