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

 
(310 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 +
<head>
 +
 +
<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://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;}
 +
  #content{margin-left:0px; width:100%; height=100%; padding:0px;  margin-top:-7px; background-color:#BCD2EE;}
 +
 +
html {
 +
    height: 100%;
 +
}
 +
 +
body {
 +
    background-color:#BCD2EE;
 +
}
 +
 +
.main-title {
 +
  color:#333333;
 +
  border:4px solid white;
 +
  padding:40px 80px 40px 80px;
 +
  margin-left:auto;
 +
  margin-right:auto;
 +
  text-align:center;
 +
  display:block;
 +
  width:500px;
 +
  font-size: 40px;
 +
  margin-top:30px;
 +
  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;
 +
 +
}
 +
 +
.subtitle
 +
{
 +
  width: 300px;
 +
  margin-left:auto;
 +
  margin-right:auto;
 +
  margin-top:30px;
 +
  font-size: 20px;
 +
  font-family: 'Poppins', sans-serif;
 +
  color: black;
 +
  text-align: center;
 +
  border-width: 3px;
 +
  border-color: black;
 +
  border-style: solid;
 +
  padding: 1%;
 +
}
 +
 +
 +
 +
.fade-in{
 +
  animation: opac 2s
 +
}
 +
@keyframes opac{
 +
from{opacity:0}
 +
to{opacity:1}}
 +
 +
.day
 +
{
 +
    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
 +
{
 +
        min-height: 200px;
 +
        overflow: hidden;
 +
        width: 85%;
 +
        float: center;
 +
background-color: none;
 +
        padding-top:  1%;
 +
        padding-right: 3%;
 +
        padding-left: 3%;
 +
        margin-bottom: 0%;
 +
        margin-left:auto;
 +
        margin-right:auto;
 +
      data-aos: fade-up;
 +
}
 +
 +
img.cardright
 +
{
 +
        position: relative;
 +
        left: 0%;
 +
        width: 38%;
 +
        max-width: 700px;
 +
        padding: 4%;
 +
 +
}
 +
 +
p
 +
{
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
 +
img.cardleft
 +
{
 +
        position: relative;
 +
        right: 0%;
 +
        width: 38%;
 +
        max-width: 700px;
 +
        padding: 4%;
 +
 +
}
 +
 +
.cardleft
 +
{
 +
width:50%;
 +
height: auto;
 +
float: left;
 +
text-align: left;
 +
background-color: none;
 +
        padding: 4% 0% 4% 4%;
 +
        position: static;
 +
        overflow: auto;
 +
        color: black;
 +
        font-family: Montserrat;
 +
        data-aos: fade-left;
 +
        font-size:16px;
  
−
  #home_logo, #sideMenu { display:none; }
+
}
−
  #sideMenu, #top_title, .patrollink  {display:none;}
+
−
  #navbar-fill { width:100%; padding:0px;  margin-top:-7px; background-color: #25274A;}
+
−
  html{ margin: auto; width:100%; padding:0px;  margin-top:-7px; background-color: white;}
+
  
−
  h1 {
+
.cardright
−
      margin: 10px;
+
{
−
  }
+
width: 50%;
 +
height: auto;
 +
padding: 10px;
 +
float: right;
 +
text-align: right;
 +
background-color: none;
 +
        padding: 4% 4% 4% 0%;
 +
        position: static;
 +
        overflow: auto;
 +
        color: black;
 +
        font-family: Montserrat;
 +
        data-aos: fade-right;
  
 +
}
 
</style>
 
</style>
 +
</head>
 
</html>
 
</html>

Latest revision as of 23:15, 29 October 2017