Difference between revisions of "Team:NTNU Trondheim/Style"

 
(139 intermediate revisions by 2 users not shown)
Line 10: Line 10:
  
 
body {
 
body {
−
   font-family: 'PT Sans', Arial, Verdana;
+
   font-family: 'Roboto', sans-serif;
 
   background-color: #eee;
 
   background-color: #eee;
 
   margin-bottom: 0px;
 
   margin-bottom: 0px;
Line 28: Line 28:
 
}
 
}
  
 +
 +
.icon {
 +
  padding-left: 1rem;
 +
  padding-right: 1rem;
 +
}
 +
 +
.frontpage-text {
 +
  font-size: 30px !important;
 +
  text-align: center;
 +
  color: #61586f;
 +
  }
 
    
 
    
  
Line 34: Line 45:
 
}
 
}
  
−
a:visited { color: white }
+
a.btn:visited {
 +
  color: #fafafa !important;
 +
}
 +
 
 +
a.ntnu_dropbtn:visited { color: white }
  
  
Line 62: Line 77:
 
li #menu-hp:hover {  background-color: #4286f4;  }
 
li #menu-hp:hover {  background-color: #4286f4;  }
 
li #menu-acknowledge:hover {  background-color: #a851db;  }
 
li #menu-acknowledge:hover {  background-color: #a851db;  }
−
li #menu-jamboree:hover {  background-color: #ff5796;  }
+
li #menu-jamboree:hover {  background-color: #a53255;  }
  
  
Line 99: Line 114:
 
html, body {
 
html, body {
 
     max-width: 100%;
 
     max-width: 100%;
−
    overflow-x: hidden;
 
 
}
 
}
  
Line 113: Line 127:
 
     box-sizing: border-box;
 
     box-sizing: border-box;
 
}
 
}
 +
 +
/* just for jsfiddle */
 +
@font-face {
 +
  font-family: 'Material Icons';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v18/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2');
 +
}
 +
 +
.material-icons {
 +
  font-family: 'Material Icons';
 +
  font-weight: normal;
 +
  font-style: normal;
 +
  font-size: 24px;
 +
  line-height: 1;
 +
  letter-spacing: normal;
 +
  text-transform: none;
 +
  display: inline-block;
 +
  white-space: nowrap;
 +
  word-wrap: normal;
 +
  direction: ltr;
 +
  -moz-font-feature-settings: 'liga';
 +
  -moz-osx-font-smoothing: grayscale;
 +
}
 +
 +
.middle-indicator{
 +
  position:absolute;
 +
  top:50%;
 +
  }
 +
  .middle-indicator-text{
 +
  font-size: 4.2rem;
 +
  }
 +
  a.middle-indicator-text{
 +
    color:#86858a !important;
 +
  }
 +
.content-indicator{
 +
    width: 64px;
 +
    height: 64px;
 +
    background: none;
 +
    -moz-border-radius: 50px;
 +
    -webkit-border-radius: 50px;
 +
    border-radius: 50px;
 +
  }
 +
  
 
.ntnu_block {
 
.ntnu_block {
Line 121: Line 179:
  
 
h1 {
 
h1 {
−
  color: #2c3e50;
 
 
   text-align: center;
 
   text-align: center;
−
  line-height: 160% !important;
 
 
   margin: 48px auto 0;
 
   margin: 48px auto 0;
 
   border-bottom: 0px;
 
   border-bottom: 0px;
−
   font-size: 40px !important;
+
   font-size: 35px !important;
 
   font-family: 'Lora', serif !important;
 
   font-family: 'Lora', serif !important;
 
   font-style: italic;
 
   font-style: italic;
−
  color: #FF5144;
 
 
   display: inline;
 
   display: inline;
 +
  width: 100%;
 
}
 
}
  
Line 140: Line 196:
 
   padding: 5px 0 5px 0;
 
   padding: 5px 0 5px 0;
 
   width: auto;
 
   width: auto;
 +
  text-align: center;
 +
}
 +
 +
h3 {
 +
  font-family: 'Lora', serif !important;
 +
}
 +
 +
h2.modal {
 +
  font-size: 20px !important;
 
}
 
}
  
Line 146: Line 211:
 
   font-weight: bold;
 
   font-weight: bold;
 
   padding: 5px;
 
   padding: 5px;
−
  line-height: 170% !important;
 
 
}
 
}
  
−
h2 span.team-color { background-color: #FF5144 }
+
.italic {
−
h2 span.project-color { background-color: #FF9C56 }
+
  font-style: italic;
−
h2 span.lab-color { background-color: #f8b732 }
+
}
−
h2 span.parts-color { background-color: #4CAF50 }
+
−
h2 span.interlabs-color { background-color: #5bc7d8 }
+
−
h2 span.hp-color { background-color: #4286f4 }
+
−
h2 span.ack-color { background-color: #A293A5 }
+
−
h2 span.jamboree-color { background-color: #ff5796}
+
  
 +
.team-color { color: #FF5144 }
 +
.project-color { color: #ff8a23 }
 +
.lab-color { color: #f8b732 }
 +
.parts-color { color: #4CAF50 }
 +
.interlabs-color { color: #5bc7d8 }
 +
.hp-color { color: #006194 }
 +
.ack-color { color: #A293A5 }
 +
.jamboree-color { color: #a53255 }
 +
.timeline-color-left { color: #16a9b4; background-color: white; line-height: 140% !important; }
 +
.timeline-color-right { color: #006194; background-color: white; line-height: 140% !important;}
 +
.gold-color { color: #D4AF37 }
 +
.silver-color {color: #b3b3b3 }
 +
.bronze-color {color: #cd7f32 }
  
 +
h2 span.timeline-color-left { text-align: left }
 +
h2 span.timeline-color-right { text-align: left }
  
 
/* Vanessa tester styles --------------------------------------------------------------*/
 
/* Vanessa tester styles --------------------------------------------------------------*/
Line 167: Line 241:
 
   font-weight: bold;
 
   font-weight: bold;
 
}  /* I prinsippet den samme som h3 ----*/
 
}  /* I prinsippet den samme som h3 ----*/
 +
  
 
.headertext {
 
.headertext {
Line 208: Line 283:
 
   width: 100%; /* Full width */
 
   width: 100%; /* Full width */
 
   z-index: 7;
 
   z-index: 7;
 +
 
 
}
 
}
  
Line 230: Line 306:
 
.container {
 
.container {
 
   padding-bottom: 70px !important;
 
   padding-bottom: 70px !important;
 +
  width: 55% !important;
 
}
 
}
  
Line 346: Line 423:
 
}
 
}
  
−
a.link {
+
.link {
 
   padding: 7px;
 
   padding: 7px;
 
   display: inline-block;
 
   display: inline-block;
−
   background-color: #fff;
+
   color: #e6e6e6;
−
  color: #FF5144;
+
 
}
 
}
  
−
a.link:hover {
+
.link:visited {
−
   background-color: #FF5144;
+
   color: #e6e6e6;
−
   color: #fff;
+
}
−
   font-weight: bold;
+
 
 +
.link:hover {
 +
   color: #FF5144;
 +
   text-decoration: none !important;
 
}
 
}
  
 
.home-box {
 
.home-box {
−
   padding: 50px 0 50px 0;
+
   padding: 50px 20px 50px 20px;
−
   border-bottom: solid 1px #1f1c24;
+
   border-bottom: solid 0.5px #1f1c24;
 
}
 
}
  
Line 379: Line 458:
 
p {
 
p {
 
   margin-top: 10px !important;
 
   margin-top: 10px !important;
 +
  font-size: 16px !important;
 +
  font-family: 'Roboto', sans-serif !important;
 
}
 
}
  
 +
.timeline-header-left {
 +
  position: absolute;
 +
  top: 45%;
 +
  right: 75%;
 +
  z-index: 1;
 +
  display: flex;
 +
}
  
 +
.timeline-header-right{
 +
  position: absolute;
 +
  top: 0%;
 +
  left: 75%;
 +
  z-index: 1;
 +
  display: flex;
 +
}
  
 +
.timeline img {
 +
  padding: 0 15% 0 15%;
 +
}
  
 +
.gold {
 +
  color: #EDB350;
 +
}
  
 +
timeline-header-left div {
 +
  float: left;
 +
}
  
 +
ul.modal-list li {
 +
  list-style-type: disc !important;
 +
  list-style-image: none !important;
 +
}
  
 +
.protocol-category {
 +
  font-size: 20px;
 +
  font-weight: bold;
 +
}
 +
 +
.protocol-title {
 +
  font-size: 18px;
 +
}
  
  
Line 458: Line 574:
  
 
  .mobile-home { display: block; }
 
  .mobile-home { display: block; }
 +
 +
.timeline img {
 +
  padding: 0;
 +
}
 +
.container {
 +
  width: 90% !important;
 +
}
  
 
}
 
}

Latest revision as of 09:43, 15 October 2018