code cleaning + hover for logo only 2px border

This commit is contained in:
Silke Pisulla 2017-01-06 10:05:27 +01:00
commit b965719e3c

View file

@ -18,38 +18,20 @@
} }
@media @screen_min-xxs { @media @screen_min-xxs {
.container {
//border: 1px solid deeppink;
}
} }
@media @screen_min-xs { @media @screen_min-xs {
.container {
//border: 1px solid orangered;
}
} }
@media @screen_min-sm { @media @screen_min-sm {
.container {
//border: 1px solid green;
}
.make-grid(sm); .make-grid(sm);
} }
@media @screen_min-md { @media @screen_min-md {
.container {
//border: 1px solid blue;
}
.make-grid(md); .make-grid(md);
} }
@media @screen_min-lg { @media @screen_min-lg {
.container {
//border: 1px solid blue;
}
.make-grid(lg); .make-grid(lg);
} }
@ -57,25 +39,16 @@
html { html {
font-size: 120%; font-size: 120%;
} }
.container {
//border: 1px solid red;
}
} }
@media @screen_min-xxlg { @media @screen_min-xxlg {
html { html {
//font-size: 135%; //font-size: 135%;
} }
.container {
//border: 1px solid red;
}
} }
/* + + + + + z-indeces + + + + + */
@media @screen_min-md { @media @screen_min-md {
// z-indeces
.nav-direct p { .nav-direct p {
z-index: 1000; z-index: 1000;
} }
@ -103,9 +76,11 @@
width: 100%; width: 100%;
} }
.header, .tools { .header,
.tools {
.row { .row {
position: relative; position: relative;
> .col-xs-12 { > .col-xs-12 {
width: 23%; width: 23%;
box-sizing: border-box; box-sizing: border-box;
@ -129,12 +104,36 @@
.content { .content {
.row > .col-xs-12 { .row > .col-xs-12 {
width: 100%;
position: relative; position: relative;
width: 100%;
background-color: #fff; background-color: #fff;
} }
} }
.claim {
.logo {
position: absolute;
bottom: 1em;
overflow: visible;
img {
height: 60px;
width: auto;
border-style: solid;
border-color: transparent;
border-width: 0 2px;
}
a:hover,
a:focus,
a:active {
img {
border-width: 0;
}
}
}
}
.showSidebar { .showSidebar {
.content { .content {
.row > .col-xs-12 { .row > .col-xs-12 {
@ -142,32 +141,7 @@
float: right; float: right;
} }
} }
}
.claim {
.logo {
position: absolute;
bottom: 1em;
overflow: visible;
}
.logo img {
height: 60px;
width: auto;
border-style: solid;
border-color: transparent;
border-width: 0 3px;
}
.logo {
a:hover, a:focus, a:active{
img {
border: 0 none;
}
}
}
}
.showSidebar {
.claim { .claim {
.logo { .logo {
position: absolute; position: absolute;
@ -176,6 +150,7 @@
width: 100%; // fo IE width: 100%; // fo IE
overflow: visible; overflow: visible;
} }
.logo img { .logo img {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
@ -193,9 +168,7 @@
} }
} }
@media @screen_max-md { @media @screen_max-md {
.container { .container {
margin: 0 2.5rem 0 1.25rem; margin: 0 2.5rem 0 1.25rem;
} }
@ -209,10 +182,11 @@
.content { .content {
position: relative; position: relative;
#dokuwiki__pagetools { #dokuwiki__pagetools {
top: 0; top: 0;
} }
.row > .col-xs-12 #dokuwiki__content::before { .row > .col-xs-12 #dokuwiki__content::before {
display: none; display: none;
} }
@ -231,6 +205,4 @@
display: none; display: none;
} }
} }
} }