Rev. | 13 |
---|---|
Size | 3,921 bytes |
Time | 2021-06-23 00:05:55 |
Author | mateuszviste |
Log Message | added a generator header in html and adjusted banner styling so it is more crawler-friendly |
html {
background-color: #f5f7ff;
}
body {
font-size: 1.2em;
font-family: sans-serif;
max-width: 1200px;
border-left: 1px #ccc solid;
border-right: 1px #ccc solid;
border-bottom: 1px #ccc solid;
margin: 0 auto;
padding: 0;
background: #fff;
}
div.banner {
display: table;
width: 100%;
height: 12em;
overflow: hidden;
background-color: #235;
background: url("banner.jpg");
background-size: cover;
background-position: center;
border-bottom: 1px #ccc solid;
}
div.banner h1 {
font-family: sans-serif;
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 4em;
padding: 0 0.5em;
color: #fff;
text-shadow:
-1px -1px 1px #000,
1px -1px 1px #000,
-1px 1px 1px #000,
1px 1px 1px #000;
}
/* zmniejsz tytuł na ekranach o niskiej rozdzielczości */
@media (max-width: 1024px) {
div.banner h1 {
font-size: 3em;
}
img {
width: 100%;
margin: 1em 0;
}
}
@media (max-width: 500px) {
div.banner h1 {
font-size: 2.5em;
}
}
div.zawartosc {
line-height: 1.5em;
margin: 0;
padding: 0 0.5em 0.5em 0.5em;
}
/* clearfix - so photos or stuff never go beyond div */
div.zawartosc:after {
content: "";
display: table;
clear: both;
}
div.authbox {
margin-top: 1em;
text-align: center;
margin-bottom: 1em;
}
div.auth {
padding: 0 0.5em;
border: 1px #ddd solid;
border-radius: 0.2em;
/* float: right; */
display: inline-block;
text-align: center;
}
div.auth p {
line-height: 1.15em;
}
div.authcred {
text-align: right;
}
p.bonjour {
background-color: #fec;
border: 1px #999 solid;
border-radius: 0.2em;
float: right;
padding: 0 0.5em;
margin: -2.35em -0.3em 0 0;
font-size: 0.8em;
}
div.blogentry {
background-color: #fefefe;
margin: 0 0 0.9em 0;
padding: 0.5em;
border: 1px #ccc dotted;
border-radius: 0.2em;
}
div.blogentry h2 {
font-size: 1.2em;
text-align: left;
font-weight: bold;
font-style: normal;
margin: 0;
}
div.blogentry h3 {
font-size: 0.85em;
color: #888;
text-align: left;
font-weight: normal;
font-style: normal;
margin: -0.4em 0 0.5em 0;
}
div.blogentry p {
line-height: normal;
}
p.paginacja {
text-align: center;
}
p.paginacja span {
color: #ddd;
}
p.autherr {
font-weight: bold;
color: #000;
background-color: #faa;
text-align: center;
}
a {
color: #00d;
text-decoration: underline dotted;
}
a:hover {
color: #880;
}
img.arrback {
height: 1.4em;
width: auto;
vertical-align: middle;
filter: opacity(0.4) drop-shadow(0 0 0 #33f);
}
img.arrback:hover {
filter: opacity(0.4) drop-shadow(0 0 0 #ff0);
}
img.arractive {
height: 1em;
width: auto;
filter: opacity(0.6) drop-shadow(0 0 0 #33f);
vertical-align: middle;
}
img.arractive:hover {
filter: opacity(0.6) drop-shadow(0 0 0 #ff0);
}
img.arrinactive {
height: 1em;
width: auto;
opacity: 0.2;
vertical-align: middle;
}
p.admintool {
text-align: right;
margin: 1px 0 0.25em 0;
font-size: 0.8em;
}
p.admintool a {
background-color: #ff4;
border-radius: 0.2em;
padding: 0 0.5em;
}
div.nowywpis {
border: 1px #ccc solid;
border-radius: 0.2em;
background-color: #f2f2f2;
padding: 0.5em;
margin-bottom: 1em;
}
div.nowywpis p {
margin: 0;
}
form.nowywpis {
width: 100%;
}
form.nowywpis textarea {
width: 100%;
}
form.nowywpis input {
width: 96%;
}
div.managezd {
border: 1px #aaa dashed;
border-radius: 0.2em;
background-color: #eee;
padding: 0.3em 0.5em;
margin: 0.5em 0;
overflow: hidden; /* div zwieksza rozmiar do obrazka */
}
div.managezd img {
width: 10em;
height: auto;
margin: 0 0.5em 0 0;
border: 1px #ccc solid;
border-radius: 0.2em;
float: left;
}
div.managezd p {
margin: 0;
}
div.managezd a {
border-radius: 0.2em;
background-color: #fa4;
padding: 0 0.5em;
}
div.managezd a:hover {
background-color: #f22;
color: #111;
}