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

Line 1: Line 1:
 
<html>
 
<html>
 
<style>
 
<style>
 +
@font-face {
 +
    font-family: 'FontAwesome';
 +
    src: url('fonts/fontawesome-webfont.eot?v=4.7.0');
 +
    src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
 +
        url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
 +
        url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
 +
        url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
 +
        url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
 +
    font-weight: normal;
 +
    font-style: normal
 +
}
 +
 +
.fa {
 +
    display: inline-block;
 +
    font: normal normal normal 14px/1 FontAwesome;
 +
    font-size: inherit;
 +
    text-rendering: auto;
 +
    -webkit-font-smoothing: antialiased;
 +
    -moz-osx-font-smoothing: grayscale
 +
}
 +
 +
.fa-lg {
 +
    font-size: 1.33333333em;
 +
    line-height: .75em;
 +
    vertical-align: -15%
 +
}
 +
 +
.fa-2x {
 +
    font-size: 2em
 +
}
 +
 +
.fa-3x {
 +
    font-size: 3em
 +
}
 +
 +
.fa-4x {
 +
    font-size: 4em
 +
}
 +
 +
.fa-5x {
 +
    font-size: 5em
 +
}
 +
 +
.fa-rotate-90 {
 +
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
 +
    -webkit-transform: rotate(90deg);
 +
    -ms-transform: rotate(90deg);
 +
    transform: rotate(90deg)
 +
}
 +
 +
.fa-rotate-180 {
 +
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
 +
    -webkit-transform: rotate(180deg);
 +
    -ms-transform: rotate(180deg);
 +
    transform: rotate(180deg)
 +
}
 +
 +
.fa-rotate-270 {
 +
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
 +
    -webkit-transform: rotate(270deg);
 +
    -ms-transform: rotate(270deg);
 +
    transform: rotate(270deg)
 +
}
 +
 +
.fa-flip-horizontal {
 +
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
 +
    -webkit-transform: scale(-1, 1);
 +
    -ms-transform: scale(-1, 1);
 +
    transform: scale(-1, 1)
 +
}
 +
 +
.fa-flip-vertical {
 +
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
 +
    -webkit-transform: scale(1, -1);
 +
    -ms-transform: scale(1, -1);
 +
    transform: scale(1, -1)
 +
}
 +
 +
:root .fa-rotate-90,
 +
:root .fa-rotate-180,
 +
:root .fa-rotate-270,
 +
:root .fa-flip-horizontal,
 +
:root .fa-flip-vertical {
 +
    filter: none
 +
}
 +
 +
.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-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";
 +
}
 
a:visited{color:#fff}
 
a:visited{color:#fff}
 
html {
 
html {

Revision as of 12:51, 27 October 2017