Difference between revisions of "Template:Team:BostonU/CSS"
| (39 intermediate revisions by 2 users not shown) | |||
| Line 11: | Line 11: | ||
padding-top: 60px; | padding-top: 60px; | ||
padding-bottom: 100px; | padding-bottom: 100px; | ||
| + | font-style: Arial,'Helvetica Neue', Helvetica, sans-serif; | ||
| + | |||
} | } | ||
| Line 24: | Line 26: | ||
p, ul, ol, li { | p, ul, ol, li { | ||
| − | text-family: Helvetica; | + | text-family:Arial,'Helvetica Neue', Helvetica, sans-serif; |
text-align: left; | text-align: left; | ||
margin-left:100px; | margin-left:100px; | ||
| Line 33: | Line 35: | ||
| − | + | table { | |
| − | + | background: transparent; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| Line 61: | Line 46: | ||
text-align: center; | text-align: center; | ||
background: #333333; | background: #333333; | ||
| − | font-family: | + | font-family: Arial,'Helvetica Neue', Helvetica, sans-serif; |
font-size: 11px; | font-size: 11px; | ||
clear: both; | clear: both; | ||
| Line 69: | Line 54: | ||
#topbar { | #topbar { | ||
| + | font-style: Arial,'Helvetica Neue', Helvetica, sans-serif; | ||
height: 150px; | height: 150px; | ||
background-color: #333333; | background-color: #333333; | ||
| Line 91: | Line 77: | ||
display: block; | display: block; | ||
float: left; | float: left; | ||
| + | font-style: Arial,'Helvetica Neue', Helvetica, sans-serif; | ||
height: 28px; | height: 28px; | ||
margin: 0px 0px 0px 0px; | margin: 0px 0px 0px 0px; | ||
| Line 96: | Line 83: | ||
padding: 9px 15px 0px 15px; | padding: 9px 15px 0px 15px; | ||
text-align: center; | text-align: center; | ||
| − | font-family: Helvetica; | + | font-family: Arial,'Helvetica Neue', Helvetica, sans-serif; |
font-size: 15px; | font-size: 15px; | ||
font-weight: bold; | font-weight: bold; | ||
| Line 133: | Line 120: | ||
.header title { | .header title { | ||
font-size: 25px; | font-size: 25px; | ||
| − | font-family: Helvetica; | + | font-family: Arial,'Helvetica Neue', Helvetica, sans-serif; |
float: left; | float: left; | ||
width: 525px; | width: 525px; | ||
| Line 146: | Line 133: | ||
.header title a { | .header title a { | ||
font-size: 28px; | font-size: 28px; | ||
| − | font-family: | + | font-family: Arial,'Helvetica Neue', Helvetica, sans-serif; |
float: left; | float: left; | ||
width: 500px; | width: 500px; | ||
| Line 158: | Line 145: | ||
background-color:#E2E2FF; | background-color:#E2E2FF; | ||
| − | font: 15px/23px Helvetica; | + | font: 15px/23px Arial,'Helvetica Neue', Helvetica, sans-serif; |
| − | font-family: | + | font-family: Arial,'Helvetica Neue', Helvetica, sans-serif; |
text-align:left; | text-align:left; | ||
padding-bottom: 60px; | padding-bottom: 60px; | ||
| Line 173: | Line 160: | ||
.h0 h2 a { | .h0 h2 a { | ||
| − | + | font-style: Arial,'Helvetica Neue', Helvetica, sans-serif; | |
font-size:48px; | font-size:48px; | ||
font-color: green; | font-color: green; | ||
| Line 262: | Line 249: | ||
#menubar a:link, #menubar a:visited { /*-- styling for default menu bar links (edit, page, history, etc.) --*/ | #menubar a:link, #menubar a:visited { /*-- styling for default menu bar links (edit, page, history, etc.) --*/ | ||
| + | font-style: Arial,'Helvetica Neue', Helvetica, sans-serif; | ||
color:#FFF; | color:#FFF; | ||
text-decoration: none; | text-decoration: none; | ||
| − | background-color: | + | background-color: blue; |
} | } | ||
| Line 275: | Line 263: | ||
* { | * { | ||
| − | font-family: | + | font-family: Arial,'Helvetica Neue', Helvetica, sans-serif; |
-webkit-font-smoothing: antialiased; | -webkit-font-smoothing: antialiased; | ||
-webkit-box-sizing: border-box; | -webkit-box-sizing: border-box; | ||
| Line 295: | Line 283: | ||
} | } | ||
| + | |||
| + | /*a:link { | ||
| + | color: #006699; | ||
| + | font-weight=500; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | a:visited { | ||
| + | text-decoration: none; | ||
| + | font-weight=500; | ||
| + | color: #006699; | ||
| + | }*/ | ||
| + | |||
a:link { | a:link { | ||
color: #C5C5E6; | color: #C5C5E6; | ||
| Line 311: | Line 311: | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
| + | |||
.title{ | .title{ | ||
| Line 458: | Line 459: | ||
/* main level link */ | /* main level link */ | ||
#nav a { | #nav a { | ||
| − | font- | + | font-style: Arial,'Helvetica Neue', Helvetica, sans-serif; |
font-size:10pt; | font-size:10pt; | ||
font-weight:600; | font-weight:600; | ||
| Line 471: | Line 472: | ||
/*responsible for dividers between taskbar tabs*/ | /*responsible for dividers between taskbar tabs*/ | ||
ul#nav > li > a { | ul#nav > li > a { | ||
| + | font-style: Arial,'Helvetica Neue', Helvetica, sans-serif; | ||
line-height:10px; | line-height:10px; | ||
border-left:solid 3px #E2E2FF; | border-left:solid 3px #E2E2FF; | ||
| Line 487: | Line 489: | ||
/*changes color of text when hovering over link*/ | /*changes color of text when hovering over link*/ | ||
#nav .current a, #nav li:hover > a { | #nav .current a, #nav li:hover > a { | ||
| − | color: #FFF; | + | font-style: Arial,'Helvetica Neue', Helvetica, sans-serif; |
| + | color: #FFF; | ||
border-color: #F79042; | border-color: #F79042; | ||
/*#F79042*/ | /*#F79042*/ | ||
| Line 496: | Line 499: | ||
/*background image is the thing that dictates the color of the dropdown menu*/ | /*background image is the thing that dictates the color of the dropdown menu*/ | ||
#nav ul li:hover a , #nav li:hover li a{ | #nav ul li:hover a , #nav li:hover li a{ | ||
| − | border-color: # | + | border-color: #F79042; |
| − | background-image:url( | + | background-image:url('https://static.igem.org/mediawiki/2015/3/35/Dropdown_box_kate.png'); |
background-repeat:repeat; | background-repeat:repeat; | ||
color:#FFF; | color:#FFF; | ||
| Line 514: | Line 517: | ||
opacity:1; | opacity:1; | ||
margin:0; | margin:0; | ||
| − | background-color: | + | font-style: Arial,'Helvetica Neue', Helvetica, sans-serif; |
| + | background-color: transparent; | ||
z-index:0; | z-index:0; | ||
border-color: #E2E2FF; | border-color: #E2E2FF; | ||
| Line 565: | Line 569: | ||
| + | #box { | ||
| + | 02 | ||
| + | float: left; | ||
| + | 03 | ||
| + | height: 100px; | ||
| + | 04 | ||
| + | width: 350px; | ||
| + | 05 | ||
| + | margin: 20px; | ||
| + | 06 | ||
| + | padding: 10px; | ||
| + | 07 | ||
| + | border: solid; | ||
| + | 08 | ||
| + | border-radius: 10px; | ||
| + | 09 | ||
| + | background: #000; | ||
| + | 10 | ||
| + | } | ||
| Line 699: | Line 722: | ||
} | } | ||
} | } | ||
| + | |||
| + | |||
| + | .button { | ||
| + | background-color:#7892c2; | ||
| + | -moz-border-radius:42px; | ||
| + | -webkit-border-radius:42px; | ||
| + | border-radius:42px; | ||
| + | display:inline-block; | ||
| + | cursor:pointer; | ||
| + | color:#ffffff; | ||
| + | font-style: Arial,'Helvetica Neue', Helvetica, sans-serif; | ||
| + | font-family:"Trebuchet MS", Helvetica, sans-serif; | ||
| + | font-size:28px; | ||
| + | padding:20px 50px; | ||
| + | text-decoration:none; | ||
| + | top-margin:30px; | ||
| + | } | ||
| + | .button:hover { | ||
| + | background-color:#476e9e; | ||
| + | } | ||
| + | .button:active { | ||
| + | position:relative; | ||
| + | top:1px; | ||
| + | } | ||
| + | |||
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { | @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { | ||
| Line 706: | Line 754: | ||
} | } | ||
} | } | ||
| + | |||
Latest revision as of 22:39, 18 September 2015