/
home
/
mantaraham
/
www
/
contract
/
css
/
File Upload :
llllll
Current File: /home/mantaraham/www/contract/css/style.css
/* Design & Develop by Spiral Design Center / www.spiraldesign.org */ /*------------------------------------* Fonts *------------------------------------*/ @font-face{ font-family:yekan; src:url(../fonts/BYekan.eot); src:url(../fonts/BYekan.eot) format("embedded-opentype"), url(../fonts/BYekan.woff) format("woff"), url(../fonts/BYekan.ttf) format("truetype"); font-weight:400; font-style:normal } @font-face { font-family: 'mantaraham'; src: url('../fonts/mantaraham.eot?d4q53m'); src: url('../fonts/mantaraham.eot?d4q53m#iefix') format('embedded-opentype'), url('../fonts/mantaraham.ttf?d4q53m') format('truetype'), url('../fonts/mantaraham.woff?d4q53m') format('woff'), url('../fonts/mantaraham.svg?d4q53m#mantaraham') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'mantaraham' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-download:before { content: "\e921"; } .icon-document-file-docx:before { content: "\e922"; } .icon-document-file-doc:before { content: "\e923"; } .icon-document-file-pdf:before { content: "\e924"; } .icon-twitter:before { content: "\e925"; } .icon-brand:before { content: "\e925"; } .icon-tweet:before { content: "\e925"; } .icon-social:before { content: "\e925"; } .icon-telegram:before { content: "\e926"; } .icon-brand2:before { content: "\e926"; } .icon-social2:before { content: "\e926"; } .icon-instagram:before { content: "\e927"; } .icon-brand3:before { content: "\e927"; } .icon-social3:before { content: "\e927"; } .icon-facebook:before { content: "\e928"; } .icon-brand4:before { content: "\e928"; } .icon-social4:before { content: "\e928"; } .icon-google-plus:before { content: "\e929"; } .icon-brand5:before { content: "\e929"; } .icon-social5:before { content: "\e929"; } .icon-quotes-right:before { content: "\e92a"; } .icon-rdquo:before { content: "\e92a"; } .icon-quotes-left:before { content: "\e92b"; } .icon-ldquo:before { content: "\e92b"; } .icon-heart:before { content: "\e920"; } .icon-add:before { content: "\e900"; } .icon-arrows:before { content: "\e901"; } .icon-arrows1:before { content: "\e902"; } .icon-arrows-down:before { content: "\e903"; } .icon-arrows-left:before { content: "\e904"; } .icon-arrows-right:before { content: "\e905"; } .icon-back:before { content: "\e906"; } .icon-cancel:before { content: "\e907"; } .icon-cancel1:before { content: "\e908"; } .icon-checked:before { content: "\e909"; } .icon-checked1:before { content: "\e90a"; } .icon-clip:before { content: "\e90b"; } .icon-clock:before { content: "\e90c"; } .icon-down-arrow:before { content: "\e90d"; } .icon-down-arrow1:before { content: "\e90e"; } .icon-draw:before { content: "\e90f"; } .icon-envelope:before { content: "\e910"; } .icon-link:before { content: "\e911"; } .icon-menu:before { content: "\e912"; } .icon-next:before { content: "\e913"; } .icon-paint:before { content: "\e914"; } .icon-marker:before { content: "\e915"; } .icon-ribbon:before { content: "\e916"; } .icon-linkdin:before { content: "\e917"; } .icon-facebook2:before { content: "\e918"; } .icon-google-plus2:before { content: "\e919"; } .icon-twitter2:before { content: "\e91a"; } .icon-time:before { content: "\e91b"; } .icon-link2:before { content: "\e91c"; } .icon-up-arrow1:before { content: "\e91d"; } .icon-arrow-up:before { content: "\e91e"; } .icon-vector:before { content: "\e91f"; } /*------------------------------------* Common *------------------------------------*/ * {font-family: yekan,verdana,tahoma;} html {max-width:100%; overflow-x:hidden;} body {color:#777; background:#fff; font-size:14px; line-height: 24px; font-weight:400;} body,html {min-width:280px;} h1,h2,h3,h4,h5,h6 {font-weight: bold;} /*links*/ a {text-decoration:none; color:#222; -webkit-transition:500ms all ease; -o-transition:500ms all ease; transition:500ms all ease;} a:hover {text-decoration:none; color:#ed1651; -webkit-transition:200ms all ease; -o-transition:200ms all ease; transition:200ms all ease;} a:focus {text-decoration:none; outline:none;} a:active {outline: none; text-decoration: none;} /*images*/ img {max-width:100%;} /*lists*/ ul {padding-right:20px;} /*form elements*/ label{margin: 0;} input[type=checkbox], input[type=radio]{margin-top: 0px; margin-left: 2px; vertical-align: middle; height: 22px; line-height: unset;} input{border-radius: 3px; border:1px solid #dddddd; padding:0 12px; height: 40px; line-height: 40px;} button{outline: none; background-color: transparent; border:1px solid #dddddd; height: 40px; line-height: 40px;-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear;} button:focus{outline:none;} select { padding: 0 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media screen and (min-width:0\0) { select { padding: 10px 20px 10px 10px !important; } } select option{height: 30px;} ::-webkit-input-placeholder {opacity:1; color:#817461;} :-moz-placeholder {/* Firefox 18- */opacity:1; color:#817461;} ::-moz-placeholder {/* Firefox 19+ */opacity:1; color:#817461;} :-ms-input-placeholder {opacity:1; color:#817461;} /*buttons*/ .btn.disabled,.btn[disabled],fieldset[disabled] .btn {opacity:.3} /*tooltips*/ .tooltip {font-size:11px; white-space:nowrap;} .tooltip-inner {padding-bottom:7px;} /*others*/ .pos-static {position:static!important} .middle {display:table-cell; vertical-align:middle;} .ltr {direction:ltr;} /*.container { min-width: 1170px;}*/ .w100{width: 100%!important;} .animated {opacity:0} .visible {opacity:1} /*margins*/ .m0 {margin:0!important} .mt0 {margin-top:0px} .mt10 {margin-top:10px!important} .mt20 {margin-top:20px!important} .mt30 {margin-top:30px!important} .mt50 {margin-top:50px!important} .mt60 {margin-top:60px!important} .mt70 {margin-top:70px!important} .mr10 {margin-right:10px} .mr30 {margin-right:30px} .mb10 {margin-bottom:10px!important} .mb20 {margin-bottom:20px!important} .mb30 {margin-bottom:30px!important} .mb40 {margin-bottom:40px!important} .mb50 {margin-bottom:50px!important} .mb60 {margin-bottom:60px!important} .mb90 {margin-bottom:90px!important} .mb100 {margin-bottom:100px!important} .mb120 {margin-bottom:120px!important} .ml10 {margin-left:10px} .ml30 {margin-left:30px} /*paddings*/ .padd0 {padding:0!important} .pr30{padding-right: 30px;} .pl0{padding-left: 0px;} .pt10{padding-top: 10px;} .pr0{padding-right: 0px;} .pl20{padding-left: 20px;} .pl30{padding-left: 30px;} .logo{ display: table; margin: 65px auto 25px; } .page-title{ font-size: 30px; color: #0c4a6d; text-align: center; margin-bottom: 40px; font-weight: bold; } .page-title span{ display: block; color: #c94ccf; } .social{ padding: 0; margin: 0 auto 40px; list-style: none; display: table; } .social li{ float: right; margin: 0 2px; } .social li a{ display: block; background: #45619d; border-radius: 50%; width: 25px; height: 25px; color: #fff; text-align: center; line-height: 28px; font-size: 15px; } .social li a:hover{ background: #c94ccf!important; } .social li.twitter a { background: #5ea9dd; } .social li.telegram a { color: #0088cc; font-size: 25px; background: transparent; } .social li.telegram a:hover { color: #c94ccf; background: transparent!important; } .social li.instagram a { background: #5851db; } .page-description{ max-width: 900px; font-size: 16px; line-height: 25px; color: #666666; text-align: center; margin: 30px auto 75px; position: relative; } .page-description i{ position: absolute; font-size: 70px; color: #eeeeee; z-index: -1; top: -35px; right: 50%; margin-right: -35px; } .dl-section{ display: table; margin: 0 auto; } .main-dl{ width: 470px; padding-left: 70px; float: right; position: relative; } .main-dl .big-icon{ font-size: 180px; color: #999; position: absolute; bottom: -90px; left: 35px; color: #f5f5f5; z-index: -1; } .btn-docx{ background: #2c5898; color: #fff; } .btn-docx:hover{ color: #2c5898; border-color: #2c5898; background: transparent; } .btn-pdf{ background: #d81e05; color: #fff; margin-left: 0!important; } .btn-pdf:hover{ color: #d81e05; border-color: #d81e05; background: transparent; } .btn{ padding: 6px 18px; } .dl-btns{ font-size: 15px; } .dl-btns .btn{ margin-left: 20px; } .dl-btns .btn:last-child{ margin-left: 0; } .dl-btns i{ font-size: 25px; vertical-align: middle; margin-left: 10px; } .attach-dl{ width: 610px; float: right; border-right: 1px solid #e5e5e5; padding: 15px 70px 15px 0; } .attach-dl p{ font-size: 15px; font-weight: bold; color: #666; } .attach-dl ul{ padding: 0; margin: 0; display: table; width: 100%; } .attach-dl li{ width: 230px; list-style: none; float: right; font-size: 15px; color: #999; margin-left: 70px; border-bottom: 1px solid #eee; padding: 10px 0; } .attach-dl li:nth-last-child(-n+2) { border-bottom: 0 none; } .attach-dl li:nth-child(2n+2) { margin-left: 0; } .attach-dl li a{ float: left; margin-right: 15px; } .attach-dl li a i{ font-size: 25px; } .attach-dl li i{ font-size: 15px; } .docx{ color: #2c5898; } .pdf{ color: #d81e05; } .section-title{ font-size: 25px; color: #0c4a6d; } .section-title span{ font-size: 13px; } .about-campaign { margin-top: 120px; } .about-campaign .section-title{ margin-top: 60px; margin-bottom: 40px; } .content{ font-size: 16px; line-height: 25px; } .img-copyright{ font-size: 13px; color: #c94ccf; display: table; margin: 0 auto; } .sponser{ margin-bottom: 100px; } .sponser .section-title{ margin-top: 70px; text-align: center; margin-bottom: 30px; } .sponser ul{ list-style: none; padding: 0; margin: 0; display: table; width: 100%; } .sponser ul li{ float: right; width: 25%; padding: 0 15px; text-align: center; } .sponser ul li a{ display: block; line-height: 60px; } footer{ background: #bdbdbd; color: #666666; text-align: center; padding: 40px 0; } footer p{ margin-bottom: 0; } footer .social a{ color: #bdbdbd; } .copyright{ font-size: 12px; } .copyright i{ vertical-align: middle; color: #d81e05; font-size: 15px; margin:10px 0; }
Copyright ©2k19 -
Hexid
|
Tex7ure