Difference between revisions of "Team:TP-CC San Diego/Templates/MainCSS"

 
(42 intermediate revisions by 3 users not shown)
Line 5: Line 5:
 
<link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
  
−
<style>
+
<link href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css" rel="stylesheet">
 +
<script src="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.js"></script>
 +
<script>
 +
    AOS.init();
 +
</script>
  
 +
<style>
 
   #home_logo, #sideMenu, #top_title, .patrollink  {display:none;}
 
   #home_logo, #sideMenu, #top_title, .patrollink  {display:none;}
 
   #content{margin-left:0px; width:100%; height=100%; padding:0px;  margin-top:-7px; background-color:#BCD2EE;}
 
   #content{margin-left:0px; width:100%; height=100%; padding:0px;  margin-top:-7px; background-color:#BCD2EE;}
Line 16: Line 21:
 
body {
 
body {
 
     background-color:#BCD2EE;
 
     background-color:#BCD2EE;
−
    height: 100%;
 
−
    margin: 0;
 
−
    background-repeat: no-repeat;
 
−
    background-attachment: fixed;
 
 
}
 
}
−
 
−
  .main-content
 
−
  {
 
−
      margin: 4%;
 
−
  }
 
  
 
.main-title {
 
.main-title {
Line 39: Line 35:
 
   margin-top:30px;
 
   margin-top:30px;
 
   font-family: 'Montserrat', sans-serif;
 
   font-family: 'Montserrat', sans-serif;
 +
}
 +
 +
.text-wrapper
 +
{
 +
    background: white;
 +
    margin: 80px 0px 0px 0px;
 +
    padding: 2% 2% 2% 2%;
 +
    width: 80%;
 +
    height: 100%;
 +
    margin: auto;
 +
 
}
 
}
  
Line 44: Line 51:
 
{
 
{
 
   width: 300px;
 
   width: 300px;
−
  margin-left: auto;
+
  margin-left:auto;
−
  margin-right: auto;
+
  margin-right:auto;
 
   margin-top:30px;
 
   margin-top:30px;
−
   font-size: 25px;
+
   font-size: 20px;
 
   font-family: 'Poppins', sans-serif;
 
   font-family: 'Poppins', sans-serif;
 
   color: black;
 
   color: black;
Line 57: Line 64:
 
}
 
}
  
−
.text-wrapper
+
 
−
{
+
 
−
    background: white;
+
.fade-in{
−
    margin: 80px 0px 0px 0px;
+
  animation: opac 2s
−
    padding: 0px 2% 2% 2%;
+
−
    width: 80%;
+
−
    height: 100%;
+
−
    color: black;
+
−
    margin:auto;
+
−
    border-style:solid;
+
−
    border-color: #6E7B8B;
+
 
}
 
}
 +
@keyframes opac{
 +
from{opacity:0}
 +
to{opacity:1}}
  
−
p
+
.day
 
{
 
{
−
  font-size: 42px;
+
    color: black;
 +
    border:4px solid black;
 +
    padding: 20px 10% 20px 10%;
 +
    margin-left:auto;
 +
    margin-right:auto;
 +
    text-align:center;
 +
    width: 700px;
 +
    display:block;
 +
    font-size: 30px;
 +
    margin-top:30px;
 
}
 
}
  
 
.img-row
 
.img-row
 
{
 
{
−
height: 500px;
+
        min-height: 200px;
 +
        overflow: hidden;
 
         width: 85%;
 
         width: 85%;
 
         float: center;
 
         float: center;
 
background-color: none;
 
background-color: none;
−
         padding: 1% 3% 1% 3%;
+
         padding-top: 1%;
 +
        padding-right: 3%;
 +
        padding-left: 3%;
 
         margin-bottom: 0%;
 
         margin-bottom: 0%;
 
         margin-left:auto;
 
         margin-left:auto;
 
         margin-right:auto;
 
         margin-right:auto;
 +
      data-aos: fade-up;
 
}
 
}
  
Line 94: Line 110:
 
         max-width: 700px;
 
         max-width: 700px;
 
         padding: 4%;
 
         padding: 4%;
−
        margin: auto;
+
 
 +
}
 +
 
 +
p
 +
{
 +
    margin: 0;
 +
    padding: 0;
 
}
 
}
  
Line 104: Line 126:
 
         max-width: 700px;
 
         max-width: 700px;
 
         padding: 4%;
 
         padding: 4%;
 +
 
}
 
}
  
−
p.cardleft
+
.cardleft
 
{
 
{
 
width:50%;
 
width:50%;
Line 117: Line 140:
 
         overflow: auto;
 
         overflow: auto;
 
         color: black;
 
         color: black;
−
         font-family: 'Nosifer', cursive;
+
         font-family: Montserrat;
 +
        data-aos: fade-left;
 +
        font-size:16px;
  
 
}
 
}
  
−
p.cardright
+
.cardright
 
{
 
{
 
width: 50%;
 
width: 50%;
Line 133: Line 158:
 
         overflow: auto;
 
         overflow: auto;
 
         color: black;
 
         color: black;
−
         font-family: 'Nosifer', cursive;
+
         font-family: Montserrat;
 +
        data-aos: fade-right;
  
 
}
 
}

Latest revision as of 23:15, 29 October 2017