Submit
Path:
~
/
home
/
getwphos
/
www
/
jewel
/
drone
/
assets
/
css
/
File Content:
styles.css
/* * Template Name: * Template URI: * Description: * Author: * Author URI: * Version: 1.0 */ /*---------------------------------------------------------------------- / Table of Contents ------------------------------------------------------------------------ / * 1 - Imported Stylesheets * 2 - General Styles * 2.1 - Button Styles * 2.2 - Social Icons * 3 - Header * 3.1 - Navigation One * 3.2 - Navigation Two * 4 - Section * 4.1 - Section Title * 5 - Parallax * 5.1 - Parallax Backgrounds * 6 - Home * 7 - About * 8 - Resume * 8.1 - Timeline * 9 - Milstone Counters * 10 - Service Items * 11 - Skill * 11.1 - Skill Chart * 12 - Work Process * 13 - Portfolio * 13.1 - Isotop Transitions * 13.2 - Portfolio Single Page * 14 - Pricetable BG * 14.1 - Priceing * 15 - Blog * 16 - Clients * 16.1 - Testimonials * 16.2 - Clients Logo * 17 - Contact * 18 - Footer * 18.1 - Tweet List * 18.2 - Footers Widgets * 18.3 - Footer Social Icons * 19 - Color Switcer * 20 - Preloader ------------------------------------------------------------------------ / Table of Contents End ------------------------------------------------------------------------*/ /* 1 - Imported Stylesheets ------------------------------------------------------------------------*/ /*@import url(metrofontpack.css); */ /* 2 - General Styles ------------------------------------------------------------------------*/ html{ overflow-y: scroll; overflow-x: hidden; } a ,a:hover, a:focus{ text-decoration: none; outline:none; } .clear { clear: both; } .ui-tabs-hide { display: none; } br.clear { margin: 0px; padding: 0px; } hr{margin: 10px 0;} h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; text-rendering:optimizespeed; } p { padding-bottom: 10px; line-height: 25px; } strong { font-weight: bold; color: #1c1c1c; } cite, em, i { font-style: italic; } pre, code { font-family: Courier New, monospace; margin-bottom: 10px; } ins { text-decoration: none; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 0.8em; } sub { top: 0.3em; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em;} blockquote { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; } blockquote p { padding-bottom: 0px; } input[type=text],input.text, input.title, textarea, select { background-color:#FFFFFF; border:1px solid #bbb; padding: 2px; color: #4e4e4e; } input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; } input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; } textarea { padding: 4px; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ ul, ol{margin: 0px;} a:focus{ outline: none; } .left { float: left; } .right{ float: right; } blockquote{ background: none; border: none; font-style: normal; } blockquote p { font-size: 17.5px; font-weight: bold; line-height: 30px; } .text-left{ text-align: left; } .text-right{ text-align: right; } .text-center{ text-align: center; } .bg-color-black{ background-color: #000000; } .bg-color-black h2{ color: #FFFFFF; } /* 2.1 - Typography ------------------------------------------------------------------------*/ body { background: transparent; font-family: "Open Sans",Arial,sans-serif; font-size: 14px; color: #8c8c8c; line-height: 25px; } h1, h2, h3, h4, h5, h6 { font-family: "Raleway",Helvetica,Arial,sans-serif; font-weight: normal; } h1 { color: #fced00; font-size: 62px; line-height: 66px; word-spacing: 10px; } h2 { color: #000; font-size: 44px; line-height: 56px; word-spacing: 8px; } h3 { color: #2e2e2e; font-size: 20px; line-height: 24px; word-spacing: 3px; } h4 { color: #2e2e2e; font-size: 18px; line-height: 22px; word-spacing: 5px; } h5 { color: #333; font-size: 16px; line-height: 28px; word-spacing: 5px; } h6 { color: #000; font-size: 14px; line-height: 20px; word-spacing: 3px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #111; } /* 2.1 - Social Icons ------------------------------------------------------------------------*/ /* mt social icons */ .mt-si { padding: 0; margin: 2em 0; list-style: none; margin-left: 28px; } .mt-si li { display:inline-block; padding:0; margin-bottom: 3px; } /* Social Icon Circuler Style*/ .sis-circle li a { border-radius: 50%; border: 2px solid #ffffff; } .sis-box li a { border-radius: 10%; border: 2px solid #ffffff; } /* Social Icon Size 32px & 64px */ .sis-32 li a{ height: 32px; width: 32px; line-height: 32px; } .sis-64 li a { height: 50px; width: 50px; line-height: 50px; } .mt-si li a { color: #FFFFFF; background: transparent; display: block; font-family: 'fontello'; font-size: 15px; margin: 0 1.1em 0.2em 0; padding: 0; text-align: center; } .mt-si li a.facebook:before { content: '\e800'; } .mt-si li a.twitter:before { content: '\e801'; } .mt-si li a.flickr:before { content: '\e810'; } .mt-si li a.rss:before { content: '\e80b'; } .mt-si li a.dribble:before { content: '\e806'; } .mt-si li a.lastfm:before { content: '\e80a'; } .mt-si li a.linkedin:before { content: '\e802'; } .mt-si li a.vimeo:before { content: '\e80c'; } .mt-si li a.google:before { content: '\e84d'; } .mt-si li a.forrst:before { content: '\e80d'; } .mt-si li a.skype:before { content: '\e812'; } .mt-si li a.picassa:before { content: '\e8e0'; } .mt-si li a.youtube:before { content: '\e813'; } .mt-si li a.tumblr:before { content: '\e815'; } .mt-si li a.behance:before { content: '\e868'; } .mt-si li a.blogger:before { content: '\e80f'; } .mt-si li a.delicious:before { content: '\e80f'; } .mt-si li a.digg:before { content: '\e807'; } .mt-si li a.friendfeed:before { content: '\e867'; } .mt-si li a.github:before { content: '\e805'; } .mt-si li a.wordpress:before { content: '\e816'; } .mt-si li a.pinterest:before { content: '\e804'; } .mt-si li a.instagram:before { content: '\e808'; } /* social icon hovers */ .mt-si li a.facebook:hover { background-color:#3c5fac; border-color: #3c5fac; } .mt-si li a.twitter:hover { background-color:#5ec3df; border-color: #5ec3df; } .mt-si li a.flickr:hover { background-color:#FF0084; border-color: #FF0084; } .mt-si li a.rss:hover { background-color:#ff9900; border-color: #ff9900; } .mt-si li a.dribble:hover { background-color:#EA4C89; border-color: #EA4C89; } .mt-si li a.lastfm:hover { background-color:#D51007; border-color: #D51007; } .mt-si li a.linkedin:hover { background-color:#2089b5; border-color: #2089b5; } .mt-si li a.vimeo:hover { background-color:#0dadd6; border-color: #0dadd6; } .mt-si li a.google:hover { background-color:#c63d2d; border-color: #c63d2d; } .mt-si li a.forrst:hover { background-color:#5b9a68; border-color: #5b9a68; } .mt-si li a.skype:hover { background-color:#00aff0; border-color: #00aff0; } .mt-si li a.picassa:hover { background-color:#ffd34e; border-color: #ffd34e; } .mt-si li a.youtube:hover { background-color:#c8312b; border-color: #c8312b; } .mt-si li a.pinterest:hover { background-color:#cb2027; border-color: #cb2027; } .mt-si li a.tumblr:hover { background-color: #2C4762; border-color: #2C4762; } .mt-si li a.behance:hover { background-color: #3878F6; border-color: #3878F6; } .mt-si li a.blogger:hover { background-color: #fc9947; border-color: #fc9947; } .mt-si li a.delicious:hover { background-color: #3274d1; border-color: #3274d1; } .mt-si li a.digg:hover { background-color: #205891; border-color: #205891; } .mt-si li a.friendfeed:hover { background-color: #2f72c4; border-color: #2f72c4; } .mt-si li a.github:hover { background-color: #000000; border-color: #FFFFFF; } .mt-si li a.wordpress:hover { background-color: #0083b3; border-color: #0083b3; } .mt-si li a.instagram:hover { background-color:#3f729b; border-color: #3f729b; } /* Social Icon Solid */ .mt-si-solid { padding:0; margin:2em 0; list-style:none; } .mt-si-solid li { display:inline-block; padding:0; margin-bottom: 3px; } .mt-si-solid li a { color: #FFFFFF; display: block; font-family: 'fontello'; font-size: 18px; margin: 0 0.1em 0.2em 0; padding: 0; text-align: center; border: none; } .mt-si-solid li a.facebook:before { content: '\e800'; } .mt-si-solid li a.twitter:before { content: '\e801'; } .mt-si-solid li a.flickr:before { content: '\e810'; } .mt-si-solid li a.rss:before { content: '\e80b'; } .mt-si-solid li a.dribble:before { content: '\e806'; } .mt-si-solid li a.lastfm:before { content: '\e80a'; } .mt-si-solid li a.linkedin:before { content: '\e802'; } .mt-si-solid li a.vimeo:before { content: '\e80c'; } .mt-si-solid li a.google:before { content: '\e84d'; } .mt-si-solid li a.forrst:before { content: '\e80d'; } .mt-si-solid li a.skype:before { content: '\e812'; } .mt-si-solid li a.picassa:before { content: '\e8e0'; } .mt-si-solid li a.youtube:before { content: '\e813'; } .mt-si-solid li a.tumblr:before { content: '\e815'; } .mt-si-solid li a.behance:before { content: '\e868'; } .mt-si-solid li a.blogger:before { content: '\e80f'; } .mt-si-solid li a.delicious:before { content: '\e80f'; } .mt-si-solid li a.digg:before { content: '\e807'; } .mt-si-solid li a.friendfeed:before { content: '\e867'; } .mt-si-solid li a.github:before { content: '\e805'; } .mt-si-solid li a.wordpress:before { content: '\e816'; } .mt-si-solid li a.pinterest:before { content: '\e804'; } .mt-si-solid li a.instagram:before { content: '\e808'; } .mt-si-solid li a.facebook { background-color:#3c5fac; } .mt-si-solid li a.twitter { background-color:#5ec3df; } .mt-si-solid li a.flickr { background-color:#FF0084; } .mt-si-solid li a.rss { background-color:#ff9900; } .mt-si-solid li a.dribble { background-color:#EA4C89; } .mt-si-solid li a.lastfm { background-color:#D51007; } .mt-si-solid li a.linkedin { background-color:#2089b5; } .mt-si-solid li a.vimeo { background-color:#0dadd6; } .mt-si-solid li a.google { background-color:#c63d2d; } .mt-si-solid li a.forrst { background-color:#5b9a68; } .mt-si-solid li a.skype { background-color:#00aff0; } .mt-si-solid li a.picassa { background-color:#ffd34e; } .mt-si-solid li a.youtube { background-color:#c8312b; } .mt-si-solid li a.pinterest { background-color:#cb2027; } .mt-si-solid li a.tumblr { background-color: #2C4762; } .mt-si-solid li a.behance { background-color: #3878F6; } .mt-si-solid li a.blogger { background-color: #fc9947; } .mt-si-solid li a.delicious { background-color: #3274d1; } .mt-si-solid li a.digg { background-color: #205891; } .mt-si-solid li a.friendfeed { background-color: #2f72c4; } .mt-si-solid li a.github { background-color: #000; } .mt-si-solid li a.wordpress { background-color: #0083b3; } .mt-si-solid li a.instagram { background-color:#3f729b; } /* 2.2 - Body ------------------------------------------------------------------------*/ body{ background-color: #ffffff; left: 0; right: 0; width: 100%; height: 100%; z-index: -1; } /* - Main-header................ ------------------------------------------------------------------------*/ .main-header { padding-top: 20px; } .navigation-menu.flex { display: flex !important; } .flex { display: flex; align-items: center; } .header-details { padding-left: 100px !important; } .header-details li { padding: 0 20px; } .header-details ul li { display: inline-block; letter-spacing: 1px; font-weight: 600; } .header-details ul li a{ color: #FFFFFF; border-bottom: 1px solid #ffffff; } .flex3 { text-align: right; flex-grow: 3; } .in-block { display: inline-block; } ul.header-menu.in-block { display: inline-block; list-style: none; } .header-menu li { display: inline-block; padding-left: 30px; } .header-menu li a { color: #FFFFFF; font-weight: 600; letter-spacing: 1px; border-bottom: 1px solid #ffffff; } .blog button.menu-icon { border-color: #fff; } /* 2.1 - Overlay-button navigation ------------------------------------------------------------------------*/ .overlay-button { float: right; margin-top: 5px; margin-right: 20px; color: #fff; margin-left: 100px; transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; } .overlay { background-color: #ffffff; height: 100%; overflow-x: hidden; position: fixed; right: 0; top: 0; transition: all 0.5s ease 0s; width: 0; z-index: 1; } .nav-menu { position: relative; top: 25%;*/ width: 100%; margin-top: 30px; text-decoration: none; } .nav-menu-side ul{ text-decoration: none; list-style: none; } .nav-menu-side li { list-style: none; margin-bottom: 9px; } .menu-bar li a { font-size: 12px; font-weight: 600; padding: 5px; color: #000000; display: block; text-decoration: none; transition: all 0.3s ease 0s; text-transform: uppercase; font-family: "Josefin Sans",sans-serif; } ul.menu-bar li a::before { position: absolute; content: ""; width: 0; border: 1px solid transparent; top: calc(100% + 5px); left: 0; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } .overlay .closebtn { position: absolute; top: 20px; right: 45px; font-size: 30px; color: #000000; } @media screen and (max-height: 450px) { .overlay a {font-size: 20px} .overlay .closebtn { font-size: 40px; top: 15px; right: 35px; } } /* 2.1 -content col-md-6 ------------------------------------------------------------------------*/ .content, .content-m-title { margin-left: 25%; z-index: 99 !important; } .content h2, .content-m-title h2{ color: #fff; font-size: 50px; line-height: 60px; font-weight: 100!Important; font-family: MuseoSansCyrl; } .content, .content-m-title{ position: relative; top: 30%; transform: translateY(-50%); } .content p, .content-m-title p { text-align: left; color: #ffffff; font-size: 16px; line-height: 28px; } .content-link { padding-top: 30px; } .content-link ul { margin-left: -35px; } .content-link ul li{ display: inline-block; margin-right: 100px; } .content-link a { text-align: ; text-transform: uppercase; color: #fffe7e; font-size: 18px; letter-spacing: 1px; font-weight: 600; } .content-m-title{ position: relative; top: 50%; transform: translateY(-50%); } .content-m-title a{ color: #fffe7e; font-weight: 600; margin-right: 5px; font-size: 18px; } .content-m-title a i { color: #fffe7e; margin-left: 8px; font-size: 20px; } .content-link-more a{ color: #fffe7e; font-size: 18px; letter-spacing: 1px; font-weight: 600; } /* 2.1 location-post ------------------------------------------------------------------------*/ .location-address { padding-top: 215px; } .location-post { padding-top: 215px; } .location-one li, .location-two li { list-style: none; padding-bottom: 30px; } .location-one li a, .location-two li a { color: #ffffff; font-size: 14px; font-weight: 600; } /* --------------------------------------- */ #section0{ background-image: url("../img/1.jpg"); background-repeat: no-repeat; background-size: cover; background-position: } #section0 h1{ color: #444; } #section0 p{ color: #333; opacity: 0.4; } /* Section 2 * --------------------------------------- */ #section1{ background-image: url("../img/2.jpg"); background-repeat: no-repeat; background-size: cover; background-position: } #section1 h1{ color: #fff; } #section1 p{ opacity: 0.8; } /* Section 3 * --------------------------------------- */ #section2{ background-image: url("../img/3.jpg"); background-repeat: no-repeat; background-size: cover; } #section2 h1{ color: #F2F2F2; } #section2 p{ opacity: 0.6; } /* Section 3 * --------------------------------------- */ #section3{ background-image: url("../img/4.jpg"); background-repeat: no-repeat; background-size: cover; } #section3 h1{ color: #F2F2F2; } #section3 p{ opacity: 0.6; } /* Section 3 * --------------------------------------- */ #section4{ background-image: url("../img/5.jpeg"); background-repeat: no-repeat; background-size: cover; } #section4 h1{ color: #F2F2F2; } #section4 p{ opacity: 0.6; } /* 2.2 - About |Us Page ------------------------------------------------------------------------*/ .about-details ul li a{ color: #000000; } ul.about-h-menu li a{ color: #000000; } .about-button { color: #000000; } /* 2.1 -About Who We Are Menu Tab ------------------------------------------------------------------------*/ .whoweare{ position: relative; margin-top: 100px; } .about-title-heading { font-size: 267px; text-transform: uppercase; white-space: nowrap; letter-spacing: 15px; font-family: MuseoSans900; position: relative; color: #d6d6d6; opacity: 0.6; text-align: center; } .container.inner-container { max-width: 1000px !important; } .about-top { position: relative; transition: all .1s ease-in; -webkit-transition: all .1s ease-in; } .about-menu { border-bottom: 3px solid #eaeaea; text-align: center; display: inline-block; margin-top: -32px; } .about-menu li:not(:last-child) { padding: 0 120px 0 0; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #fff; background: none; border: none; font-weight: 600; } .about-menu li.active a { color: #000 !important; } .nav-tabs > li > a { color: #a4a4a4; font-family: MuseoSansCyrl; font-weight: 600; border: none; text-align: left; } .about-menu li a { border: none !important; color: #8a8b8c; position: relative; text-transform: uppercase; font-family: 'Museosanscyrl500'; padding: 15px 0; background: none !important; font-weight: 700; letter-spacing: 1px; font-size: 13px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.428571429; border: 1px solid transparent; border-radius: 4px 4px 0 0; } /* 2.1 -About--Who ------------------------------------------------------------------------*/ .whoBg { background-image: url(../img/who-bg.png); background-size: cover; background-position: center center; padding-bottom: 100px; margin-top: 80px; } .title-who { text-align: center; font-size: 65px; font-weight: 900; text-transform: uppercase; letter-spacing: 8px; position: relative; padding-bottom: 100px; } h2.title-who::after { position: absolute; left: 0; right: 0; margin: auto; width: 1px; height: 60px; background: #000; bottom: 25px; content: ""; } /* 2.1 -About--what ------------------------------------------------------------------------*/ #what { background-image: url(../img/5.jpeg); background-size: cover; background-position: center center; margin-top: 50px; padding-top: 125px; } .title-who { text-align: center; font-size: 65px; font-weight: 900; text-transform: uppercase; letter-spacing: 8px; position: relative; padding-bottom: 100px; } ul.what-links { padding-top: 20px !important; } ul.what-links li { display: block; padding: 10px; } ul.what-links li a { color: #fff; text-transform: capitalize; letter-spacing: 1px; font-size: 15px; font-family: MuseoSansCyrl; } .right-what h4 { color: #ffffff; margin: 35px 0; font-size: 22px; line-height: 30px; font-family: 'MuseoSansCyrl' !important; } .right-what p { color: #ffffff; font-size: 17px; letter-spacing: .5px; line-height: 27px; font-family: 'MuseoSansCyrl' !important; margin: 50px 0; } .right-what h5 { font-size: 18px; line-height: 30px; font-family: 'Museosanscyrl500' !important; letter-spacing: .5px; color: #ffffff; } /* 2.1 -Footer ------------------------------------------------------------------------*/ .footer { background-color: #1c1e24; padding: 100px 0; } .footer-nav ul { list-style: none; } .footer-nav ul li { margin-bottom: 15px; } .footer-nav ul li a { color: #ffffff; font-size: 13px; } .footer-nav ul li a:hover{ opacity: 0.3; } .phone-n{ margin-bottom: 30px; } .phone-n h4, .email-a h4{ margin: 0; color: #ffffff; font-weight: 100; font-size: 18px; letter-spacing: 1px; opacity: 0.5; display: block; } .phone-n p, .email-a p { color: #ffffff; font-size: 16px; border-bottom: 1px solid #979797; display: inline-block; padding-bottom: 0px; } .social-foot { margin-top: 30px; padding: 0px; }.social-foot li { display: inline-block; } ul.social-foot li a { font-size: 20px; color: #ffffff; padding-right: 20px; } #team{ padding: 120px 0; } .team-title-details h2 { text-transform: uppercase; font-size: 120px; color: #000; text-align: center; letter-spacing: 5px; font-family: 'MuseoSans900' !important; } .operational-team { float: left; width: 100%; margin: 0; padding: 60px; } .operational-team h4 { font-size: 21px; font-family: 'MuseoSans900' !important; letter-spacing: .5px; position: relative; margin-top: 26px; } .operational-team h4::after { content: ""; position: absolute; right: 10px; top: 10px; width: 60px; height: 1px; background: #000; } .operational-team p { font-size: 17px; line-height: 30px; letter-spacing: 0px; }
Submit
FILE
FOLDER
Name
Size
Permission
Action
colors
---
0755
font-awesome
---
0755
fontello
---
0755
javascript.fullPage.css
4018 bytes
0644
responsive.css
3646 bytes
0644
styles.css
22377 bytes
0644
N4ST4R_ID | Naxtarrr