Difference between revisions of "Template:TU Darmstadt/CSS"

 
(43 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: 4em 0 2em 0;
+
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);*/
−
                                 margin-top: 0;
+
-moz-transform: translateX(-23em);
 +
-webkit-transform: translateX(-23em);
 +
-ms-transform: translateX(-23em);
 +
transform: translateX(-23em);
 +
                                display: block;
 +
                                top: 17px;
 +
                                position: fixed;
 +
                                 margin-top: 1px;
 
}
 
}
  
Line 3,235: 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,252: Line 3,299:
 
display: none;
 
display: none;
 
}
 
}
 +
 +
                        header.major h2.projectTitle{
 +
                        font-size:3em;
 +
                        }
  
 
h2 {
 
h2 {
Line 3,311: 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:none;
+
                                 /*display:block;*/
 
}
 
}
  
Line 3,391: 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);*/
−
                                 margin-top: 0;
+
-moz-transform: translateX(-17em);
 +
-webkit-transform: translateX(-17em);
 +
-ms-transform: translateX(-17em);
 +
transform: translateX(-17em);
 +
                                display: block;
 +
                                top: 17px;
 +
                                position: fixed;
 +
                                 margin-top: 1px;
 
}
 
}
 +
 +
                        body.header-visible #header{
 +
width: 17em;
 +
                                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,413: Line 3,484:
 
font-size: 12pt;
 
font-size: 12pt;
 
}
 
}
 +
 +
                        header.major h2.projectTitle{
 +
                        font-size:2.5em;
 +
                        }
  
 
/* List */
 
/* List */
Line 3,461: Line 3,536:
 
padding: 0;
 
padding: 0;
 
                                 button:focus {outline:0;};
 
                                 button:focus {outline:0;};
 +
}
 +
 +
                /* Header */
 +
 +
#header {
 +
width: 12em;
 +
-moz-transform: translateX(12em);
 +
-webkit-transform: translateX(12em);
 +
-ms-transform: translateX(12em);
 +
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;
 +
                                /*display:block;*/
 +
}
 +
 +
#header > header {
 +
padding: 1.5em 2% 0.75em 2%;
 +
}
 +
 +
#header > header .avatar {
 +
margin: 0 auto 0.75em auto;
 +
width: 75%;
 +
}
 +
 +
#header > header h1 {
 +
font-size: 1.5em;
 +
}
 +
 +
#header > header p {
 +
margin: 1em 0 0 0;
 +
}
 +
 +
#header > footer {
 +
padding: 1.5em 10%;
 +
}
 +
 +
                /* Off-Canvas Navigation */
 +
 +
#titleBar .toggle {
 +
height: 4em;
 +
width: 6em;
 +
}
 +
 +
#titleBar .toggle:before {
 +
font-size: 14px;
 +
width: 44px;
 +
}
 +
 +
/*body.header-visible #wrapper, body.header-visible #titleBar {
 +
-moz-transform: translateX(-12em);
 +
-webkit-transform: translateX(-12em);
 +
-ms-transform: translateX(-12em);
 +
transform: translateX(-12em);
 +
}*/
 +
body.header-visible #wrapper{
 +
-moz-transform: translateX(-12em);
 +
-webkit-transform: translateX(-12em);
 +
-ms-transform: translateX(-12em);
 +
transform: translateX(-12em);
 +
}
 +
                        body.header-visible #header{
 +
-moz-transform: translateX(0);
 +
-webkit-transform: translateX(0);
 +
-ms-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;
 +
width: 12em;
 +
}
 +
body.header-visible #titleBar {
 +
/*-moz-transform: translateX(0);
 +
-webkit-transform: translateX(0);
 +
-ms-transform: translateX(0);
 +
transform: translateX(0);*/
 +
-moz-transform: translateX(-12em);
 +
-webkit-transform: translateX(-12em);
 +
-ms-transform: translateX(-12em);
 +
transform: translateX(-12em);
 +
                                display: block;
 +
                                top: 17px;
 +
                                position: fixed;
 +
                                margin-top: 1px;
 
}
 
}
  

Latest revision as of 22:08, 31 October 2017