Difference between revisions of "Template:Team:Calgary/StyleSheets/styling.css"

Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
<link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
 
 
<style>
 
<style>
 
#sideMenu, #top_title {
 
#sideMenu, #top_title {
Line 11: Line 10:
 
padding: 0;
 
padding: 0;
 
text-decoration: none;
 
text-decoration: none;
 +
}
 +
 +
@font-face {
 +
    font-family: Yikes;
 +
    src: url(Yikes_medium.ttf);
 
}
 
}
  
Line 17: Line 21:
 
}
 
}
  
 
+
body{
.body{
+
 
width: 75%;
 
width: 75%;
 
margin:9rem auto;
 
margin:9rem auto;
Line 37: Line 40:
 
   /* make sure the background doesnt move when you scroll */
 
   /* make sure the background doesnt move when you scroll */
 
   background-attachment: fixed;
 
   background-attachment: fixed;
 +
}
 +
 +
 +
.pointer {
 +
  max-width: 40px;
 +
  vertical-align: middle;
 +
  -webkit-transform: rotate(90deg);
 +
  -moz-transform: rotate(90deg);
 +
  -o-transform: rotate(90deg);
 +
  -ms-transform: rotate(90deg);
 +
  transform: rotate(90deg);
 +
  margin-right: 10px;
 +
  margin-top: 5px;
 
}
 
}
  
 
a:link, a:visited{
 
a:link, a:visited{
font-family: 'Varela Round', sans-serif;
+
font-family: Yikes;
 
color:#faece5;
 
color:#faece5;
 
font-weight: 900;
 
font-weight: 900;
Line 84: Line 100:
  
 
h1{
 
h1{
font-family: 'Varela Round', sans-serif;
+
font-family: Yikes;
 
color: #538cc6;
 
color: #538cc6;
 
font-size:18px;
 
font-size:18px;
Line 114: Line 130:
 
     align-items: middle;
 
     align-items: middle;
 
     text-align: center;
 
     text-align: center;
margin:1rem auto;
+
margin: 0;
 
margin-left: -40rem;
 
margin-left: -40rem;
 
background-color: #e65c00;
 
background-color: #e65c00;
Line 274: Line 290:
 
     padding-left: 15px
 
     padding-left: 15px
 
     width: 2rem;
 
     width: 2rem;
}
 
 
 
/*RESETS*/
 
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{
 
margin: 0;
 
 
}
 
}
  

Revision as of 20:36, 26 June 2017