Difference between revisions of "Team:Tianjin/css/base"

(Blanked the page)
Line 1: Line 1:
 +
body{
 +
    /*background-color: #F7F5E6;*/
 +
}
 +
a :hover,a:focus{text-decoration: none;}
 +
button{padding:0;border:0;}
  
 +
/*nav*/
 +
.navbar-default{
 +
    background-color: #79acdd ;
 +
    border:solid transparent;
 +
    border-bottom:10px solid white;
 +
}
 +
.navbar-nav>li>.dropdown-menu{
 +
        position: absolute;
 +
        left: 0;
 +
}
 +
.navbar-nav>li{
 +
    margin-right: 5px;
 +
    margin-left: 5px;
 +
}
 +
.navbar-nav>li>a{
 +
    color: white!important;
 +
}
 +
.navbar-brand{
 +
    height:auto!important;
 +
    padding:0px !important;
 +
    line-height: 25px!important;*/
 +
}
 +
.navbar-toggle{
 +
    margin-top: 25px!important;
 +
    border-color: rgba(1,1,1,0)!important;
 +
}
 +
.navbar-toggle:hover , .navbar-toggle:focus{
 +
    background-color: rgba(1,1,1,0)!important;
 +
}
 +
.navbar-default .navbar-nav>.open>a{
 +
    border-radius: 100px;
 +
    background-color: #5b759d!important;
 +
    color: #e9f1f9!important;
 +
}
 +
.dropdown-menu > li > a{
 +
    color: white;
 +
}
 +
.dropdown-menu > li > a:hover{
 +
    background-color: transparent;
 +
    color: black!important;
 +
}
 +
.open{
 +
    opacity: 1!important;
 +
    z-index: 1998;
 +
    background-color: #79acdd;
 +
}
 +
.navbar-nav>li>.dropdown-menu {
 +
    margin-top: 0px;
 +
    border-top-left-radius: 25px;
 +
    border-top-right-radius: 25px;
 +
}
 +
.dropdown-menu{
 +
    overflow: hidden;
 +
    background-color: rgb(91,117,157);
 +
    border-radius: 25px;
 +
    border:1px solid transparent;
 +
    text-align: center;
 +
    background: -webkit-linear-gradient(rgba(91,117,157,1), rgba(91.117,157,0));
 +
    background: -o-linear-gradient(rgba(91,117,157,1), rgba(91.117,157,0));
 +
    background: -moz-linear-gradient(rgba(91,117,157,1), rgba(91.117,157,0));
 +
    background: linear-gradient(rgba(91,117,157,1), rgba(91,117,157,0.4));
 +
}
 +
.circle{
 +
    position: absolute;border-radius: 50%;
 +
    width:120px;height:120px;
 +
    background-size: 110%;background-repeat: no-repeat;
 +
    border:10px solid white;
 +
}
 +
 +
 +
/*foot*/
 +
#footer h4{
 +
    color: white;
 +
    font-size: 25px !important;
 +
    padding-top: 10px;
 +
    padding-bottom: 10px;
 +
}
 +
#footer p{
 +
    color: white;
 +
    padding-top: 10px;
 +
    padding-bottom: 10px;
 +
}
 +
.footer-part{
 +
    padding-bottom: 15px;
 +
    padding-top: 15px;
 +
}
 +
#footer a{
 +
    color: white;
 +
    padding-bottom: 10px!important;
 +
    padding-top: 10px!important;
 +
}
 +
#footer a:hover,#footer a:focus{
 +
    color: white;
 +
    -moz-transition: all .3s;
 +
    -ms-transition: all .3s;
 +
    -o-transition: all .3s;
 +
    -webkit-transition: all .3s;
 +
    transition: all .3s;
 +
}
 +
#footer{
 +
    margin-top:200px;
 +
}

Revision as of 05:26, 5 October 2018

body{

   /*background-color: #F7F5E6;*/

} a :hover,a:focus{text-decoration: none;} button{padding:0;border:0;}

/*nav*/ .navbar-default{

   background-color: #79acdd ;
   border:solid transparent;
   border-bottom:10px solid white;

} .navbar-nav>li>.dropdown-menu{

       position: absolute;
       left: 0;

} .navbar-nav>li{

   margin-right: 5px;
   margin-left: 5px;

} .navbar-nav>li>a{

   color: white!important;

} .navbar-brand{

   height:auto!important;
   padding:0px !important;
   line-height: 25px!important;*/

} .navbar-toggle{

   margin-top: 25px!important;
   border-color: rgba(1,1,1,0)!important;

} .navbar-toggle:hover , .navbar-toggle:focus{

   background-color: rgba(1,1,1,0)!important;

} .navbar-default .navbar-nav>.open>a{

   border-radius: 100px;
   background-color: #5b759d!important;
   color: #e9f1f9!important;

} .dropdown-menu > li > a{

   color: white;

} .dropdown-menu > li > a:hover{

   background-color: transparent;
   color: black!important;

} .open{

   opacity: 1!important;
   z-index: 1998;
   background-color: #79acdd;

} .navbar-nav>li>.dropdown-menu {

   margin-top: 0px;
   border-top-left-radius: 25px; 
   border-top-right-radius: 25px; 

} .dropdown-menu{

   overflow: hidden;
   background-color: rgb(91,117,157);
   border-radius: 25px;
   border:1px solid transparent;
   text-align: center;
   background: -webkit-linear-gradient(rgba(91,117,157,1), rgba(91.117,157,0));
   background: -o-linear-gradient(rgba(91,117,157,1), rgba(91.117,157,0));
   background: -moz-linear-gradient(rgba(91,117,157,1), rgba(91.117,157,0));
   background: linear-gradient(rgba(91,117,157,1), rgba(91,117,157,0.4));

} .circle{

   position: absolute;border-radius: 50%;
   width:120px;height:120px;
   background-size: 110%;background-repeat: no-repeat;
   border:10px solid white;

}


/*foot*/

  1. footer h4{
   color: white;
   font-size: 25px !important;
   padding-top: 10px;
   padding-bottom: 10px;

}

  1. footer p{
   color: white;
   padding-top: 10px;
   padding-bottom: 10px;

} .footer-part{

   padding-bottom: 15px;
   padding-top: 15px;

}

  1. footer a{
   color: white;
   padding-bottom: 10px!important;
   padding-top: 10px!important;

}

  1. footer a:hover,#footer a:focus{
   color: white;
   -moz-transition: all .3s;
   -ms-transition: all .3s;
   -o-transition: all .3s;
   -webkit-transition: all .3s;
   transition: all .3s;

}

  1. footer{
   margin-top:200px;

}