Difference between revisions of "Template:Team:Calgary/StyleSheets/styling.css"
| (74 intermediate revisions by the same user not shown) | |||
| Line 21: | Line 21: | ||
} | } | ||
| − | # | + | #Caption{ |
font-size: 14px !important; | font-size: 14px !important; | ||
text-align: center !important; | text-align: center !important; | ||
} | } | ||
| − | # | + | #Caption b{ |
| − | + | color: #000; | |
| − | + | ||
} | } | ||
| − | |||
#SocialMedia{ | #SocialMedia{ | ||
| Line 78: | Line 76: | ||
#HQ_page h2{ | #HQ_page h2{ | ||
| − | font-size: | + | font-size: 24px; |
color: #fcb633; | color: #fcb633; | ||
} | } | ||
| Line 121: | Line 119: | ||
#TwoCols img{ | #TwoCols img{ | ||
| + | vertical-align: top; | ||
display: inline-block; | display: inline-block; | ||
max-width: 45.5%; | max-width: 45.5%; | ||
| Line 128: | Line 127: | ||
#ThreeCols div{ | #ThreeCols div{ | ||
display: inline-block; | display: inline-block; | ||
| + | vertical-align: top; | ||
} | } | ||
#ThreeCols img{ | #ThreeCols img{ | ||
| + | vertical-align: top; | ||
max-width: 31%; | max-width: 31%; | ||
padding: 1%; | padding: 1%; | ||
| Line 137: | Line 138: | ||
#FourCols img{ | #FourCols img{ | ||
| + | vertical-align: top; | ||
display: inline-block; | display: inline-block; | ||
max-width: 24%; | max-width: 24%; | ||
| Line 149: | Line 151: | ||
top: 0; /* Position the navbar at the top of the page */ | top: 0; /* Position the navbar at the top of the page */ | ||
width: 70%; /* Full width */ | width: 70%; /* Full width */ | ||
| − | text-align: | + | text-align: left; |
margin-top: 1.5rem; | margin-top: 1.5rem; | ||
background-color: #d24f2b; | background-color: #d24f2b; | ||
| Line 161: | Line 163: | ||
background-size: 100%; | background-size: 100%; | ||
| − | background-position: 0px - | + | background-position: 0px -35px; |
} | } | ||
| Line 167: | Line 169: | ||
#TopBar li { | #TopBar li { | ||
list-style: none; | list-style: none; | ||
| + | } | ||
| + | |||
| + | #TopBar ul ul li{ | ||
| + | float: none; | ||
| + | position: relative; | ||
| + | font-family: 'Varela Round'; | ||
| + | color: #faece5; | ||
| + | font-weight: 900; | ||
| + | text-transform: uppercase; | ||
| + | } | ||
| + | |||
| + | #TopBar ul ul ul{ | ||
| + | position: absolute; | ||
| + | left: 100%; | ||
| + | top: 0; | ||
| + | margin: 0; | ||
} | } | ||
| Line 220: | Line 238: | ||
.toggle-menu{ | .toggle-menu{ | ||
display: none; | display: none; | ||
| + | } | ||
| + | |||
| + | #drop{ | ||
| + | margin-top: -1rem; | ||
} | } | ||
.toggle-drop{ | .toggle-drop{ | ||
display: none; | display: none; | ||
| + | } | ||
| + | |||
| + | .toggle-drop2{ | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | .logo{ | ||
| + | text-align:center; | ||
} | } | ||
| Line 258: | Line 288: | ||
box-shadow: 5px 5px 15px #DDDDDD; | box-shadow: 5px 5px 15px #DDDDDD; | ||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
.nav-list ul a{ | .nav-list ul a{ | ||
font-weight: normal; | font-weight: normal; | ||
| Line 282: | Line 308: | ||
display:none; | display:none; | ||
} | } | ||
| + | #drop2{ | ||
| + | display:none; | ||
| + | } | ||
| + | |||
| + | @media only screen and (max-width: 95.75rem){ | ||
| + | #TopBar{ | ||
| + | background-position: 0px -15px; | ||
| + | } | ||
| + | |||
@media only screen and (max-width: 58.75rem){ | @media only screen and (max-width: 58.75rem){ | ||
| Line 342: | Line 377: | ||
padding: 0.5rem; | padding: 0.5rem; | ||
margin: 0; | margin: 0; | ||
| − | width: | + | width: 97%; |
} | } | ||
| Line 392: | Line 427: | ||
} | } | ||
| + | .toggle-drop2{ | ||
| + | display: block; | ||
| + | } | ||
.nav-list{ | .nav-list{ | ||
display: block; | display: block; | ||
| Line 406: | Line 444: | ||
.active{ | .active{ | ||
| + | max-height: 100%; | ||
| + | overflow: auto; | ||
| + | } | ||
| + | |||
| + | .active2{ | ||
max-height: 100%; | max-height: 100%; | ||
overflow: auto; | overflow: auto; | ||
| Line 425: | Line 468: | ||
padding-right: 0rem; | padding-right: 0rem; | ||
} | } | ||
| + | |||
| + | #TopBar ul ul li{ | ||
| + | float: initial; | ||
| + | position: initial; | ||
| + | } | ||
| + | |||
| + | #TopBar ul ul ul{ | ||
| + | position: initial; | ||
| + | left: initial; | ||
| + | top: initial; | ||
| + | margin: initial; | ||
| + | padding-left: 1rem; | ||
| + | } | ||
| + | |||
#InfoBox{ | #InfoBox{ | ||
| Line 440: | Line 497: | ||
font-size: 16px; | font-size: 16px; | ||
font-family: 'Karla', sans-serif; | font-family: 'Karla', sans-serif; | ||
| + | } | ||
| + | |||
| + | #bodyContent h2 { | ||
| + | margin-bottom: .6em; | ||
| + | margin-top: 0.6em; | ||
| + | } | ||
| + | |||
| + | |||
| + | load.php?debug=…&skin=igem&*:1 | ||
| + | #bodyContent a[href ^="https://"], .link-https { | ||
| + | padding-right: 0px; | ||
} | } | ||
Latest revision as of 22:33, 31 October 2017
