Difference between revisions of "Template:Manchester/CSS1"

Line 23: Line 23:
  
 
<style>
 
<style>
 +
 +
.somebox{
 +
    width:80%;
 +
    height: 10px;
 +
    display:none;
 +
}
 +
 +
 +
* {
 +
    box-sizing: border-box;
 +
}
 +
 +
[class*="col-"] {
 +
float:left
 +
}
 +
 +
.row::after {
 +
    content: "";
 +
    clear: both;
 +
    display: block;
 +
}
 +
 +
.alert{
 +
    border-radius: 10px 0 0 10px;
 +
    padding: 33.5px 0 34px 20px;
 +
    background: #f9d5df;
 +
    width: 66.66%;
 +
    float:left;
 +
}
 +
 +
.alert1{
 +
    border-radius: 0 10px 10px 0;
 +
    padding: 20px 20px 20px 0 ;
 +
    background: #f9d5df;
 +
    width: 33.33%;
 +
    float:left;
 +
}
 +
 +
.social::before{
 +
    content:"" ;
 +
}
 +
 +
.logo{
 +
    margin: auto;
 +
    position: absolute;
 +
    display: block;
 +
    width: 13%;
 +
    top: 2%;
 +
    right: 4.5%;
 +
}
 +
 +
@keyframes animate{
 +
    0%{height:400px ; margin-top: 50px ; margin-bottom:20px}
 +
    32.5%{height:370px ; margin-top: 80px ; margin-bottom: 20px }
 +
    65%{height:400px ; margin-top: 50px ; margin-bottom: 20px }
 +
    82.5%{height:400px ; margin-top: 20px ; margin-bottom: 50px }
 +
    100%{height:400px ; margin-top: 50px ;margin-bottom: 20px }
 +
}
 +
 +
@-webkit-keyframes animate{
 +
    0%{height:400px ; margin-top: 50px}
 +
    25%{height:370px ; margin-top: 80px}
 +
    50%{height:400px ; margin-top: 50px}
 +
    75%{height430px ; margin-top: 20px}
 +
    100%{height:400px ; margin-top: 50px}
 +
}
 +
 +
@media screen and (max-width:700px){
 +
    .somebox{
 +
        display:block;
 +
    }
 +
}
 +
 +
@media screen and (max-width:1300px){
 +
    .alert{
 +
          width: 90%;
 +
          border-radius:10px 10px 0 0;
 +
    }
 +
 +
    .alert1{
 +
          width:90%;
 +
          border-radius: 0 0 10px 10px;
 +
          padding: 10px 150px;
 +
    }
 +
}
 +
 +
.font10{
 +
    display:none;
 +
}
 +
 +
.boxx h1{
 +
    font-size:40px;
 +
    height:80px;
 +
}
 +
 +
.boxx h4{
 +
    font-size:30px;
 +
    height:60px;
 +
}
 +
 +
 +
@media screen and (max-width:750px){
 +
 +
.boxx h1{font-size:20px;height:60px;}
 +
 +
.boxx h4{font-size:15px;height:30px;}
 +
 +
.font20{ display:none}
 +
 +
.font10{display:block;}
 +
}
 +
 +
 +
 +
body{
 +
    width:100%;
 +
    margin:auto;
 +
}
 +
 +
.boxx{
 +
  width:85%;
 +
    margin:auto;
 +
}
 +
  
 
.scrolled{
 
.scrolled{

Revision as of 09:51, 16 September 2016