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

 
(66 intermediate revisions by 2 users 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{
 
font-size:1em;
 
font-size:1em;
 
}*/
 
}*/
 +
#HQ_page table td{
 +
padding: 0.5em;
 +
}
 +
#HQ_page table.ref td{
 +
padding: 2px;
 +
}
 
summary{
 
summary{
 
font-size:1em;
 
font-size:1em;
Line 67: Line 85:
 
.container figcaption{
 
.container figcaption{
 
font-size:10pt;
 
font-size:10pt;
 +
line-height: 1.5em;
 +
text-align: left;
 +
margin-top: 0.75em;
 
}
 
}
 
.info-follow{
 
.info-follow{
Line 1,930: Line 1,951:
  
 
code {
 
code {
−
background: #555;
+
background: #ececec;
 
border-radius: 5px;
 
border-radius: 5px;
−
color: #fff;
+
color: #000;
 
font-family: "Source Code Pro", monospace;
 
font-family: "Source Code Pro", monospace;
 
font-size: 0.9em;
 
font-size: 0.9em;
Line 2,002: 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,322: 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,336: Line 2,365:
 
border-top: solid 2px #f4f4f4;
 
border-top: solid 2px #f4f4f4;
 
padding: 0.5em 0;
 
padding: 0.5em 0;
 +
                                font-size: 0.8em;
 
}
 
}
  
Line 2,476: Line 2,506:
 
-webkit-overflow-scrolling: touch;
 
-webkit-overflow-scrolling: touch;
 
overflow-x: auto;
 
overflow-x: auto;
−
                 font-size: 12pt;
+
                 /*font-size: 12pt;*/
 
}
 
}
  
Line 2,483: Line 2,513:
 
width: 100%;
 
width: 100%;
 
                 font-size: 12pt;
 
                 font-size: 12pt;
 +
}
 +
        table.ref {
 +
margin: 0 0 2.25em 0;
 +
width: 100%;
 +
                font-size: 8pt;
 
}
 
}
  
Line 2,506: Line 2,541:
 
text-align: left;
 
text-align: left;
 
}
 
}
 +
                table.ref th {
 +
color: #777;
 +
font-size: 8pt;
 +
font-weight: 700;
 +
padding: 0 0.75em 0.75em 0.75em;
 +
text-align: left;
 +
}
 +
                table.ref td{
 +
                        padding: 2px;
 +
                }
  
 
table thead {
 
table thead {
Line 2,938: 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,974: Line 3,024:
 
font-size: 13pt;
 
font-size: 13pt;
 
}
 
}
 +
                        header.major h2.projectTitle{
 +
                        font-size:4.2em;
 +
                        }
  
 
/* Header */
 
/* Header */
Line 3,012: Line 3,065:
 
font-size: 11pt;
 
font-size: 11pt;
 
}
 
}
 +
                        header.major h2.projectTitle{
 +
                        font-size:4.2em;
 +
                        }
  
 
/* Header */
 
/* Header */
Line 3,044: Line 3,100:
 
font-size: 12pt;
 
font-size: 12pt;
 
}
 
}
 +
                        header.major h2.projectTitle{
 +
                        font-size:4em;
 +
                        }
  
 
/* Image */
 
/* Image */
Line 3,066: 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;
 
position: fixed;
 
position: fixed;
 
top: 0;
 
top: 0;
−
width: 40%;
+
width: 23em;
 
z-index: 10002;
 
z-index: 10002;
 
-moz-transform: translateX(23em);
 
-moz-transform: translateX(23em);
Line 3,185: Line 3,244:
 
}
 
}
  
−
body.header-visible #wrapper, body.header-visible #titleBar {
+
/*body.header-visible #wrapper, body.header-visible #titleBar {
−
/*-moz-transform: translateX(-23em);
+
-moz-transform: translateX(-23em);
 
-webkit-transform: translateX(-23em);
 
-webkit-transform: translateX(-23em);
 
-ms-transform: translateX(-23em);
 
-ms-transform: translateX(-23em);
−
transform: translateX(-23em);*/
+
transform: translateX(-23em);
−
                                -moz-transform: translateX(-40%);
+
}*/
−
-webkit-transform: translateX(-40%);
+
body.header-visible #wrapper {
−
-ms-transform: translateX(-40%);
+
-moz-transform: translateX(-23em);
−
transform: translateX(-40%);
+
-webkit-transform: translateX(-23em);
 +
-ms-transform: translateX(-23em);
 +
transform: translateX(-23em);
 +
}
 +
body.header-visible #titleBar {
 +
/*-moz-transform: translateX(0);
 +
-webkit-transform: translateX(0);
 +
-ms-transform: translateX(0);
 +
transform: translateX(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,201: 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,218: Line 3,299:
 
display: none;
 
display: none;
 
}
 
}
 +
 +
                        header.major h2.projectTitle{
 +
                        font-size:3em;
 +
                        }
  
 
h2 {
 
h2 {
Line 3,272: Line 3,357:
  
 
#header {
 
#header {
−
width: 50%;
+
width: 17em;
−
/*-moz-transform: translateX(17em);
+
-moz-transform: translateX(17em);
 
-webkit-transform: translateX(17em);
 
-webkit-transform: translateX(17em);
 
-ms-transform: translateX(17em);
 
-ms-transform: translateX(17em);
−
transform: translateX(17em);*/
+
transform: translateX(17em);
−
                                 -moz-transform: translateX(50%);
+
                                 -moz-transition: -moz-transform 0.5s ease;
−
-webkit-transform: translateX(50%);
+
-webkit-transition: -webkit-transform 0.5s ease;
−
-ms-transform: translateX(50%);
+
-ms-transition: -ms-transform 0.5s ease;
−
transform: translateX(50%);
+
transition: transform 0.5s ease;
 
right: 0;
 
right: 0;
−
                                 display:none;
+
                                 /*display:block;*/
 
}
 
}
  
Line 3,348: Line 3,433:
 
}
 
}
  
−
body.header-visible #wrapper, body.header-visible #titleBar {
+
/*body.header-visible #wrapper, body.header-visible #titleBar {
 +
-moz-transform: translateX(-17em);
 +
-webkit-transform: translateX(-17em);
 +
-ms-transform: translateX(-17em);
 +
transform: translateX(-17em);
 +
}*/
 +
body.header-visible #wrapper{
 
-moz-transform: translateX(-17em);
 
-moz-transform: translateX(-17em);
 
-webkit-transform: translateX(-17em);
 
-webkit-transform: translateX(-17em);
Line 3,354: Line 3,445:
 
transform: translateX(-17em);
 
transform: translateX(-17em);
 
}
 
}
 +
body.header-visible #titleBar {
 +
/*-moz-transform: translateX(0);
 +
-webkit-transform: translateX(0);
 +
-ms-transform: translateX(0);
 +
transform: translateX(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,370: Line 3,484:
 
font-size: 12pt;
 
font-size: 12pt;
 
}
 
}
 +
 +
                        header.major h2.projectTitle{
 +
                        font-size:2.5em;
 +
                        }
  
 
/* List */
 
/* List */
Line 3,418: 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