(26 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style> | <style> | ||
+ | svg > text > tspan > a{ | ||
+ | color:#d4043bff; | ||
+ | } | ||
+ | /*object > #svgFlow > image{ | ||
+ | opacity:0.5; | ||
+ | pointer-events:all; | ||
+ | } | ||
+ | object > #svgFlow > image:hover{ | ||
+ | opacity:1; | ||
+ | pointer-events:all; | ||
+ | cursor:pointer; | ||
+ | }*/ | ||
/* austesten und später sortieren */ | /* austesten und später sortieren */ | ||
/*#one .post-it p{ | /*#one .post-it p{ | ||
Line 2,011: | Line 2,023: | ||
font-size: 2em; | font-size: 2em; | ||
} | } | ||
+ | |||
+ | header.major h2.projectTitle{ | ||
+ | font-size:4.2em; | ||
+ | } | ||
header.major h2 + p { | header.major h2 + p { | ||
Line 2,331: | Line 2,347: | ||
margin: 0 0 2.25em 0; | margin: 0 0 2.25em 0; | ||
padding-left: 1em; | padding-left: 1em; | ||
+ | } | ||
+ | |||
+ | #main ul { | ||
+ | font-size: 12pt; | ||
} | } | ||
Line 2,963: | Line 2,983: | ||
color: #c0c0c0; | color: #c0c0c0; | ||
overflow: hidden; | overflow: hidden; | ||
− | padding: | + | padding: 0em 0 0em 0; |
+ | |||
} | } | ||
+ | |||
+ | #footer p{ | ||
+ | font-size:1em; | ||
+ | } | ||
#footer .copyright { | #footer .copyright { | ||
Line 2,999: | Line 3,024: | ||
font-size: 13pt; | font-size: 13pt; | ||
} | } | ||
+ | header.major h2.projectTitle{ | ||
+ | font-size:4.2em; | ||
+ | } | ||
/* Header */ | /* Header */ | ||
Line 3,037: | Line 3,065: | ||
font-size: 11pt; | font-size: 11pt; | ||
} | } | ||
+ | header.major h2.projectTitle{ | ||
+ | font-size:4.2em; | ||
+ | } | ||
/* Header */ | /* Header */ | ||
Line 3,069: | Line 3,100: | ||
font-size: 12pt; | font-size: 12pt; | ||
} | } | ||
+ | header.major h2.projectTitle{ | ||
+ | font-size:4em; | ||
+ | } | ||
/* Image */ | /* Image */ | ||
Line 3,091: | Line 3,125: | ||
-ms-transition: -ms-transform 0.5s ease; | -ms-transition: -ms-transform 0.5s ease; | ||
transition: transform 0.5s ease; | transition: transform 0.5s ease; | ||
− | display: block; | + | /*display: block;*/ |
height: 100%; | height: 100%; | ||
overflow-y: auto; | overflow-y: auto; | ||
Line 3,223: | Line 3,257: | ||
} | } | ||
body.header-visible #titleBar { | body.header-visible #titleBar { | ||
− | -moz-transform: translateX(0); | + | /*-moz-transform: translateX(0); |
-webkit-transform: translateX(0); | -webkit-transform: translateX(0); | ||
-ms-transform: translateX(0); | -ms-transform: translateX(0); | ||
− | transform: translateX(0); | + | transform: translateX(0);*/ |
+ | -moz-transform: translateX(-23em); | ||
+ | -webkit-transform: translateX(-23em); | ||
+ | -ms-transform: translateX(-23em); | ||
+ | transform: translateX(-23em); | ||
display: block; | display: block; | ||
− | top: | + | top: 17px; |
position: fixed; | position: fixed; | ||
margin-top: 1px; | margin-top: 1px; | ||
Line 3,238: | Line 3,276: | ||
-ms-transform: translateX(0); | -ms-transform: translateX(0); | ||
transform: translateX(0); | transform: translateX(0); | ||
+ | display: block; | ||
+ | width: 23em; | ||
+ | -moz-transition: -moz-transform 0.5s ease; | ||
+ | -webkit-transition: -webkit-transform 0.5s ease; | ||
+ | -ms-transition: -ms-transform 0.5s ease; | ||
+ | transition: transform 0.5s ease; | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
Line 3,264: | Line 3,299: | ||
display: none; | display: none; | ||
} | } | ||
+ | |||
+ | header.major h2.projectTitle{ | ||
+ | font-size:3em; | ||
+ | } | ||
h2 { | h2 { | ||
Line 3,323: | Line 3,362: | ||
-ms-transform: translateX(17em); | -ms-transform: translateX(17em); | ||
transform: translateX(17em); | transform: translateX(17em); | ||
+ | -moz-transition: -moz-transform 0.5s ease; | ||
+ | -webkit-transition: -webkit-transform 0.5s ease; | ||
+ | -ms-transition: -ms-transform 0.5s ease; | ||
+ | transition: transform 0.5s ease; | ||
right: 0; | right: 0; | ||
− | display:block; | + | /*display:block;*/ |
} | } | ||
Line 3,403: | Line 3,446: | ||
} | } | ||
body.header-visible #titleBar { | body.header-visible #titleBar { | ||
− | -moz-transform: translateX(0); | + | /*-moz-transform: translateX(0); |
-webkit-transform: translateX(0); | -webkit-transform: translateX(0); | ||
-ms-transform: translateX(0); | -ms-transform: translateX(0); | ||
− | transform: translateX(0); | + | transform: translateX(0);*/ |
+ | -moz-transform: translateX(-17em); | ||
+ | -webkit-transform: translateX(-17em); | ||
+ | -ms-transform: translateX(-17em); | ||
+ | transform: translateX(-17em); | ||
display: block; | display: block; | ||
− | top: | + | top: 17px; |
position: fixed; | position: fixed; | ||
margin-top: 1px; | margin-top: 1px; | ||
} | } | ||
− | body.header- | + | |
− | -moz- | + | body.header-visible #header{ |
− | -webkit- | + | width: 17em; |
− | -ms- | + | display:block; |
− | + | -moz-transition: -moz-transform 0.5s ease; | |
− | + | -webkit-transition: -webkit-transform 0.5s ease; | |
− | + | -ms-transition: -ms-transform 0.5s ease; | |
− | + | transition: transform 0.5s ease; | |
− | + | } | |
− | + | ||
} | } | ||
Line 3,438: | Line 3,484: | ||
font-size: 12pt; | font-size: 12pt; | ||
} | } | ||
+ | |||
+ | header.major h2.projectTitle{ | ||
+ | font-size:2.5em; | ||
+ | } | ||
/* List */ | /* List */ | ||
Line 3,491: | Line 3,541: | ||
#header { | #header { | ||
− | width: | + | width: 12em; |
− | -moz-transform: translateX( | + | -moz-transform: translateX(12em); |
− | -webkit-transform: translateX( | + | -webkit-transform: translateX(12em); |
− | -ms-transform: translateX( | + | -ms-transform: translateX(12em); |
− | transform: translateX( | + | transform: translateX(12em); |
+ | -moz-transition: -moz-transform 0.5s ease; | ||
+ | -webkit-transition: -webkit-transform 0.5s ease; | ||
+ | -ms-transition: -ms-transform 0.5s ease; | ||
+ | transition: transform 0.5s ease; | ||
right: 0; | right: 0; | ||
− | display:block; | + | /*display:block;*/ |
} | } | ||
Line 3,534: | Line 3,588: | ||
/*body.header-visible #wrapper, body.header-visible #titleBar { | /*body.header-visible #wrapper, body.header-visible #titleBar { | ||
− | -moz-transform: translateX(- | + | -moz-transform: translateX(-12em); |
− | -webkit-transform: translateX(- | + | -webkit-transform: translateX(-12em); |
− | -ms-transform: translateX(- | + | -ms-transform: translateX(-12em); |
− | transform: translateX(- | + | transform: translateX(-12em); |
}*/ | }*/ | ||
body.header-visible #wrapper{ | body.header-visible #wrapper{ | ||
− | -moz-transform: translateX(- | + | -moz-transform: translateX(-12em); |
− | -webkit-transform: translateX(- | + | -webkit-transform: translateX(-12em); |
− | -ms-transform: translateX(- | + | -ms-transform: translateX(-12em); |
− | transform: translateX(- | + | transform: translateX(-12em); |
} | } | ||
body.header-visible #header{ | body.header-visible #header{ | ||
Line 3,550: | Line 3,604: | ||
-ms-transform: translateX(0); | -ms-transform: translateX(0); | ||
transform: translateX(0); | transform: translateX(0); | ||
+ | -moz-transition: -moz-transform 0.5s ease; | ||
+ | -webkit-transition: -webkit-transform 0.5s ease; | ||
+ | -ms-transition: -ms-transform 0.5s ease; | ||
+ | transition: transform 0.5s ease; | ||
display: block; | display: block; | ||
+ | width: 12em; | ||
} | } | ||
body.header-visible #titleBar { | body.header-visible #titleBar { | ||
− | -moz-transform: translateX(0); | + | /*-moz-transform: translateX(0); |
-webkit-transform: translateX(0); | -webkit-transform: translateX(0); | ||
-ms-transform: translateX(0); | -ms-transform: translateX(0); | ||
− | transform: translateX(0); | + | transform: translateX(0);*/ |
+ | -moz-transform: translateX(-12em); | ||
+ | -webkit-transform: translateX(-12em); | ||
+ | -ms-transform: translateX(-12em); | ||
+ | transform: translateX(-12em); | ||
display: block; | display: block; | ||
− | top: | + | top: 17px; |
position: fixed; | position: fixed; | ||
margin-top: 1px; | margin-top: 1px; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 22:08, 31 October 2017