fnp
/
wolnelektury.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
style fix
[wolnelektury.git]
/
src
/
wolnelektury
/
static
/
scss
/
main
/
header.scss
diff --git
a/src/wolnelektury/static/scss/main/header.scss
b/src/wolnelektury/static/scss/main/header.scss
old mode 100755
(executable)
new mode 100644
(file)
index
e720b4d
..
c8adda5
--- a/
src/wolnelektury/static/scss/main/header.scss
+++ b/
src/wolnelektury/static/scss/main/header.scss
@@
-1,6
+1,24
@@
+@import "../tools";
+
$header_bg: #191919;
$small_logo: .9;
$header_bg: #191919;
$small_logo: .9;
+#banners {
+ display: inline-block;
+ width: 100%;
+
+ > a {
+ display: block;
+ width: 100%;
+ }
+
+ img {
+ display: block;
+ margin: 0 auto;
+ width: 100%
+ }
+}
+
header#main {
@include size(line-height, 20px); /* Make links easier to click when wrapped. */
background-color: $header_bg;
header#main {
@include size(line-height, 20px); /* Make links easier to click when wrapped. */
background-color: $header_bg;
@@
-50,6
+68,9
@@
header#main {
@include size(top, 3px);
@include size(left, 255px);
@include size(font-size, 13px);
@include size(top, 3px);
@include size(left, 255px);
@include size(font-size, 13px);
+ margin: 0;
+ @include size(line-height, 43px);
+
@media screen and (min-width: 1024px) {
display: block;
@media screen and (min-width: 1024px) {
display: block;
@@
-65,7
+86,8
@@
header#main {
@include mono;
#lang-button {
@include mono;
#lang-button {
- display: block;
+ display: block;
+ cursor: pointer;
@include size(font-size, 10px);
@include size(line-height, 17px);
@include size(font-size, 10px);
@include size(line-height, 17px);
@@
-82,9
+104,8
@@
header#main {
}
}
}
}
- .lang-flag {
- @include size(font-size, 13px);
- @include size(line-height, 15px);
+ img {
+ vertical-align: middle;
}
}
}
}
@@
-116,7
+137,7
@@
header#main {
}
}
}
}
- &
:hover, &
.hover {
+ &.hover {
#lang-menu-items {
position: absolute;
padding: 0;
#lang-menu-items {
position: absolute;
padding: 0;
@@
-128,6
+149,9
@@
header#main {
}
}
}
}
+ @media screen and (min-width: 1024px) {
+ right: 300px;
+ }
}
#main-menu-toggle {
}
#main-menu-toggle {
@@
-222,24
+246,24
@@
header#main {
@include size(border-radius, 5px);
@include box-shadow(0 0 6.5px #444444 inset);
@include size(border-radius, 5px);
@include box-shadow(0 0 6.5px #444444 inset);
- font-family: Ge
orgia
;
+ font-family: Ge
lasio, Georgia, serif
;
@include size(font-size, 13px);
background-color: white;
color: black;
/* styling search placeholder */
&::placeholder {
@include size(font-size, 13px);
background-color: white;
color: black;
/* styling search placeholder */
&::placeholder {
- font-family: Ge
orgia
;
+ font-family: Ge
lasio, Georgia, serif
;
font-style: italic;
color: #767676;
}
&::-webkit-input-placeholder {
font-style: italic;
color: #767676;
}
&::-webkit-input-placeholder {
- font-family: Ge
orgia
;
+ font-family: Ge
lasio, Georgia, serif
;
font-style: italic;
color: #767676;
}
&::-moz-placeholder {
font-style: italic;
color: #767676;
}
&::-moz-placeholder {
- font-family: Ge
orgia
;
+ font-family: Ge
lasio, Georgia, serif
;
font-style: italic;
color: #767676;
}
font-style: italic;
color: #767676;
}