Difference between revisions of "Template:AFCM-Egypt/main"
Aymanshafei (Talk | contribs) |
Aymanshafei (Talk | contribs) |
||
| (41 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 168: | Line 239: | ||
font-weight: 300; | font-weight: 300; | ||
margin-bottom: 50px; | margin-bottom: 50px; | ||
| − | color: # | + | color: #fff; |
letter-spacing: .39px; | letter-spacing: .39px; | ||
} | } | ||
| Line 175: | Line 246: | ||
height: 2px; | height: 2px; | ||
width: 50px; | width: 50px; | ||
| − | margin: 0px auto | + | margin: 0px auto 30px; |
} | } | ||
| Line 189: | Line 260: | ||
background-size: cover; | background-size: cover; | ||
background-attachment: fixed; | background-attachment: fixed; | ||
| − | height: | + | 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: | + | 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: # | + | background-color: #fff; |
} | } | ||
| Line 227: | Line 298: | ||
background-color: transparent; | background-color: transparent; | ||
border-color: transparent; | border-color: transparent; | ||
| − | padding-top: | + | padding-top: 17px; |
} | } | ||
| Line 523: | Line 594: | ||
footer { | footer { | ||
background: #eaeaea; | background: #eaeaea; | ||
| − | padding: | + | padding: 5px 0px 0px 0px; |
} | } | ||
| Line 535: | Line 606: | ||
.fb { | .fb { | ||
| − | background: | + | background: transparent; |
} | } | ||
| Line 551: | Line 622: | ||
.icon { | .icon { | ||
| − | height: | + | height: 30px; |
width: 40px; | width: 40px; | ||
text-align: center; | text-align: center; | ||
| Line 573: | Line 644: | ||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
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 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 | + | padding: 12px 10px; |
color: #fff; | color: #fff; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
| Line 822: | Line 877: | ||
#menu ul a { | #menu ul a { | ||
padding: 10px; | padding: 10px; | ||
| − | width: | + | width: 150px; |
_height: 10px; | _height: 10px; | ||
display: block; | display: block; | ||
Latest revision as of 19:40, 29 October 2017
