(50 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 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: # | + | li #menu-jamboree:hover { background-color: #a53255; } |
Line 99: | Line 114: | ||
html, body { | html, body { | ||
max-width: 100%; | max-width: 100%; | ||
− | |||
} | } | ||
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 138: | 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 148: | Line 211: | ||
font-weight: bold; | font-weight: bold; | ||
padding: 5px; | padding: 5px; | ||
+ | } | ||
+ | |||
+ | .italic { | ||
+ | font-style: italic; | ||
} | } | ||
Line 157: | Line 224: | ||
.hp-color { color: #006194 } | .hp-color { color: #006194 } | ||
.ack-color { color: #A293A5 } | .ack-color { color: #A293A5 } | ||
− | .jamboree-color { color: # | + | .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: # | + | .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 173: | Line 241: | ||
font-weight: bold; | font-weight: bold; | ||
} /* I prinsippet den samme som h3 ----*/ | } /* I prinsippet den samme som h3 ----*/ | ||
+ | |||
.headertext { | .headertext { | ||
Line 214: | Line 283: | ||
width: 100%; /* Full width */ | width: 100%; /* Full width */ | ||
z-index: 7; | z-index: 7; | ||
+ | |||
} | } | ||
Line 353: | Line 423: | ||
} | } | ||
− | + | .link { | |
padding: 7px; | padding: 7px; | ||
display: inline-block; | display: inline-block; | ||
− | + | color: #e6e6e6; | |
− | + | ||
} | } | ||
− | + | .link:visited { | |
− | + | color: #e6e6e6; | |
− | color: # | + | } |
− | + | ||
+ | .link:hover { | ||
+ | color: #FF5144; | ||
+ | text-decoration: none !important; | ||
} | } | ||
Line 425: | Line 497: | ||
.protocol-category { | .protocol-category { | ||
font-size: 20px; | font-size: 20px; | ||
+ | font-weight: bold; | ||
} | } | ||
Line 505: | Line 578: | ||
padding: 0; | padding: 0; | ||
} | } | ||
− | + | .container { | |
+ | width: 90% !important; | ||
+ | } | ||
} | } |
Latest revision as of 09:43, 15 October 2018