Difference between revisions of "Template:Team:TU Darmstadt/Viki"

Line 270: Line 270:
  
 
         #HQ_page table{
 
         #HQ_page table{
−
         margin-left:7vw;
+
         margin-left:7%;
 
         margin-right:auto;
 
         margin-right:auto;
 
         border:3px solid #019ac8;
 
         border:3px solid #019ac8;
 
         border-radius:6px;
 
         border-radius:6px;
 
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
 
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
−
         margin-bottom:5vh;
+
         margin-bottom:5rem;
 
         text-align:center;
 
         text-align:center;
 
         }
 
         }
Line 346: Line 346:
 
font-size: 16px;
 
font-size: 16px;
 
font-weight: 300;
 
font-weight: 300;
−
/*line-height: 1em;*/
+
/*line-height: 1rem;*/
 
}
 
}
  
Line 396: Line 396:
 
color:black;
 
color:black;
 
font-weight:300;
 
font-weight:300;
−
line-height:1.5em
+
line-height:1.5rem
 
}
 
}
 
 
Line 443: Line 443:
 
display:block;
 
display:block;
 
width:100%;
 
width:100%;
−
/*height:7vh;*/
 
 
z-index:9999;
 
z-index:9999;
 
position:static;
 
position:static;
−
box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.5);
+
box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);
 
}
 
}
 
 
Line 464: Line 463:
 
text-decoration: none;
 
text-decoration: none;
 
color: #ececec;  
 
color: #ececec;  
−
padding-right:2vw;
+
padding-right:2%;
 
display: block;
 
display: block;
 
border-bottom-style:none;
 
border-bottom-style:none;
Line 515: Line 514:
 
                 align-items:center;
 
                 align-items:center;
 
                 text-align:center;
 
                 text-align:center;
−
                 padding-left:2vw;
+
                 padding-left:2%;
 
                 font-family:calibri;
 
                 font-family:calibri;
 
         }
 
         }
Line 521: Line 520:
 
.computer ul li {
 
.computer ul li {
 
text-align:center;
 
text-align:center;
−
/*height: 7vh;*/
 
−
/*line-height: 2.5vh;*/
 
 
display:inline-block;
 
display:inline-block;
 
z-index:666;
 
z-index:666;
Line 535: Line 532:
 
/*.drop{
 
/*.drop{
 
width: auto;
 
width: auto;
−
position: absolute;
+
position:absolute;
 
display:none;
 
display:none;
 
padding-top:0;
 
padding-top:0;
−
margin-left:-1.5vw;
+
margin-left:-1.5%;
 
background-color:#333;
 
background-color:#333;
−
box-shadow: 0 1em 1em 0 rgba(0, 0, 0, 0.5);
+
box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.5);
 
z-index:333;
 
z-index:333;
−
margin-top:2.3vh;
+
margin-top:2.3rem;
 
}
 
}
 
 
Line 551: Line 548:
 
.drop li {
 
.drop li {
 
width: auto;
 
width: auto;
−
height: 6vh;
+
height: 6rem;
−
line-height: 2vh;
+
line-height: 2rem;
 
background-color:#333;
 
background-color:#333;
 
padding-left:clear;
 
padding-left:clear;
−
padding-left:1vw;
+
padding-left:1%;
−
padding-right:1vw;
+
padding-right:1%;
 
margin:0;
 
margin:0;
 
}
 
}
 
.drop a{
 
.drop a{
−
font-size: 2vh;
+
font-size: 2rem;
 
text-align: left;
 
text-align: left;
 
padding-left:0;
 
padding-left:0;
Line 584: Line 581:
 
cursor:pointer;
 
cursor:pointer;
 
text-align:left;
 
text-align:left;
−
margin-left:1vw;
+
margin-left:1%;
−
padding-top:0.3vh;
+
padding-top:0.3rem;
−
height:6vh;
+
height:6rem;
 
width:auto;
 
width:auto;
 
}
 
}
Line 598: Line 595:
 
cursor:pointer;
 
cursor:pointer;
 
margin-left:0;
 
margin-left:0;
−
padding-right:2vw;
+
padding-right:2%;
−
padding-left:2vw;
+
padding-left:2%;
 
text-align:left;
 
text-align:left;
 
position:absolute;
 
position:absolute;
Line 605: Line 602:
 
height:100vh;
 
height:100vh;
 
margin-top:0;
 
margin-top:0;
−
box-shadow: 0 1em 1em 0 rgba(0, 0, 0, 0.5);
+
box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.5);
 
}
 
}
 
 
Line 617: Line 614:
 
padding:0;
 
padding:0;
 
margin-bottom:0;
 
margin-bottom:0;
−
line-height: 3vh;
+
line-height:1.5rem;
 
}
 
}
 
 
Line 648: Line 645:
 
}
 
}
 
 
−
#computer.drop{
+
/*#computer.drop{
 
width: 100%;
 
width: 100%;
 
position: absolute;
 
position: absolute;
Line 654: Line 651:
 
background-color:#333;
 
background-color:#333;
 
padding-top:0;
 
padding-top:0;
−
margin-left:-1.5vw;
+
margin-left:-1.5%;
−
box-shadow: 0 1em 1em 0 rgba(0, 0, 0, 0.5);
+
box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.5);
 
z-index:333;
 
z-index:333;
 
}
 
}
Line 661: Line 658:
 
#computer > ul > li .drop li a{
 
#computer > ul > li .drop li a{
 
width: auto;
 
width: auto;
−
height: 6vh;
+
height: 6rem;
−
line-height: 2vh;
+
line-height: 1.5rem;
 
background-color:#333;
 
background-color:#333;
 
color:#ececec;
 
color:#ececec;
 
padding-left:clear;
 
padding-left:clear;
−
padding-left:0.5vw;
+
padding-left:0.5%;
 
margin:0;
 
margin:0;
 
}
 
}
 
#computer .drop a{
 
#computer .drop a{
−
font-size: 2vh;
+
font-size: 16px;
 
text-align: left;
 
text-align: left;
 
padding-left:0;
 
padding-left:0;
Line 680: Line 677:
 
text-decoration: none;
 
text-decoration: none;
 
color: white;  
 
color: white;  
−
}
+
}*/
 
 
 
#computer > ul > li > a:active{
 
#computer > ul > li > a:active{
Line 725: Line 722:
 
font-family:calibri;
 
font-family:calibri;
 
                 width:65vw;
 
                 width:65vw;
−
margin-left:7vw;
+
margin-left:7%;
 
float:left;
 
float:left;
 
                 font-family:calibri;
 
                 font-family:calibri;
Line 731: Line 728:
 
}
 
}
 
         .page_full{
 
         .page_full{
−
                 width:65vw;
+
                 width:65%;
−
                 margin-left:17.5vw;
+
                 margin-left:17.5%;
−
                 margin-right:17.5vw;
+
                 margin-right:17.5%;
 
                 float:none;
 
                 float:none;
 
                 font-family:calibri;
 
                 font-family:calibri;
Line 744: Line 741:
 
                 font-family:calibri;
 
                 font-family:calibri;
 
float:left;
 
float:left;
−
width:60.8vw;
+
width:60.8%;
 
height:auto;
 
height:auto;
 
border:3px solid #019ac8;
 
border:3px solid #019ac8;
Line 750: Line 747:
 
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
 
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
 
border-radius:6px;
 
border-radius:6px;
−
margin-bottom:2em;
+
margin-bottom:2rem;
−
padding:1rem 2vw;
+
padding:1rem 2%;
 
                 font-size:16px;
 
                 font-size:16px;
 
                 font-weight:bold;
 
                 font-weight:bold;
Line 776: Line 773:
 
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
 
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
 
border-radius:6px;
 
border-radius:6px;
−
margin-bottom:2em;
+
margin-bottom:2rem;
−
padding:1rem 2vw;
+
padding:1rem 2%;
 
                 font-size:16px;
 
                 font-size:16px;
 
                 font-weight:bold;
 
                 font-weight:bold;
Line 783: Line 780:
 
/*.abstractHP{
 
/*.abstractHP{
 
float:left;
 
float:left;
−
width:70vw;
+
width:70%;
 
margin-left:0;
 
margin-left:0;
 
height:auto;
 
height:auto;
Line 790: Line 787:
 
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
 
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
 
border-radius:6px;
 
border-radius:6px;
−
margin-bottom:5vh;
+
margin-bottom:5rem;
−
padding:1vh 3vw 1vh 3vw;
+
padding:1rem 3%;
 
}*/
 
}*/
 
 
Line 797: Line 794:
 
.rechts{
 
.rechts{
 
float:right;
 
float:right;
−
margin-right:7vw;
+
margin-right:7%;
−
width:14vw;
+
width:14%;
 
height:auto;
 
height:auto;
 
font-size:16px;
 
font-size:16px;
Line 810: Line 807:
 
margin-right:0;
 
margin-right:0;
 
height:auto;
 
height:auto;
−
                 width:13.6vw;
+
                 width:13.6%;
 
                 font-family:calibri;
 
                 font-family:calibri;
 
font-size:16px;
 
font-size:16px;
 
                 border-top:3px solid #019ac8;
 
                 border-top:3px solid #019ac8;
 
border-bottom:3px solid #019ac8;
 
border-bottom:3px solid #019ac8;
−
                 border-left:0.2vw solid #019ac8;
+
                 border-left:0.2% solid #019ac8;
−
                 border-right:0.2vw solid #019ac8;
+
                 border-right:0.2% solid #019ac8;
 
text-align:center;
 
text-align:center;
 
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
 
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
Line 846: Line 843:
 
 
 
.see_other{
 
.see_other{
−
width:14vw;
+
width:14%;
 
                 font-family:calibri;
 
                 font-family:calibri;
 
height:auto;
 
height:auto;
Line 872: Line 869:
 
height:auto;
 
height:auto;
 
                 font-family:calibri;
 
                 font-family:calibri;
−
                 width:14vw;
+
                 width:14%;
 
font-size:16px;
 
font-size:16px;
 
color:#ececec;
 
color:#ececec;
Line 892: Line 889:
 
      
 
      
 
.submenu{
 
.submenu{
−
width:30vw;
+
width:30%;
−
height:10vh;
+
height:10rem;
−
margin-left:34.5vw;
+
margin-left:34.5%;
 
background-color:white;
 
background-color:white;
 
text-align:center;
 
text-align:center;
−
margin-bottom:10vh;
+
margin-bottom:10rem;
 
}
 
}
 
 
 
.submenu_results{
 
.submenu_results{
−
width:90vw;
+
width:90%;
−
height:10vh;
+
height:10rem;
−
margin-left:5vw;
+
margin-left:5%;
 
background-color:white;
 
background-color:white;
 
margin-bottom:100px;
 
margin-bottom:100px;
Line 1,015: Line 1,012:
 
#content2{
 
#content2{
 
font-family:calibri;
 
font-family:calibri;
−
width:86vw;
+
width:86%;
−
margin-left:7vw;
+
margin-left:7%;
 
text-align:justify;
 
text-align:justify;
 
padding:0 0 0 0;
 
padding:0 0 0 0;
Line 1,023: Line 1,020:
 
font-size:16px;
 
font-size:16px;
 
font-family:calibri;
 
font-family:calibri;
−
width:30vw;
+
width:30%;
 
margin-left:0;
 
margin-left:0;
 
text-align:justify;
 
text-align:justify;
−
margin-bottom:5vh;
+
margin-bottom:5rem;
 
float:left;
 
float:left;
 
}
 
}
Line 1,036: Line 1,033:
 
text-align:justify;
 
text-align:justify;
 
float:right;
 
float:right;
−
margin-bottom:5vh;
+
margin-bottom:5rem;
 
}
 
}
 
.contentHP3{
 
.contentHP3{
Line 1,042: Line 1,039:
 
font-size:16px;
 
font-size:16px;
 
font-family:calibri;
 
font-family:calibri;
−
width:30vw;
+
width:30%;
 
margin-left:0;
 
margin-left:0;
 
text-align:justify;
 
text-align:justify;
 
float:left;
 
float:left;
−
margin-bottom:5vh;
+
margin-bottom:5rem;
 
}
 
}
 
 
 
.more_parts{
 
.more_parts{
−
width:86vw;
+
width:86%;
−
margin-left:7vw;
+
margin-left:7%;
 
background-color:white;
 
background-color:white;
 
margin-bottom:2rem;
 
margin-bottom:2rem;
Line 1,089: Line 1,086:
 
         #b{
 
         #b{
 
                 float:left;
 
                 float:left;
−
                 margin-left:5.5vw;
+
                 margin-left:5.5%;
 
         }
 
         }
  
Line 1,124: Line 1,121:
  
 
     .imageHP_r{
 
     .imageHP_r{
−
width:30vw;
+
width:30%;
 
height:auto;
 
height:auto;
 
margin-right:0;
 
margin-right:0;
 
float:right;
 
float:right;
−
margin-top:3.7vh;
+
margin-top:3.7rem;
 
}
 
}
 
.imageHP_l{
 
.imageHP_l{
−
width:30vw;
+
width:30%;
 
height:auto;
 
height:auto;
 
margin-left:0;
 
margin-left:0;
 
float:left;
 
float:left;
−
margin-top:3.5vh;
+
margin-top:3.5rem;
 
}
 
}
 
 
Line 1,147: Line 1,144:
 
}
 
}
 
#groupParts{
 
#groupParts{
−
margin-left:7vw;
+
margin-left:7%;
−
margin-right:7vw;
+
margin-right:7%;
−
width:86vw;
+
width:86%;
 
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
 
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
 
border:3px solid #019ac8;
 
border:3px solid #019ac8;
Line 1,170: Line 1,167:
 
}
 
}
 
th #t1{
 
th #t1{
−
width:7vw;
+
width:7%;
 
                 text-align:center;
 
                 text-align:center;
 
}
 
}
 
th #t2{
 
th #t2{
−
width:7vw;
+
width:7%;
 
}
 
}
 
th #t3{
 
th #t3{
−
width:7vw;
+
width:7%;
 
}
 
}
 
th #t4{
 
th #t4{
−
    width:11vw;
+
    width:11%;
 
}
 
}
 
th #t5{
 
th #t5{
−
width:16vw;
+
width:16%;
 
}
 
}
 
th #t6{
 
th #t6{
−
width:16vw;
+
width:16%;
 
}
 
}
 
th #t7{
 
th #t7{
−
width:16vw;
+
width:16%;
 
}
 
}
 
th #t8{
 
th #t8{
−
width:6vw;
+
width:6%;
 
}
 
}
 
/* Footer */
 
/* Footer */
Line 1,237: Line 1,234:
 
margin-bottom:0.5rem;
 
margin-bottom:0.5rem;
 
                 margin-top:0.5rem;
 
                 margin-top:0.5rem;
−
                 padding:5px 1vw;
+
                 padding:5px 1%;
 
                 font-family:calibri;
 
                 font-family:calibri;
 
}
 
}

Revision as of 17:40, 5 October 2016