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

 
(38 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;
 
}
 
}
  
Line 120: Line 190:
 
     padding: 0;
 
     padding: 0;
 
     padding-bottom: 0px;
 
     padding-bottom: 0px;
 +
height: 100%;
 
}
 
}
 
body {
 
body {
Line 175: Line 246:
 
     height: 2px;
 
     height: 2px;
 
     width: 50px;
 
     width: 50px;
     margin: 0px auto 60px;
+
     margin: 0px auto 30px;
 
}
 
}
  
Line 189: 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 201: Line 272:
 
     color: #fff;
 
     color: #fff;
 
     font-size: 30px;
 
     font-size: 30px;
     padding: 0px 15px 15px 15px;
+
     padding: 0px 5px 15px 5px;
 
     height: auto;
 
     height: auto;
 
     font-weight: 200;
 
     font-weight: 200;
Line 217: Line 288:
  
 
.navbar-fixed-top .navbar-toggle .icon-bar {
 
.navbar-fixed-top .navbar-toggle .icon-bar {
     background-color: #313131;
+
     background-color: #fff;
 
}
 
}
  
Line 227: Line 298:
 
     background-color: transparent;
 
     background-color: transparent;
 
     border-color: transparent;
 
     border-color: transparent;
     padding-top: 20px;
+
     padding-top: 17px;
 
}
 
}
  
Line 523: Line 594:
 
footer {
 
footer {
 
     background: #eaeaea;
 
     background: #eaeaea;
     padding: 20px 0px;
+
     padding: 5px 0px 0px 0px;
 
}
 
}
  
Line 535: Line 606:
  
 
.fb {
 
.fb {
     background: #1976d2;
+
     background: transparent;
 
}
 
}
  
Line 551: Line 622:
  
 
.icon {
 
.icon {
     height: 40px;
+
     height: 30px;
 
     width: 40px;
 
     width: 40px;
 
     text-align: center;
 
     text-align: center;
Line 573: Line 644:
 
}
 
}
  
a .fb:hover {
+
 
    color: #1976d2;
+
    border-color: #1976d2;
+
}
+
  
 
a .twitter:hover {
 
a .twitter:hover {
Line 689: Line 757:
 
         margin: 15px;
 
         margin: 15px;
 
     }
 
     }
 +
 
     .price-title,
 
     .price-title,
 
     .price-list {
 
     .price-list {
Line 741: 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;

Latest revision as of 19:40, 29 October 2017