Last active
August 29, 2015 13:58
-
-
Save johnny13/10182836 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| * FreshLime Global Styles | |
| * | |
| * Version: 0.0.1 | |
| * GIST: https://gist.github.com/johnny13/10182836 | |
| * | |
| */ | |
| /* GLOBAL STYLES | |
| -------------------------------------------------- */ | |
| /* Padding below the footer and lighter body text */ | |
| .navbar { | |
| margin-bottom:0px; | |
| border-radius:0px; | |
| border:none; | |
| } | |
| .navbar-brand { | |
| padding-top:8px; | |
| } | |
| .footer { | |
| color:#EFEFEF; | |
| background-color: #414141; | |
| /* margin-top: 50px; */ | |
| padding-top: 20px; | |
| padding-bottom: 20px; | |
| } | |
| .footer a { | |
| color:#4ACA13; | |
| } | |
| .fa-primary { | |
| color:#80C242; | |
| } | |
| .fa-1{font-size:1.5em} | |
| .fa-2{font-size:2em} | |
| .fa-3{font-size:4em} | |
| .fa-4{font-size:7em} | |
| .fa-5{font-size:12em} | |
| .fa-6{font-size:20em} | |
| .push { | |
| display:block; | |
| width:auto; | |
| margin:0px; | |
| padding:0px; | |
| position:relative; | |
| min-width:99%; | |
| height:20px; | |
| } | |
| .event-success, .event-primary { | |
| background-color: #80C242; | |
| } | |
| /* CUSTOM CSS | |
| -------------------------------------------------- | |
| -------------------------------------------------- */ | |
| .home-trio { | |
| font-size:16px; | |
| line-height:1.5; | |
| padding:0px 20px 20px 20px; | |
| } | |
| .home-trio-list { | |
| list-style-type:none; | |
| padding:0px 20px 20px 20px; | |
| } | |
| .home-trio-list li { | |
| padding:10px 0px 10px 0px; | |
| } | |
| .section-1 { | |
| background: #FFF; | |
| padding-top: 10px; | |
| padding-bottom: 50px; | |
| } | |
| .section-2 { | |
| background: #EEEEEE; | |
| padding-top: 30px; | |
| padding-bottom: 50px; | |
| } | |
| .section-3 { | |
| background: #ccc; | |
| padding-top: 30px; | |
| padding-bottom: 50px; | |
| } | |
| .section-4 { | |
| min-height:370px; | |
| background: #f8f8f8; | |
| padding-top: 30px; | |
| padding-bottom: 50px; | |
| } | |
| /* Page Sections */ | |
| .section, | |
| .section-colored { | |
| padding: 50px 0; | |
| } | |
| .section-colored { | |
| background-color: #e1e1e1; | |
| /* change this to change the background color of a colored section */ | |
| } | |
| /* Login CSS | |
| -------------------------------------------------- */ | |
| @media (min-width: 768px) { | |
| .omb_row-sm-offset-3 div:first-child[class*="col-"] { | |
| margin-left: 25%; | |
| } | |
| } | |
| .omb_login .omb_authTitle { | |
| text-align: center; | |
| line-height: 300%; | |
| } | |
| .omb_login .omb_socialButtons a { | |
| color: white; // In yourUse @body-bg | |
| opacity:0.9; | |
| } | |
| .omb_login .omb_socialButtons a:hover { | |
| color: white; | |
| opacity:1; | |
| } | |
| .omb_login .omb_socialButtons .omb_btn-facebook {background: #3b5998;} | |
| .omb_login .omb_socialButtons .omb_btn-twitter {background: #00aced;} | |
| .omb_login .omb_socialButtons .omb_btn-google {background: #c32f10;} | |
| .omb_login .omb_loginOr { | |
| position: relative; | |
| font-size: 1.5em; | |
| color: #aaa; | |
| margin-top: 1em; | |
| margin-bottom: 1em; | |
| padding-top: 0.5em; | |
| padding-bottom: 0.5em; | |
| } | |
| .omb_login .omb_loginOr .omb_hrOr { | |
| background-color: #cdcdcd; | |
| height: 1px; | |
| margin-top: 0px !important; | |
| margin-bottom: 0px !important; | |
| } | |
| .omb_login .omb_loginOr .omb_spanOr { | |
| display: block; | |
| position: absolute; | |
| left: 50%; | |
| top: -0.6em; | |
| margin-left: -1.5em; | |
| background-color: white; | |
| width: 3em; | |
| text-align: center; | |
| } | |
| .omb_login .omb_loginForm .input-group.i { | |
| width: 2em; | |
| } | |
| .omb_login .omb_loginForm .help-block { | |
| color: red; | |
| } | |
| /* change the URL to a picture of your choice - the higher quality the better! */ | |
| .business-header { | |
| height: 400px; | |
| /* background: url(../img/lady_blur.jpg) center center no-repeat; */ | |
| background-color:#80C242; | |
| background-size: cover; | |
| } | |
| /* adjust the color and text shadow to optimize legibility once you have an image set - you can also change the vertical positioning if desired */ | |
| .tagline { | |
| color: #fff; | |
| text-shadow: -1px 2px 2px #000; | |
| margin-top:100px; | |
| font-size:3.5em; | |
| text-align:center; | |
| } | |
| #phone_hom1e { | |
| position:absolute; | |
| display:block; | |
| bottom:0; | |
| } | |
| @media (min-width: 768px) { | |
| .omb_login .omb_forgotPwd { | |
| text-align: right; | |
| margin-top:10px; | |
| } | |
| } | |
| .featurette { | |
| background: #545455; | |
| padding: 50px 0; | |
| color: #ffffff; | |
| } | |
| .featurette-item { | |
| margin-bottom: 15px; | |
| } | |
| .featurette-item > i { | |
| border: 3px solid #80C242; | |
| border-radius: 50%; | |
| display: block; | |
| font-size: 56px; | |
| width: 140px; | |
| height: 140px; | |
| margin:0px auto 0px auto; | |
| line-height: 136px; | |
| vertical-align: middle; | |
| text-align: center; | |
| } | |
| .featurette-item > i:hover { | |
| font-size: 68px; | |
| } | |
| .btn-default { | |
| background-color: #7E7E7E; | |
| border-color: #7E7E7E; | |
| } | |
| /* homepage banner */ | |
| .banner { | |
| padding: 100px 0; | |
| color: #f8f8f8; | |
| /* background: url(../img/back_blur.jpg) no-repeat center center; */ | |
| background-color:#0BA7D3; | |
| background-size: cover; | |
| } | |
| .banner .btn-default { | |
| background-color: #7E7E7E; | |
| border-color: #333333; | |
| } | |
| .banner h2 { | |
| margin: 0; | |
| text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6); | |
| font-size: 3em; | |
| } | |
| .banner ul { | |
| margin-bottom: 0; | |
| } | |
| .banner-social-buttons { | |
| float: right; | |
| margin-top: 0; | |
| } | |
| @media (max-width: 1199px) { | |
| ul.banner-social-buttons { | |
| float: left; | |
| margin-top: 15px; | |
| } | |
| } | |
| @media (max-width: 767px) { | |
| .banner h2 { | |
| margin: 0; | |
| text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6); | |
| font-size: 3em; | |
| } | |
| ul.banner-social-buttons > li { | |
| display: block; | |
| margin-bottom: 20px; | |
| padding: 0; | |
| } | |
| ul.banner-social-buttons > li:last-child { | |
| margin-bottom: 0; | |
| } | |
| } | |
| /* END homepage banner */ | |
| /*QUOTES*/ | |
| /* carousel */ | |
| #quote-carousel | |
| { | |
| padding: 0 10px 30px 10px; | |
| margin-top: 30px 0px 0px; | |
| } | |
| /* Control buttons */ | |
| #quote-carousel .carousel-control | |
| { | |
| background: none; | |
| color: #222; | |
| font-size: 2.3em; | |
| text-shadow: none; | |
| margin-top: 30px; | |
| } | |
| /* Previous button */ | |
| #quote-carousel .carousel-control.left | |
| { | |
| left: -12px; | |
| } | |
| /* Next button */ | |
| #quote-carousel .carousel-control.right | |
| { | |
| right: -12px !important; | |
| } | |
| /* Changes the position of the indicators */ | |
| #quote-carousel .carousel-indicators | |
| { | |
| right: 50%; | |
| top: auto; | |
| bottom: 0px; | |
| margin-right: -19px; | |
| } | |
| /* Changes the color of the indicators */ | |
| #quote-carousel .carousel-indicators li | |
| { | |
| background: #c0c0c0; | |
| } | |
| #quote-carousel .carousel-indicators .active | |
| { | |
| background: #333333; | |
| } | |
| #quote-carousel img | |
| { | |
| width: 250px; | |
| height: 100px | |
| } | |
| /* End carousel */ | |
| .item blockquote { | |
| border-left: none; | |
| margin: 0; | |
| } | |
| .item blockquote img { | |
| margin-bottom: 10px; | |
| } | |
| .item blockquote p:before { | |
| content: "\f10d"; | |
| font-family: 'Fontawesome'; | |
| float: left; | |
| margin-right: 10px; | |
| } | |
| /* .user_stack profile */ | |
| .user_stack .profile { | |
| background-color: #0C67B6; | |
| border: 1px solid #535353; | |
| -webkit-border-top-left-radius: 3px; | |
| -webkit-border-top-right-radius: 3px; | |
| -moz-border-radius-topleft: 3px; | |
| -moz-border-radius-topright: 3px; | |
| border-top-left-radius: 3px; | |
| border-top-right-radius: 3px; | |
| } | |
| .user_stack .profile img { | |
| display: block; | |
| border: 10px solid rgba(255, 255, 255, 0.3); | |
| margin: 0 auto; | |
| margin-top: 10px; | |
| margin-bottom: 10px; | |
| } | |
| .user_stack .profile p { | |
| text-align: center; | |
| color: #fff; | |
| } | |
| .accountNumber { | |
| padding:10px 0px 0px 0px; | |
| text-align:center; | |
| font-size:16px; | |
| line-height:1; | |
| } | |
| .user_stack .list-group-item { | |
| background-color: #fff; | |
| border-radius: 0px !important; | |
| border: 1px solid #DDD; | |
| } | |
| .user_stack .list-group-item.active, .user_stack .list-group-item:hover { | |
| background-color: #F8F7F5; | |
| } | |
| .list-group-item-inverse, .list-group-item-inverse:hover { | |
| background-color:#535353!important; | |
| border:none!important; | |
| color:#F8F7F5; | |
| font-weight:bold; | |
| } | |
| .user-details {position: relative; padding: 0; margin-top:-60px;} | |
| .user-details .user-image {position: relative; z-index: 1; width: 100%; text-align: center;} | |
| .user-image img { clear: both; margin: auto; position: relative;} | |
| .fa-white { | |
| color:#FFFFFF!important; | |
| } | |
| .custab{ | |
| padding: 5px; | |
| margin: 20px 0; | |
| } | |
| table a, .table a { | |
| text-decoration:none; | |
| } | |
| .meta-search { | |
| margin-top:10px; | |
| } | |
| .service_title { | |
| margin:0px 0px 10px 10px; | |
| } | |
| .star-rating .my-clear, .star-rating-rtl .my-clear { | |
| color: #aaa; | |
| cursor: not-allowed; | |
| display: inline-block; | |
| vertical-align: middle; | |
| font-size: 70%; | |
| } | |
| .ratings-box { | |
| padding:20px; | |
| } | |
| .my-clear-active { | |
| cursor: pointer !important; | |
| } | |
| .my-clear-active:hover { | |
| color: blue; | |
| } | |
| .star-rating .my-clear { | |
| padding-right: 5px; | |
| } | |
| .star-rating-rtl .my-clear { | |
| padding-left: 5px; | |
| } | |
| .rating-xl .my-clear { | |
| padding-bottom: 20px; | |
| } | |
| .rating-lg .my-clear { | |
| padding-bottom: 17px; | |
| } | |
| .rating-md .my-clear { | |
| padding-bottom: 15px; | |
| } | |
| .rating-sm .my-clear { | |
| padding-bottom: 12px; | |
| } | |
| .rating-xs .my-clear { | |
| padding-bottom: 10px; | |
| } | |
| /* End .user_stack profile */ | |
| /** | |
| MEDIA QUERIES | |
| */ | |
| /* Small devices (tablets, 768px and up) */ | |
| @media (min-width: 768px) { | |
| #quote-carousel | |
| { | |
| margin-bottom: 0; | |
| padding: 0 40px 30px 40px; | |
| margin-top: 30px; | |
| } | |
| } | |
| /* Small devices (tablets, up to 768px) */ | |
| @media (max-width: 768px) { | |
| /* Make the indicators larger for easier clicking with fingers/thumb on mobile */ | |
| #quote-carousel .carousel-indicators { | |
| bottom: -20px !important; | |
| } | |
| #quote-carousel .carousel-indicators li { | |
| display: inline-block; | |
| margin: 0px 5px; | |
| width: 15px; | |
| height: 15px; | |
| } | |
| #quote-carousel .carousel-indicators li.active { | |
| margin: 0px 5px; | |
| width: 20px; | |
| height: 20px; | |
| } | |
| } | |
| /* Media Queries for custom slider */ | |
| @media screen and (max-width: 660px) { | |
| .demo-1 .deco { | |
| width: 130px; | |
| height: 130px; | |
| margin-left: -65px; | |
| margin-bottom: 50px; | |
| } | |
| .demo-1 [data-icon]:after { | |
| width: 110px; | |
| height: 110px; | |
| line-height: 110px; | |
| font-size: 40px; | |
| margin: -55px 0 0 -55px; | |
| } | |
| .demo-1 .sl-slide blockquote { | |
| margin-bottom: -120px; | |
| } | |
| .demo-1 .sl-slide h2 { | |
| line-height: 22px; | |
| font-size: 18px; | |
| margin-bottom: -40px; | |
| letter-spacing: 8px; | |
| } | |
| .demo-1 .sl-slide blockquote p:before { | |
| line-height: 10px; | |
| width: 40px; | |
| height: 40px; | |
| font-size: 120px; | |
| left: -45px; | |
| } | |
| .sl-slider-wrapper { | |
| height: 500px; | |
| } | |
| .sl-slider h2 { | |
| font-size: 36px; | |
| } | |
| .sl-slider blockquote { | |
| font-size: 16px; | |
| } | |
| } | |
| /* SERVCIES */ | |
| .mb20 { margin-bottom: 20px; } | |
| hgroup { padding-left: 15px; border-bottom: 1px solid #ccc; } | |
| hgroup h1 { font: 500 normal 1.625em Arial,Verdana,sans-serif; color: #2a3644; margin-top: 0; line-height: 1.15; } | |
| hgroup h2.lead { font: normal normal 1.125em Arial,Verdana,sans-serif; color: #2a3644; margin: 0; padding-bottom: 10px; } | |
| .search-result .thumbnail { border-radius: 0 !important; } | |
| .search-result:first-child { margin-top: 0 !important; } | |
| .search-result { margin-top: 20px;padding:0px 20px 0px 20px; } | |
| .search-result .col-md-2 { border-right: 1px dotted #ccc; min-height: 140px; } | |
| .search-result ul { padding-left: 0 !important; list-style: none; } | |
| .search-result ul li { font: 400 normal .85em Arial,Verdana,sans-serif; line-height: 30px; } | |
| .search-result ul li i { padding-right: 5px; } | |
| .search-result .col-md-7 { position: relative; } | |
| .search-result h3 { font: 500 normal 1.375em Arial,Verdana,sans-serif; margin-top: 0 !important; margin-bottom: 10px !important; } | |
| .search-result p { font: normal normal 1.125em Arial,Verdana,sans-serif; } | |
| .search-result span.plus { position: absolute; right: 0; top: 126px; } | |
| .search-result span.plus a { background-color: #248dc1; padding: 5px 5px 3px 5px; } | |
| .search-result span.plus a:hover { background-color: #414141; } | |
| .search-result span.plus a i { color: #fff !important; } | |
| .search-result span.border { display: block; width: 97%; margin: 0 15px; border-bottom: 1px dotted #ccc; } | |
| .thumbsupbox > .icon { text-align: center; position: relative; } | |
| .thumbsupbox > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #63B76C; vertical-align: middle; } | |
| .thumbsupbox > .icon:hover > .image { background: #333; } | |
| .thumbsupbox > .icon > .image > i { font-size: 36px !important; color: #fff !important; } | |
| .thumbsupbox > .icon:hover > .image > i { color: white !important; } | |
| .thumbsupbox > .icon > .info { margin-top: -24px; background: rgba(0, 0, 0, 0.04); border: 1px solid #e0e0e0; padding: 15px 0 10px 0; } | |
| .thumbsupbox > .icon:hover > .info { background: rgba(0, 0, 0, 0.04); border-color: #e0e0e0; color: white; } | |
| .thumbsupbox > .icon > .info > h3.title { font-family: "Roboto",sans-serif !important; font-size: 16px; color: #222; font-weight: 500; } | |
| .thumbsupbox > .icon > .info > p { font-family: "Roboto",sans-serif !important; font-size: 13px; color: #666; line-height: 1.5em; margin: 20px;} | |
| .thumbsupbox > .icon:hover > .info > h3.title, .thumbsupbox > .icon:hover > .info > p, .thumbsupbox > .icon:hover > .info > .more > a { color: #222; } | |
| .thumbsupbox > .icon > .info > .more a { font-family: "Roboto",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; } | |
| .thumbsupbox .space { height: 30px; } | |
| .Xthumbnail img { | |
| width: 100%; | |
| } | |
| .ratings { | |
| color: #d17581; | |
| padding-left: 10px; | |
| padding-right: 10px; | |
| } | |
| .Xthumbnail { | |
| padding: 0; | |
| } | |
| .Xthumbnail .caption-full { | |
| padding: 9px; | |
| color: #333; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment