Line 772: | Line 772: | ||
} | } | ||
.fancybox-close { | .fancybox-close { | ||
− | background: url("../ | + | background: url("https://static.igem.org/mediawiki/2017/a/ad/T--Edinburgh_OG--close.png") no-repeat scroll 0 0 transparent; |
height: 50px; | height: 50px; | ||
right: 0; | right: 0; | ||
Line 779: | Line 779: | ||
} | } | ||
.fancybox-next span { | .fancybox-next span { | ||
− | background: url("../ | + | background: url("https://static.igem.org/mediawiki/2017/7/7e/T--Edinburgh_OG--right.png") no-repeat scroll center center #009ee3; |
height: 50px; | height: 50px; | ||
width: 50px; | width: 50px; | ||
Line 785: | Line 785: | ||
} | } | ||
.fancybox-prev span { | .fancybox-prev span { | ||
− | background: url("../ | + | background: url("https://static.igem.org/mediawiki/2017/e/e7/T--Edinburgh_OG--left.png") no-repeat scroll center center #009ee3; |
height: 50px; | height: 50px; | ||
width: 50px; | width: 50px; |
Latest revision as of 00:18, 29 October 2017
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700); @import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700); @import url(http://fonts.googleapis.com/css?family=Glegoo); .logo {
width: 180px; margin-top: -30px;
} body {
font-family: 'Roboto', sans-serif !important;
} h1, h2, h3, h4, h5, h6 {
font-family: 'Yanone Kaffeesatz', sans-serif !important;
} p {
font-family: 'Roboto', sans-serif !important; line-height: 22px; font-size: 16px; font-weight: 300;
} ul {
padding-left: 0;
} ul li {
list-style: none;
} h2 {
font-size: 26px;
} a:hover {
text-decoration: none;
} .section-heading {
text-align: center; margin-bottom: 65px;
} .section-heading p {
font-size: 14px; font-weight: 300; color: #727272; line-height: 20px;
} .title {
font-size: 30px; line-height: 1.1; font-weight: 300; color: #333; text-transform: uppercase; margin-bottom: 20px;
} .subtitle {
font-size: 24px; font-weight: 600; margin-bottom: 18px; text-transform: uppercase;
} .subtitle-des {
color: #727272; font-size: 14px; margin-bottom: 35px; font-weight: 300;
} .pages {
padding: 80px 0 40px;
} .moduler {
padding: 140px 0;
} .navbar-default .navbar-nav > li > a:hover {
color: #D30000 !important;
} .navbar.navbar-default {
border: 0; border-radius: 0; margin-bottom: 0;
} .navbar.navbar-default .navbar-toggle {
margin-top: 32px;
} .navbar-header .navbar-brand {
padding: 5px 0;
} .navbar-header .navbar-brand a {
height: auto; display: inline-block; margin-top: 8px;
} .navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:focus {
background: #444;
}
- top-bar {
background: #fff; color: #fff; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; padding: 15px 0; -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); border-bottom: 1px solid #dedede;
}
- top-bar .navbar-nav > li > a:hover {
background: transparent;
}
- top-bar.animated-header {
padding: 20px 0; background: #ffffff; box-shadow: none;
}
- top-bar .main-menu li > a {
color: #00007F;
}
- top-bar .main-menu li {
position: relative;
}
- top-bar .main-menu li a {
font-size: 14px; font-weight: 500; border-bottom: 2px solid transparent; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; text-transform: uppercase;
}
- top-bar .main-menu li a:hover {
color: #D30000 !important;
} .navbar-custom .nav li > a {
position: relative; color: #000;
} .navbar-right .dropdown-menu {
right: auto; left: 0;
} .navbar-custom .dropdown-menu {
position: absolute; display: block; visibility: hidden; opacity: 0;
}
- hero-area {
background: url('https://static.igem.org/mediawiki/2017/9/90/T--Edinburgh_OG--slider.jpg') no-repeat 50%; background-size: cover; background-attachment: fixed; padding: 230px 0; color: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); position: relative;
}
- hero-area:before {
content: ; z-index: 9; background: rgba(255, 255, 255, 0.78); position: absolute; top: 0; left: 0; right: 0; bottom: 0;
}
- hero-area .block {
position: relative; z-index: 999;
}
- hero-area h1 {
font-size: 40px; line-height: 50px; color: #333; font-weight: 700; margin-bottom: 15px; text-transform: uppercase;
}
- hero-area h2 {
font-size: 18px; font-weight: 300; margin-bottom: 38px; line-height: 27px; text-transform: uppercase; color: #666; font-family: 'Roboto', sans-serif !important; margin-top: 25px;
}
- hero-area .btn {
background: #D30000; border: none; color: #fff; padding: 20px 35px; margin-top: 30px; font-size: 16px; font-size: 13px; line-height: 1em; text-transform: uppercase; letter-spacing: normal; border-radius: 0;
}
- call-to-action {
background: #D30000 !important; background-size: cover; background-attachment: fixed; padding: 80px 0; text-align: center !important; position: relative; color: #fff;
}
- call-to-action .block {
position: relative; z-index: 99; color: #fff;
}
- call-to-action .block h2 {
margin-bottom: 15px; color: #fff;
}
- call-to-action .block p {
font-size: 15px; font-weight: 300; font-family: 'Roboto', sans-serif; margin-top: 20px; text-align: center !important;
}
- call-to-action .block .btn-contact {
background: #fff; border: none; color: #D30000 !important; padding: 16px 35px; margin-top: 20px; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; border-radius: 0;
}
- call-to-action .block .btn-contact i {
margin-right: 10px;
}
- call-to-action p {
text-align: center !important;
}
- about {
padding: 110px 0;
}
- about .block {
padding: 20px 30px 0;
}
- about .block h2 {
font-size: 26px; font-weight: 300; margin-bottom: 30px; text-transform: uppercase;
}
- about .block p {
color: #727272; font-size: 16px; line-height: 28px; margin-bottom: 35px;
}
- about .block img {
width: 400px;
} .works {
padding: 80px 0; background: #FCFCFC;
} .works .block {
position: relative; z-index: 99;
} .works .block:hover .img-overly .overly {
opacity: 1;
} .works .block h4 {
padding: 20px 15px; margin-top: 0; color: #666;
} .works .block .img-overly {
position: relative; background: rgba(0, 0, 0, 0.85);
} .works .block .img-overly img {
border-radius: 0;
} .works .block .img-overly .overly {
background: rgba(57, 181, 74, 0.9); position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 0; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all;
} .works .block .img-overly .overly a {
position: absolute; top: 45%; left: 22%;
} .works .block .img-overly .overly a i {
font-size: 30px; color: #fff;
} figure {
background: #fff; margin-bottom: 45px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.04), 0 2px 10px 0 rgba(0, 0, 0, 0.06);
} figure .img-wrapper {
position: relative; overflow: hidden;
} figure img {
-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 400ms; transition: transform 400ms;
} figure:hover img {
-webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1);
} figure:hover .overlay {
opacity: 1;
} figure:hover .overlay .buttons a {
-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
} figure .overlay {
position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 10px; text-align: center; background: rgba(0, 0, 0, 0.7); opacity: 0; -webkit-transition: opacity 400ms; transition: opacity 400ms;
} figure .overlay a {
display: inline-block; color: #fff; padding: 10px 23px; line-height: 1; border: 1px solid #fff; border-radius: 0; margin: 4px; -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); -webkit-transition: all 400ms; transition: all 400ms;
} figure .overlay a:hover {
text-decoration: none;
} figure .overlay:hover a {
-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
} figure .buttons {
position: absolute; top: 45%; left: 35%;
} figure figcaption {
padding: 20px 25px; margin-top: 0; color: #666;
} figure figcaption h4 {
margin: 0;
} figure figcaption h4 a {
color: #D30000 !important;
} figure figcaption p {
font-size: 14px; margin-bottom: 0; margin-top: 5px;
}
- feature {
padding: 80px 0;
}
- feature .media {
margin: 0 0 70px;
}
- feature .media .media-left {
padding-right: 25px;
}
- feature h3 {
color: #000; font-size: 20px; text-transform: uppercase; text-align: center; margin: 0 0 15px; font-weight: 400;
}
- feature p {
line-height: 25px; font-size: 14px; color: #777777;
}
- feature .icon {
text-decoration: none; color: #fff; background-color: #D30000 !important; height: 100px; text-align: center; width: 100px; font-size: 50px; line-height: 100px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; text-shadow: #00A4BA 1px 1px, #00A4BA 2px 2px, #00A4BA 3px 3px, #00A4BA 4px 4px, #00A4BA 5px 5px, #00A4BA 6px 6px, #00A4BA 7px 7px, #00A4BA 8px 8px, #00A4BA 9px 9px, #00A4BA 10px 10px, #00A4BA 11px 11px, #00A4BA 12px 12px, #00A4BA 13px 13px, #00A4BA 14px 14px, #00A4BA 15px 15px, #00A4BA 16px 16px, #00A4BA 17px 17px, #00A4BA 18px 18px, #00A4BA 19px 19px, #00A4BA 20px 20px, #00A4BA 21px 21px, #00A4BA 22px 22px, #00A4BA 23px 23px, #00A4BA 24px 24px, #00A4BA 25px 25px, #00A4BA 26px 26px, #00A4BA 27px 27px, #00A4BA 28px 28px, #00A4BA 29px 29px, #00A4BA 30px 30px, #00A4BA 31px 31px, #00A4BA 32px 32px, #00A4BA 33px 33px, #00A4BA 34px 34px, #00A4BA 35px 35px, #00A4BA 36px 36px, #00A4BA 37px 37px, #00A4BA 38px 38px, #00A4BA 39px 39px, #00A4BA 40px 40px, #00A4BA 41px 41px, #00A4BA 42px 42px, #00A4BA 43px 43px, #00A4BA 44px 44px, #00A4BA 45px 45px, #00A4BA 46px 46px, #00A4BA 47px 47px, #00A4BA 48px 48px, #00A4BA 49px 49px, #00A4BA 50px 50px, #00A4BA 51px 51px, #00A4BA 52px 52px, #00A4BA 53px 53px, #00A4BA 54px 54px, #00A4BA 55px 55px, #00A4BA 56px 56px, #00A4BA 57px 57px, #00A4BA 58px 58px, #00A4BA 59px 59px, #00A4BA 60px 60px, #00A4BA 61px 61px, #00A4BA 62px 62px, #00A4BA 63px 63px, #00A4BA 64px 64px, #00A4BA 65px 65px, #00A4BA 66px 66px, #00A4BA 67px 67px, #00A4BA 68px 68px, #00A4BA 69px 69px, #00A4BA 70px 70px, #00A4BA 71px 71px, #00A4BA 72px 72px, #00A4BA 73px 73px, #00A4BA 74px 74px, #00A4BA 75px 75px, #00A4BA 76px 76px, #00A4BA 77px 77px, #00A4BA 78px 78px, #00A4BA 79px 79px, #00A4BA 80px 80px, #00A4BA 81px 81px, #00A4BA 82px 82px, #00A4BA 83px 83px, #00A4BA 84px 84px, #00A4BA 85px 85px, #00A4BA 86px 86px, #00A4BA 87px 87px, #00A4BA 88px 88px, #00A4BA 89px 89px, #00A4BA 90px 90px, #00A4BA 91px 91px, #00A4BA 92px 92px, #00A4BA 93px 93px, #00A4BA 94px 94px, #00A4BA 95px 95px, #00A4BA 96px 96px, #00A4BA 97px 97px, #00A4BA 98px 98px, #00A4BA 99px 99px, #00A4BA 100px 100px;
}
- contact-section {
padding: 90px 0;
}
- contact-section .contact-form {
margin-top: 42px;
}
- contact-section .contact-form .btn-send {
margin-top: 35px; color: #fff; outline: none; background: #D30000 !important;
}
- contact-section .contact-form .btn-send:hover {
border: 1px solid #D30000 !important;
}
- contact-section input {
display: block; height: 40px; padding: 6px 12px; font-size: 13px; line-height: 1.428571429; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; border-radius: 1px; border: 1px solid rgba(111, 121, 122, 0.3); box-shadow: none; -webkit-box-shadow: none;
}
- contact-section textarea {
display: block; border-radius: 0; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; box-shadow: none; -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
- contact-section .address,
- contact-section .email,
- contact-section .phone {
text-align: center; background: #F7F7F7; padding: 20px 0 40px; margin-bottom: 20px;
}
- contact-section .address i,
- contact-section .email i,
- contact-section .phone i {
font-size: 45px; color: #D30000 !important;
}
- contact-section .address h5,
- contact-section .email h5,
- contact-section .phone h5 {
font-size: 16px; line-height: 1.4;
}
- contact-section .address-details {
padding-top: 70px;
}
- map-canvas {
width: 100%; height: 350px; background-color: #CCC;
}
- footer {
background: #fff !important; padding: 25px 0 !important; color: #555;
}
- footer .copyright {
font-size: 13px !important; margin-bottom: 0 !important; margin-top: 10px !important;
}
- footer .copyright a {
color: #D30000 !important;
}
- footer .social {
text-align: right !important; margin-bottom: 0 !important;
}
- footer .social li {
display: inline-block !important; margin-right: 15px !important;
}
- footer .social li a {
font-size: 22px !important; color: #D30000 !important;
} .cd-headline.slide .cd-words-wrapper {
color: #D30000 !important;
} ul.social-icons {
height: auto; overflow: hidden; list-style: none !important; margin-bottom: 10px;
} ul.social-icons li {
float: none; display: inline-block; height: 36px;
}
- copyright a:hover,
- copyright nav .menu li a:hover {
color: #e4e4e4!important;
}
- copyright a,
- copyright a:hover {
text-decoration: none;
} .global-page-header {
background-attachment: fixed; background-size: cover; padding: 120px 0 25px; position: relative; background: #D30000 !important; color: #fff;
} .global-page-header h2 {
font-size: 42px; font-weight: bold; color: #fff; text-transform: uppercase;
} .global-page-header .breadcrumb {
background: none; font-size: 16px; padding: 8px 0;
} .global-page-header .breadcrumb .active {
color: #fff;
} .global-page-header .breadcrumb li a {
color: #fff;
} .global-page-header .block {
position: relative; z-index: 99; text-align: center;
}
- product-showcase-banner {
padding-top: 160px;
}
- product-showcase-banner .block {
padding: 20px 0 20px 50px;
}
- product-showcase-banner .block h2 {
font-size: 40px; color: #D30000 !important; margin-bottom: 20px; margin-top: 0;
}
- product-showcase-banner .block p {
color: #666; line-height: 25px;
}
- product-showcase-banner .block .buttons {
margin-top: 25px;
}
- product-showcase-banner .block .buttons .btn {
color: #fff; border: none; padding: 12px 40px; -webkit-transition: 0.2s all; -o-transition: 0.2s all; transition: 0.2s all; letter-spacing: 2px; font-size: 15px;
}
- product-showcase-banner .block .buttons .btn-demo {
background: #5abd4f; margin-right: 8px; border-bottom: 3px solid #429E38;
}
- product-showcase-banner .block .buttons .btn-demo:hover {
background: #429E38;
}
- product-showcase-banner .block .buttons .btn-buy {
background: #00AEDA; border-bottom: 3px solid #0190B5;
}
- product-showcase-banner .block .buttons .btn-buy:hover {
background: #0190B5;
}
- product-showcase-banner .block .buttons .btn-buy span {
margin-right: 8px; font-weight: bold;
}
- product-description {
padding-top: 80px;
}
- product-description .block {
height: 400px; overflow: hidden; margin-top: 35px; border-bottom: 1px solid #dedede; padding-top: 30px; position: relative; webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);
}
- product-description .block:hover img {
-webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px);
}
- product-description .block img {
position: absolute; top: 10px; left: 0; -webkit-transform: translateY(60px); -moz-transform: translateY(60px); -ms-transform: translateY(60px); -o-transform: translateY(60px); transform: translateY(60px); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: -moz-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: -o-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
}
- product-description .block .content {
width: 60%; padding-top: 70px;
}
- product-description .block .content h3 {
font-size: 32px; color: #5c5c5c;
}
- product-description .block .content p {
color: #787f8c; line-height: 25px;
}
- related-items {
padding: 60px 0 110px;
}
- related-items .title {
border-bottom: 1px solid #dedede; padding: 10px 0; margin: 5px 15px 30px; text-align: left; color: #777;
}
- related-items .product-details {
margin-bottom: 0;
}
- related-items .block {
position: relative; background: #fff; margin-bottom: 45px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.14);
}
- related-items .block:hover .img-overly .overly {
opacity: 1;
}
- related-items .block h4 {
padding: 20px 15px; margin-top: 0; color: #666;
}
- related-items .block h4 span {
float: right; color: #D30000 !important;
}
- related-items .block .img-overly {
position: relative; background: rgba(0, 0, 0, 0.85);
}
- related-items .block .img-overly img {
border-radius: 0;
}
- related-items .block .img-overly .overly {
background: rgba(57, 181, 74, 0.9); position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 0; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all;
}
- related-items .block .img-overly .overly a {
position: absolute; top: 45%; left: 45%;
}
- related-items .block .img-overly .overly a i {
font-size: 30px; color: #fff;
} .service-page .service-parts .block {
margin-bottom: 40px; text-align: center;
} .service-page .service-parts .block i {
font-size: 35px; color: #D30000 !important;
} .service-page .service-parts .block p {
padding: 0 8px; font-size: 14px; color: #777; line-height: 1.7;
} .works.service-page figure .buttons {
position: absolute; top: 45%; left: 13%;
}
- clients {
padding: 30px 0 60px;
}
- clients .owl-carousel .owl-item img {
display: block; width: 100%; -webkit-transform-style: preserve-3d;
}
- clients .owl-carousel .owl-item {
margin-right: 10px;
} .works-fit {
padding: 40px 0;
} .works-fit figure .buttons {
left: 14%;
} .fancybox-close {
background: url("") no-repeat scroll 0 0 transparent; height: 50px; right: 0; top: 0; width: 50px;
} .fancybox-next span {
background: url("") no-repeat scroll center center #009ee3; height: 50px; width: 50px; right: 0;
} .fancybox-prev span {
background: url("") no-repeat scroll center center #009ee3; height: 50px; width: 50px; left: 0;
} .fancybox-title h3 {
font-size: 15px; margin: 0;
} .fancybox-title {
padding: 15px 8px;
} .wrapper_404 h1 {
font-size: 200px; color: #D30000 !important; line-height: 1;
} .wrapper_404 h2 {
font-size: 50px; margin-top: 0;
} .wrapper_404 .btn-home {
background: #D30000; border: none; color: #fff; padding: 20px 35px; margin-top: 10px; font-size: 16px; font-size: 13px; line-height: 1em; text-transform: uppercase; letter-spacing: normal; border-radius: 0;
} .company-description {
margin-top: 80px;
} .company-description .block h3 {
margin-top: 0;
} .company-description .block p {
color: #727272;
}
- team {
margin: 50px 0;
} .team-member {
margin-top: 30px;
} .team-member:hover .team-img img {
opacity: 0.8;
} .team-member .team-img {
position: relative;
} .team-member .team-img .team-pic {
width: 100%;
} .team-member .team_designation {
font-size: 13px;
} .team-member h3 {
color: #D30000 !important; margin-bottom: 0; font-size: 20px;
} .team-member p {
font-size: 14px;
} .team-member .social-icons a {
background: #D30000 !important; color: #fff; padding: 4px 8px !important; display: inline-block; font-size: 15px;
} .team-member .social-icons .facebook {
padding: 4px 12px;
} .about-feature {
margin-top: 50px;
} .about-feature .block {
color: #fff; width: 33.33%; padding: 5%; float: left;
} .about-feature .block p {
font-weight: 300;
} .about-feature .about-feature-1 {
background: #D30000 !important;
} .about-feature .about-feature-2 {
background: #00B0C7;
} .about-feature .about-feature-3 {
background: #00A6BB;
}
- blog-full-width {
padding: 40px 0 80px;
} article {
padding: 30px 0;
} .blog-content h2 {
font-family: 'Roboto', sans-serif !important;
} .blog-content h2 a {
color: #444; font-weight: 400; font-size: 30px;
} .blog-content .blog-meta {
color: #9a9a9a; font-weight: 300; margin-bottom: 25px;
} .blog-content .blog-meta span:after {
content: '/'; padding: 0 3px 0 6px;
} .blog-content .blog-meta a {
color: #acacac;
} .blog-content .blog-meta p {
margin-top: 20px;
} .blog-content .btn-details {
color: #D30000 !important; padding: 0; background: #D30000 !important; color: #fff; padding: 8px 18px; border-radius: 0; margin-top: 15px; border: 1px solid #fff; box-shadow: 0 0 0 1px #D30000 !important;
} .blog-post-image {
margin-top: 30px;
} .sidebar {
padding-top: 60px;
} .sidebar .widget {
margin-bottom: 40px; padding: 15px; border: 1px solid #dedede;
} .sidebar .widget h3 {
margin-top: 8px;
} .sidebar .search input.form-control {
border-right: 0; border-radius: 0; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
} .sidebar .search button {
border-left: 0;
} .sidebar .search button:hover {
background: transparent;
} .sidebar .author .author-img img {
width: 90px; border-radius: 100%; margin-top: -40px; border: 3px solid #fff;
} .sidebar .author .author-bio p {
font-size: 14px; color: #888;
} .sidebar .categories ul li {
border-bottom: 1px solid #f0f0f0; padding: 10px 0; list-style: none;
} .sidebar .categories ul li span.badge {
float: right; background: transparent; color: #444; border: 1px solid #dedede; border-radius: 0;
} .sidebar .categories ul li a {
color: #555;
} .sidebar .categories ul li:last-child {
border-bottom: none;
} .sidebar .recent-post ul li {
margin: 20px 0;
} .sidebar .recent-post ul li a {
color: #555; font-size: 15px;
} .sidebar .recent-post ul li a:hover {
color: #D30000 !important;
} .sidebar .recent-post time {
font-weight: 300; color: #999; font-size: 12px;
} .gallery {
padding: 100px;
} .gallery figure .buttons {
left: 40%;
} .portfolio-meta span {
margin: 5px 10px; font-weight: 300;
} .portfolio-meta span a {
color: #fff;
} .portfolio-single {
padding: 80px 0 20px;
} .portfolio-single .portfolio-content {
padding: 40px 0;
} .single-post {
padding: 80px 0 20px;
} .single-post .post-content {
padding: 40px 0;
} .single-post .post-content ol li, .single-post .post-content ul li {
color: #666;
} .single-post .media {
border: 1px solid #dedede; padding: 30px 20px;
} .single-post .media .media-body a {
color: #D30000 !important; font-size: 12px;
} .single-post .media .media {
border: none;
} .single-post .comments {
margin-top: 40px;
} .single-post .post-comment {
margin-top: 40px;
} .single-post .post-comment h3 {
margin-bottom: 15px;
} .single-post .post-comment .form-control {
box-shadow: none; border-radius: 0;
} .single-post .post-comment .btn-send {
background: #D30000 !important; color: #fff; border-radius: 0;
} .social-share li {
display: inline-block; margin: 3px 1px;
} .social-share a {
font-size: 20px; color: #fff; background: #D30000 !important; padding: 4px 10px; display: inline-block;
} .navbar-toggle .icon-bar {
background: #fff;
} .navbar-toggle {
background: #000;
} .dropdown-menu > ul {
list-style: none; padding: 15px; margin: -5px auto 0; background: #fff; background-color: rgba(0, 0, 0, 0.95); box-shadow: 0 2px 0.09px rgba(0, 0, 0, 0.15);
} .nav .open > a, .nav .open > a:focus {
background-color: transparent;
}
- top-bar .dropdown-menu > ul > li > a {
display: block; font-size: 13px; font-weight: 400; line-height: normal; text-decoration: none; padding: 8px 0; color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}