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

 
(39 intermediate revisions by 3 users not shown)
Line 4: Line 4:
 
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
 +
 +
<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>
 
<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: 20px;
 
   font-size: 20px;
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}}
  
 
.day
 
.day
Line 86: Line 89:
 
.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 103: Line 110:
 
         max-width: 700px;
 
         max-width: 700px;
 
         padding: 4%;
 
         padding: 4%;
−
        margin: auto;
+
 
 +
}
 +
 
 +
p
 +
{
 +
    margin: 0;
 +
    padding: 0;
 
}
 
}
  
Line 113: Line 126:
 
         max-width: 700px;
 
         max-width: 700px;
 
         padding: 4%;
 
         padding: 4%;
 +
 
}
 
}
  
Line 127: Line 141:
 
         color: black;
 
         color: black;
 
         font-family: Montserrat;
 
         font-family: Montserrat;
 +
        data-aos: fade-left;
 +
        font-size:16px;
  
 
}
 
}
Line 143: Line 159:
 
         color: black;
 
         color: black;
 
         font-family: Montserrat;
 
         font-family: Montserrat;
 +
        data-aos: fade-right;
  
 
}
 
}

Latest revision as of 23:15, 29 October 2017