You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
345 lines
6.8 KiB
345 lines
6.8 KiB
#gallery_container {
|
|
position:fixed;
|
|
top:0px; left:0px;
|
|
background-color:#aaaaaa;
|
|
background-image:url(_img/back2.png);
|
|
width:100%;
|
|
height:100%;
|
|
display:table-cell;
|
|
vertical-align:middle;
|
|
text-align:center;
|
|
overflow:scroll;
|
|
}
|
|
|
|
#gallery_container img{
|
|
margin-top:30px;
|
|
margin-bottom:30px;
|
|
}
|
|
|
|
#gallery_close {
|
|
position:fixed;
|
|
right:30px;
|
|
}
|
|
|
|
#gallery_prev {
|
|
padding-bottom:15px;
|
|
}
|
|
|
|
#gallery_next {
|
|
padding-bottom:15px;
|
|
}
|
|
|
|
#gallery_img {
|
|
border:7px solid #ffffff;
|
|
|
|
box-shadow: 0px 1px 4px #444444;
|
|
-webkit-box-shadow: 0px 1px 4px #444444;
|
|
-moz-box-shadow: 0px 1px 4px #444444;
|
|
}
|
|
|
|
/* generall */
|
|
.hidden {
|
|
display: none
|
|
}
|
|
ul li {
|
|
list-style-type:disc;
|
|
}
|
|
ol li {
|
|
list-style-type:decimal;
|
|
}
|
|
a {
|
|
color:#aa6735;
|
|
text-decoration:underline;
|
|
font-weight:bold;
|
|
}
|
|
a:hover {
|
|
text-decoration:none;
|
|
}
|
|
|
|
code {
|
|
font-size:10pt;
|
|
font-family:monospace;
|
|
background-color:#dddddd;
|
|
border:1px solid #aaaaaa;
|
|
padding-left:4px;
|
|
padding-right:4px;
|
|
}
|
|
|
|
pre code {
|
|
display:block;
|
|
margin-left: 20px;
|
|
font-size:10pt;
|
|
font-family:monospace;
|
|
background-color:#dddddd;
|
|
border:1px solid #aaaaaa;
|
|
padding-left:4px;
|
|
padding-right:4px;
|
|
}
|
|
|
|
/* header */
|
|
h1#blogtitle, h1#blogtitle a{
|
|
text-decoration:none;
|
|
font-size:18pt;
|
|
font-weight:bold;
|
|
padding:20px 0 0 15px;
|
|
margin:0;
|
|
color:#5598ca;
|
|
background-color:#dddddd;
|
|
height:35px;
|
|
background-image:url(_img/tbg.png);
|
|
border-width:0px;
|
|
}
|
|
h2#subtitle:before {
|
|
content:none;
|
|
}
|
|
h2#subtitle {
|
|
font-size:10pt;
|
|
font-weight:bold;
|
|
padding:0 0 10px 40px;
|
|
margin:0;
|
|
color:#aa6735;
|
|
background-color:#dddddd;
|
|
background-position:0 -55px;
|
|
background-image:url(_img/tbg.png);
|
|
height:15px;
|
|
}
|
|
|
|
img.tex {
|
|
vertical-align:middle;
|
|
}
|
|
|
|
/* menu */
|
|
#menu {
|
|
float:left;
|
|
width:15%;
|
|
margin-left:1%;
|
|
}
|
|
#menu ul, #menu li{
|
|
margin:0;
|
|
padding:0;
|
|
list-style-type:none;
|
|
}
|
|
#menu ul{
|
|
padding-left:15px;
|
|
border-collapse:collapse;
|
|
}
|
|
#menu ul, #menu ul ul ul{
|
|
}
|
|
|
|
#menu ul ul, #menu ul ul ul ul{
|
|
}
|
|
|
|
|
|
#menu li{
|
|
|
|
}
|
|
a.menulink {
|
|
margin-top:-1px;
|
|
padding:2px 0 2px 5px;
|
|
display:block;
|
|
color:#5598ca;
|
|
font-weight:bold;
|
|
text-decoration:none;
|
|
font-size:11pt;
|
|
width:100%;
|
|
border-radius: 4px;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border: 1px solid #dddddd;
|
|
border-collapse:collapse;
|
|
}
|
|
a.menulink:hover{
|
|
color:#444444;
|
|
background-color:#999999;
|
|
background-image:url(_img/btn.png);
|
|
border-radius: 4px;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
box-shadow: 0px 1px 4px #444444;
|
|
-webkit-box-shadow: 0px 1px 4px #444444;
|
|
-moz-box-shadow: 0px 1px 4px #444444;
|
|
|
|
text-decoration:underline;
|
|
}
|
|
|
|
/* content */
|
|
body {
|
|
margin:0;
|
|
background-color:#eeeeee;
|
|
background-image:url(_img/back.png);
|
|
padding:0;
|
|
font-family:sans-serif;
|
|
font-size:11pt;
|
|
color:black;
|
|
}
|
|
|
|
h1 {
|
|
font-size:14pt;
|
|
padding:10px 0 0 0;
|
|
font-weight:bold;
|
|
color:#5598ca;
|
|
border-bottom:1px solid #5598ca;
|
|
counter-reset: kap;
|
|
}
|
|
h1 a {
|
|
text-decoration:none;
|
|
}
|
|
|
|
table, th, td, tr {
|
|
border: 1px solid black;
|
|
border-collapse:collapse;
|
|
}
|
|
|
|
div.entrytext h1:before, div.preview h1:before {
|
|
content: counter(kap) ' ';
|
|
}
|
|
div.entrytext h1, div.preview h1{
|
|
font-size:12pt;
|
|
padding:10px 0 0 10px;
|
|
font-weight:bold;
|
|
color:#5598ca;
|
|
border:none;
|
|
|
|
counter-increment: kap;
|
|
counter-reset: subkap;
|
|
}
|
|
div.entrytext h2:before, div.preview h2:before {
|
|
content: counter(kap) '.' counter(subkap) ' ';
|
|
}
|
|
div.entrytext h2, div.preview h2 {
|
|
font-size:10pt;
|
|
padding:10px 0 0 20px;
|
|
font-weight:bold;
|
|
color:#5598ca;
|
|
|
|
counter-increment: subkap;
|
|
counter-reset: subsubkap;
|
|
}
|
|
div.entrytext h3:before, div.preview h3:before {
|
|
content: counter(kap) '.' counter(subkap) '.' counter(subsubkap) ' ';
|
|
}
|
|
div.entrytext h3, div.preview h3 {
|
|
font-size:9pt;
|
|
padding:10px 0 0 30px;
|
|
font-weight:bold;
|
|
color:#5598ca;
|
|
|
|
counter-increment: subsubkap;
|
|
}
|
|
|
|
#footer h1:before, #footer h2:before, #footer h3:before, #footer h4:before {
|
|
content: '';
|
|
}
|
|
|
|
#dsq-footer {
|
|
display: none;
|
|
}
|
|
|
|
.entryheader {
|
|
color:#5598ca;
|
|
}
|
|
|
|
.entrydate {
|
|
font-size:9pt;
|
|
color:#cccccc;
|
|
}
|
|
|
|
.commentcount {
|
|
font-size:9pt;
|
|
}
|
|
|
|
#content {
|
|
padding:5px;
|
|
background-color:#f6f6f6;
|
|
background-image:url(_img/back3.png);
|
|
margin-left:26%;
|
|
width:45%;
|
|
box-shadow: 0px 3px 12px #444444;
|
|
-webkit-box-shadow: 0px 3px 12px #444444;
|
|
-moz-box-shadow: 0px 3px 12px #444444;
|
|
|
|
padding:15px;
|
|
padding-left:9%;
|
|
padding-right:9%;
|
|
border-radius: 7px;
|
|
-webkit-border-radius: 7px;
|
|
-moz-border-radius: 7px;
|
|
margin-bottom:40px;
|
|
color:black;
|
|
text-align:justify;
|
|
}
|
|
|
|
span.pre {
|
|
white-space:pre-wrap;
|
|
font-family:monospace;
|
|
}
|
|
|
|
.gallery_link{
|
|
transform: rotate(1deg);
|
|
display:inline-block;
|
|
padding:0px;
|
|
-moz-transition: all 0.5s;
|
|
-webkit-transition: all 0.5s;
|
|
-ms-transition: all 0.5s;
|
|
-o-transition: all 0.5s;
|
|
transition: all 0.5s
|
|
}
|
|
|
|
.gallery_link:nth-child(2n+1) {
|
|
transform: rotate(3deg);
|
|
-ms-transform: rotate(3deg);
|
|
-webkit-transform: rotate(3deg);
|
|
-o-transform: rotate(3deg);
|
|
-moz-transform: rotate(3deg);
|
|
}
|
|
.gallery_link:nth-child(3n+1) {
|
|
transform: rotate(-7deg);
|
|
-ms-transform: rotate(-7deg);
|
|
-webkit-transform: rotate(-7deg);
|
|
-o-transform: rotate(-7deg);
|
|
-moz-transform: rotate(-7deg);
|
|
}
|
|
.gallery_link:nth-child(7n+1) {
|
|
transform: rotate(-4deg);
|
|
-ms-transform: rotate(-4deg);
|
|
-webkit-transform: rotate(-4deg);
|
|
-o-transform: rotate(-4deg);
|
|
-moz-transform: rotate(-4deg);
|
|
}
|
|
.gallery_link:nth-child(5n+1) {
|
|
transform: rotate(-2deg);
|
|
-ms-transform: rotate(-2deg);
|
|
-webkit-transform: rotate(-2deg);
|
|
-o-transform: rotate(-2deg);
|
|
-moz-transform: rotate(-2deg);
|
|
}
|
|
.gallery_link:hover {
|
|
transform: rotate(0deg);
|
|
-ms-transform: rotate(0deg);
|
|
-webkit-transform: rotate(0deg);
|
|
-o-transform: rotate(0deg);
|
|
-moz-transform: rotate(0deg);
|
|
}
|
|
|
|
.gallery_link img{
|
|
border:2px solid white;
|
|
box-shadow: 0px 1px 4px black;
|
|
-webkit-box-shadow: 0px 3px 12px #444444;
|
|
-moz-box-shadow: 0px 3px 12px #444444;
|
|
height:75px;
|
|
margin:4px;
|
|
-moz-transition: all 0.5s;
|
|
-webkit-transition: all 0.5s;
|
|
-ms-transition: all 0.5s;
|
|
-o-transition: all 0.5s;
|
|
transition: all 0.5s
|
|
}
|
|
|
|
.gallery_link img:hover{
|
|
box-shadow: 0px 1px 6px black;
|
|
-webkit-box-shadow: 0px 3px 12px #444444;
|
|
-moz-box-shadow: 0px 3px 12px #444444;
|
|
height:82px;
|
|
margin:0px;
|
|
}
|
|
|
|
|