Difference between revisions of "Template:AFCM-Egypt/main"

 
(45 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<style>
 
<style>
 +
    #menu:before,
 +
    #menu:after {
 +
        content: "";
 +
        display: table;
 +
    }
 +
 +
    #menu:after {
 +
        clear: both;
 +
    }
 +
#menu li:hover{background: rgba(255,255,255, 0.3) !important;}
 +
#top_title{display:none !important;width:0px !important}
 +
.fa-arrow-up:before {
 +
    content: "\f062";
 +
}
 +
.fa-arrow-right:before {
 +
    content: "\f061";
 +
}
 +
        .active {
 +
            border: 1px solid #fff;
 +
            background: rgba(255,255,255, 0.3) !important;
 +
        }
 +
#myBtn {
 +
    display: none;
 +
    position: fixed;
 +
    bottom: 50px;
 +
    right: 10px;
 +
    z-index: 99;
 +
    border: none;
 +
    outline: none;
 +
    background-color: transparent;
 +
    color: #ffffff;
 +
    cursor: pointer;
 +
    padding: 5px 10px 5px 10px;
 +
    border-radius: 10px;
 +
}
 +
#myBtn:hover{
 +
color:#777;
 +
}
 +
.price-table {
 +
padding-top:50px;
 +
font-family:Optima,Segoe,"Segoe UI",Candara,Calibri,Arial,sans-serif
 +
}
 
#sideMenu{
 
#sideMenu{
 
display:none
 
display:none
 +
}
 +
.about .row:nth-child(4){
 +
margin-top: 90px;
 +
}
 +
 +
.team-item{
 +
 +
margin-bottom: 50px;
 +
text-align: center;
 +
}
 +
.team-img{
 +
width: 75%;
 +
max-height: 220px;
 +
    min-height: 220px;
 +
border-radius:50%
 +
}
 +
.team-item-name{
 +
font-size: 14px !important;
 +
margin-bottom: 0px !important;
 +
padding-top: 20px !important;
 +
color: #ffffff !important;
 +
}
 +
.team-item-id{
 +
color: #ffffff !important;
 +
font-size: 11px !important;
 +
text-transform: uppercase;
 +
padding-bottom: 30px !important;
 +
text-align: inherit !important;
 +
}
 +
 +
.fa-stack {
 +
    position: relative;
 +
    display: inline-block;
 +
    width: 2em;
 +
    height: 2em;
 +
    line-height: 2em;
 +
    vertical-align: middle
 +
}
 +
 +
.fa-stack-1x,
 +
.fa-stack-2x {
 +
    position: absolute;
 +
    left: 0;
 +
    width: 100%;
 +
    text-align: center
 +
}
 +
 +
.fa-stack-1x {
 +
    line-height: inherit
 +
}
 +
 +
.fa-stack-2x {
 +
    font-size: 2em
 +
}
 +
 +
.fa-inverse {
 +
    color: #fff
 +
}
 +
.fa-map-marker:before {
 +
    content: "\f041"
 +
}
 +
.fa-phone:before {
 +
    content: "\f095"
 +
}
 +
.fa-twitter:before {
 +
    content: "\f099"
 +
}
 +
.fa-instagram:before{font-size: xx-large;content:"\f16d"}
 +
.fa-facebook-f:before,
 +
.fa-facebook:before {
 +
    content: "\f09a"
 +
}
 +
.fa-phone-square:before {
 +
    content: "\f098"
 +
}
 +
.fa-envelope:before {
 +
    content: "\f0e0"
 +
}
 +
 +
.fa-linkedin:before {
 +
    content: "\f0e1"
 +
}
 +
.fa-envelope-square:before {
 +
    content: "\f199"
 +
}
 +
.fa-envelope-open:before {
 +
    content: "\f2b6"
 +
}
 +
 +
.fa-envelope-open-o:before {
 +
    content: "\f2b7"
 +
}
 +
.fa-envelope-o:before {
 +
    content: "\f003"
 +
}
 +
 +
.fa-twitter-square:before {
 +
    content: "\f081"
 +
}
 +
 +
.fa-facebook-square:before {
 +
    content: "\f082"
 +
}
 +
.fa-facebook-official:before {
 +
    content: "\f230"
 +
}
 +
.fa-chevron-left:before {
 +
  content: "\f053";
 +
}
 +
.fa-chevron-right:before {
 +
  content: "\f054";
 +
}
 +
@font-face {
 +
    font-family: 'FontAwesome';
 +
    src: url('https://static.igem.org/mediawiki/2017/2/2b/Afcm-fontawesomeot.eot');
 +
    src: url('https://static.igem.org/mediawiki/2017/2/2b/Afcm-fontawesomeot.eot') format('embedded-opentype'),
 +
        url('https://static.igem.org/mediawiki/2017/6/6e/Afcm-fontawesomwoff.woff') format('woff'),
 +
        url('https://static.igem.org/mediawiki/2017/d/d3/Afcm-fontawesomttf.ttf') format('truetype');
 +
    font-weight: normal;
 +
    font-style: normal
 
}
 
}
 
#top_menu_under{display:none}
 
#top_menu_under{display:none}
Line 10: Line 172:
 
     padding: 0px;
 
     padding: 0px;
 
     border: none;
 
     border: none;
−
     color: black;
+
     color: white;
 
     margin:0px;
 
     margin:0px;
 
     background-color: transparent;
 
     background-color: transparent;
Line 28: Line 190:
 
     padding: 0;
 
     padding: 0;
 
     padding-bottom: 0px;
 
     padding-bottom: 0px;
 +
height: 100%;
 
}
 
}
 
body {
 
body {
Line 69: Line 232:
 
     letter-spacing: 3px;
 
     letter-spacing: 3px;
 
     text-transform: uppercase;
 
     text-transform: uppercase;
 +
color:#cac7c7
 
}
 
}
  
Line 75: Line 239:
 
     font-weight: 300;
 
     font-weight: 300;
 
     margin-bottom: 50px;
 
     margin-bottom: 50px;
−
     color: #999;
+
     color: #fff;
 
     letter-spacing: .39px;
 
     letter-spacing: .39px;
 
}
 
}
Line 82: Line 246:
 
     height: 2px;
 
     height: 2px;
 
     width: 50px;
 
     width: 50px;
−
     margin: 0px auto 60px;
+
     margin: 0px auto 30px;
 
}
 
}
  
Line 96: Line 260:
 
     background-size: cover;
 
     background-size: cover;
 
     background-attachment: fixed;
 
     background-attachment: fixed;
−
     height: 100vh;
+
     height: 20vh;
 
     color: #fff;
 
     color: #fff;
 
     text-transform: uppercase;
 
     text-transform: uppercase;
Line 108: Line 272:
 
     color: #fff;
 
     color: #fff;
 
     font-size: 30px;
 
     font-size: 30px;
−
     padding: 10px 20px;
+
     padding: 0px 5px 15px 5px;
 
     height: auto;
 
     height: auto;
 
     font-weight: 200;
 
     font-weight: 200;
Line 124: Line 288:
  
 
.navbar-fixed-top .navbar-toggle .icon-bar {
 
.navbar-fixed-top .navbar-toggle .icon-bar {
−
     background-color: #313131;
+
     background-color: #fff;
 
}
 
}
  
Line 134: Line 298:
 
     background-color: transparent;
 
     background-color: transparent;
 
     border-color: transparent;
 
     border-color: transparent;
−
     padding-top: 50px;
+
     padding-top: 17px;
 
}
 
}
  
Line 430: Line 594:
 
footer {
 
footer {
 
     background: #eaeaea;
 
     background: #eaeaea;
−
     padding: 20px 0px;
+
     padding: 5px 0px 0px 0px;
 
}
 
}
  
Line 442: Line 606:
  
 
.fb {
 
.fb {
−
     background: #1976d2;
+
     background: transparent;
 
}
 
}
  
Line 458: Line 622:
  
 
.icon {
 
.icon {
−
     height: 40px;
+
     height: 30px;
 
     width: 40px;
 
     width: 40px;
 
     text-align: center;
 
     text-align: center;
Line 480: Line 644:
 
}
 
}
  
−
a .fb:hover {
+
 
−
    color: #1976d2;
+
−
    border-color: #1976d2;
+
−
}
+
  
 
a .twitter:hover {
 
a .twitter:hover {
Line 596: Line 757:
 
         margin: 15px;
 
         margin: 15px;
 
     }
 
     }
 +
 
     .price-title,
 
     .price-title,
 
     .price-list {
 
     .price-list {
Line 648: Line 810:
 
}
 
}
  
−
#menu {
 
−
    width: 100%;
 
−
   
 
−
}
 
−
 
−
    #menu:before,
 
−
    #menu:after {
 
−
        content: "";
 
−
        display: table;
 
−
    }
 
−
 
−
    #menu:after {
 
−
        clear: both;
 
−
    }
 
  
 
     #menu li {
 
     #menu li {
 
         float: left;
 
         float: left;
−
        
+
       background-color: rgba(14, 31, 39,0.9);
−
     
+
 
         position: relative;
 
         position: relative;
 +
display:block;
 
     }
 
     }
  
 
     #menu a {
 
     #menu a {
 
         float: left;
 
         float: left;
−
         padding: 12px 20px;
+
         padding: 12px 10px;
 
         color: #fff;
 
         color: #fff;
 
         text-transform: uppercase;
 
         text-transform: uppercase;
Line 729: Line 877:
 
     #menu ul a {
 
     #menu ul a {
 
         padding: 10px;
 
         padding: 10px;
−
         width: 130px;
+
         width: 150px;
 
         _height: 10px;
 
         _height: 10px;
 
         display: block;
 
         display: block;

Latest revision as of 19:40, 29 October 2017