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

 
(51 intermediate revisions by 2 users not shown)
Line 28: Line 28:
 
}
 
}
  
 +
 +
.icon {
 +
  padding-left: 1rem;
 +
  padding-right: 1rem;
 +
}
 +
 +
.frontpage-text {
 +
  font-size: 30px !important;
 +
  text-align: center;
 +
  color: #61586f;
 +
  }
 
    
 
    
  
Line 33: Line 44:
 
     color: white;
 
     color: white;
 
}
 
}
 +
 +
a.btn:visited {
 +
  color: #fafafa !important;
 +
}
 +
 +
a.ntnu_dropbtn:visited { color: white }
 +
  
 
.ntnu_menu_option {
 
.ntnu_menu_option {
Line 59: 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 96: Line 114:
 
html, body {
 
html, body {
 
     max-width: 100%;
 
     max-width: 100%;
−
    overflow-x: hidden;
 
 
}
 
}
  
Line 110: 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 135: 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;
 
}
 
}
  
Line 145: Line 211:
 
   font-weight: bold;
 
   font-weight: bold;
 
   padding: 5px;
 
   padding: 5px;
 +
}
 +
 +
.italic {
 +
  font-style: italic;
 
}
 
}
  
Line 154: Line 224:
 
.hp-color { color: #006194 }
 
.hp-color { color: #006194 }
 
.ack-color { color: #A293A5 }
 
.ack-color { color: #A293A5 }
−
.jamboree-color { color: #ff5796 }
+
.jamboree-color { color: #a53255 }
−
.timeline-color-left { color: #16a9b4; background-color: white; line-height: 140% !important;}
+
.timeline-color-left { color: #16a9b4; background-color: white; line-height: 140% !important; }
 
.timeline-color-right { color: #006194; background-color: white; line-height: 140% !important;}
 
.timeline-color-right { color: #006194; background-color: white; line-height: 140% !important;}
 
.gold-color { color: #D4AF37 }
 
.gold-color { color: #D4AF37 }
−
.silver-color {color: #C0C0C0 }
+
.silver-color {color: #b3b3b3 }
 
.bronze-color {color: #cd7f32 }
 
.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 170: Line 241:
 
   font-weight: bold;
 
   font-weight: bold;
 
}  /* I prinsippet den samme som h3 ----*/
 
}  /* I prinsippet den samme som h3 ----*/
 +
  
 
.headertext {
 
.headertext {
Line 211: Line 283:
 
   width: 100%; /* Full width */
 
   width: 100%; /* Full width */
 
   z-index: 7;
 
   z-index: 7;
 +
 
 
}
 
}
  
Line 350: 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;
 
}
 
}
  
Line 422: Line 497:
 
.protocol-category {
 
.protocol-category {
 
   font-size: 20px;
 
   font-size: 20px;
 +
  font-weight: bold;
 
}
 
}
  
Line 502: Line 578:
 
   padding: 0;
 
   padding: 0;
 
  }
 
  }
−
 
+
.container {
 +
  width: 90% !important;
 +
}
  
 
}
 
}

Latest revision as of 09:43, 15 October 2018