diff --git a/reports/shared-assets/css/main.css b/reports/shared-assets/css/main.css index a572aca..e245322 100644 --- a/reports/shared-assets/css/main.css +++ b/reports/shared-assets/css/main.css @@ -1,1099 +1,1103 @@ /* Theme Name: Oxygen Theme Uri: http://www.themeum.com Author: Themeum Author Uri: http://www.themeum.com Description: Onepage Site Template Version: 1.0 */ /************************* *******Typography****** **************************/ body { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 24px; color: #666; background-color: #fff; } h1, h2, h3, h4, h5, h6 { color: #333; } h2 { font-size: 30px; margin-bottom: 20px; } h3 { font-size: 18px; } .parallax { background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } .parallax, .parallax h1, .parallax h2, .parallax h3, .parallax h4, .parallax h5, .parallax h6 { color: #fff; } .parallax input[type="text"], .parallax input[type="text"]:hover, .parallax input[type="email"], .parallax input[type="email"]:hover, .parallax input[type="url"], .parallax input[type="url"]:hover, .parallax input[type="password"], .parallax input[type="password"]:hover, .parallax textarea, .parallax textarea:hover { font-weight: 300; color: #fff; } .btn { border: 0; border-radius: 0; } .btn.btn-primary:hover { background-color: #017fb5; } .navbar-nav li a:hover, .navbar-nav li a:focus { outline:none; outline-offset: 0; text-decoration:none; background: transparent; } a { text-decoration: none; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; } a:focus, a:hover { text-decoration: none; outline: none } section { padding: 40px 0 60px; } /*.heading { padding-bottom:90px; }*/ .preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; background: #fff; } .preloader > i { position: absolute; font-size: 36px; line-height: 36px; top: 50%; left: 50%; height: 36px; width: 36px; margin-top: -15px; margin-left: -15px; display: inline-block; } /************************* ********Home CSS********** **************************/ #home-slider { overflow: hidden; position: relative; } #home-slider .caption { position: absolute; top: 50%; margin-top: -104px; left: 0; right: 0; text-align: center; // text-transform: uppercase; z-index: 15; font-size: 18px; font-weight: 300; color: #fff; } #home-slider .caption h1 { color: #fff; font-size: 60px; font-weight: 700; margin-bottom: 30px; } .caption .btn-start { color: #fff; font-size: 14px; font-weight: 600; padding:14px 40px; border: 1px solid #6e6d6c; border-radius: 4px; margin-top: 40px; } .caption .btn-start:hover { color: #fff } .carousel-fade .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; background-repeat: no-repeat; background-size: cover; height: 2037px; } .carousel-fade .carousel-inner .item:after { content: " "; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7); } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } .left-control, .right-control { position: absolute; top: 50%; height: 51px; width: 51px; line-height: 48px; border-radius: 50%; border:1px solid #fff; z-index: 20; font-size: 24px; color: #fff; text-align: center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .left-control { left: -51px } .right-control { right: -51px; } .left-control:hover, .right-control:hover { color: #fff; } #home-slider:hover .left-control { left:30px } #home-slider:hover .right-control { right:30px } #home-slider .fa-angle-down { position: absolute; left: 50%; bottom: 50px; color: #fff; display: inline-block; width: 24px; margin-left: -12px; font-size: 24px; line-height: 24px; z-index: 999; -webkit-animation: bounce 3000ms infinite; animation: bounce 3000ms infinite; } .navbar-right li a { color: #fff; // text-transform: uppercase; font-size: 14px; font-weight: 600; padding-top: 20px; padding-bottom: 20px; } .navbar-right li li a { color: #333; padding-top: 5px; padding-bottom: 5px; } .navbar-right li.active a { background-color: rgba(0,0,0,.2); } .navbar-brand h1 { margin-top: 10px; } /************************* ********Service CSS******* **************************/ .service-icon { border-radius: 4px; color: #fff; display: inline-block; font-size: 36px; height: 90px; line-height: 90px; width: 90px; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } .our-services .col-sm-4:hover .service-icon { background-color: #333; } .our-services .col-sm-4 { border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; padding-bottom: 50px; } .our-services .col-sm-4:nth-child(4), .our-services .col-sm-4:nth-child(5), .our-services .col-sm-4:nth-child(6) { border-bottom:0; padding-top: 60px; } .our-services .col-sm-4:nth-child(3), .our-services .col-sm-4:nth-child(6) { border-right:0; } .service-info h3 { margin-top: 35px; } /************************* ********About CSS******* **************************/ #featured-article { /* background-image: url(../images/about-bg.jpg); height: 225px; width: 863px;*/ background-color: #002333; padding: 40px 0 20px; } #new-members { /* background-image: url(../images/about-bg.jpg); height: 225px; width: 863px;*/ background-color: #002333; } #financial-report-ref { /* background-image: url(../images/about-bg.jpg); height: 225px; width: 863px;*/ background-color: #002333; } /*#featured-article h2 { margin-top: 20px; color: #fff; }*/ #featured-article, #new-members .lead { font-size: 14px; margin-bottom: 10px; } #featured-article h2 { margin-bottom: 0px; } #featured-article h5 { margin-bottom: 40px; margin-top: 0; } #new-members h5 { margin-bottom: 10px; margin-top: 0; } .myimage { max-width: 100%; height: auto; margin: 0 auto; padding-left: 0px; padding-right: 0px; } small.wow.fadeInDown.animated { font-style: italic; } .progress{ height: 20px; background-color: #fff; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; margin-bottom: 25px; } .progress-bar{ box-shadow: none; -webkit-box-shadow: none; text-align: right; padding-right: 12px; font-size: 12px; font-weight: 600; } .progress .progress-bar.six-sec-ease-in-out { -webkit-transition: width 2s ease-in-out; transition: width 2s ease-in-out; } /************************* ********supported-activities CSS***** **************************/ #supported-activities .container-fluid, #supported-activities .col-sm-3 { overflow: hidden; padding: 0; } #supported-activities .folio-item { position: relative; } .overlay { background-color: #000; color: #fff; left: 0; right:0; bottom:-100%; height: 0; position: absolute; text-align: center; opacity:0; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .overlay .overlay-content { display: table; height: 100%; width: 100%; } .overlay .overlay-text { display: table-cell; vertical-align: middle; } .overlay .folio-info { opacity: 0; margin-bottom: 75px; margin-top: -75px; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .overlay .folio-info h3 { margin-top: 0; color: #fff; } .folio-overview a { font-size: 18px; color: #333; height: 50px; width: 50px; line-height: 50px; border-radius: 50%; background-color: #fff; display: inline-block; margin-top: 20px; margin-right: 5px; } .folio-overview a:hover { color: #fff; } .folio-overview .folio-expand { margin-top: -500px; margin-left: -500px; } .folio-image, .folio-overview .folio-expand { -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #supported-activities .folio-item:hover .folio-image { -webkit-transform: scale(1.5) rotate(-15deg); transform: scale(1.5) rotate(-15deg); } .folio-image img { width: 100%; } .folio-item:hover .overlay { opacity: 0.8; bottom: 0; height: 100%; } .folio-item:hover .folio-overview .folio-expand { margin-top: 0; margin-left:0; } .folio-item:hover .overlay .folio-info { opacity: 1; margin-bottom:0; margin-top:0; } #single-portfolio { padding: 90px 0; background: #f5f5f5; position: relative; } #single-portfolio img { width: 100%; margin-bottom: 10px; } #single-portfolio .close-folio-item { position: absolute; top: 30px; font-size: 34px; width: 34px; height: 34px; left: 50%; color: #999; margin-left: -17px; } /************************* *********Team CSS********* **************************/ .team-members { margin-bottom: 25px; } .social-icons { margin-top:30px; text-align: center; } .social-icons ul { list-style: none; padding: 0; margin: 0; display: inline-block; } .social-icons ul li { float: left; margin-right: 8px; } .social-icons ul li:last-child { margin-right: 0; } .social-icons ul li a { color:#fff; background-color: #d9d9d9; height: 36px; width: 36px; line-height: 36px; display: block; font-size: 16px; opacity: 0.8; } .social-icons ul li a:hover { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); } .team-member { text-align: center; color: #333; font-size: 14px; } .team-member:hover .social-icons ul li a.facebook { background-color: #3b5999; } .team-member:hover .social-icons ul li a.twitter { background-color: #2ac6f7; } .team-member:hover .social-icons ul li a.dribbble { background-color: #ff5b92; } .team-member:hover .social-icons ul li a.linkedin { background-color: #036dc0; } .team-member:hover .social-icons ul li a.rss { background-color: #ff6b00; } #new-members .img-responsive { width: 100%; } .member-info h3 { margin-top: 35px; } .member-info h4 { font-size: 14px; margin-bottom: 15px; color: #999; } /************************* *******Features CSS******* **************************/ #features { text-align: center; background-image: url(../images/features-bg.jpg); } #new-members .row { margin-bottom: 40px; } #new-members .count { text-align: center; margin-bottom: 10px; } #the-board .count { text-align: center; margin-bottom: 10px; } #sysadmin-report-ref .count { text-align: center; margin-bottom: 30px; } #new-members i { font-size: 36px; } #sysadmin-report-ref i { font-size: 36px; } #sysadmin-report-ref .italic { font-size: 14px; } #sysadmin-report-ref h3 { margin-top: 0px; } #features i { font-size: 48px; } #features h3 { margin-top: 15px; font-size: 30px; margin-bottom: 7px; color: #fff; } #features .slider-overlay { opacity: 0.8; } /************************* *****Pricing Table CSS**** **************************/ .pricing-table { text-align: center; } .single-table { padding: 30px 20px 20px; border:1px solid #f2f2f2; } .single-table h3 { margin-top: 0; padding: 0; font-size: 18px; text-transform: uppercase; margin-bottom: 30px; } .price { font-size: 36px; line-height: 36px; } .price span { font-size: 14px; line-height: 14px; } .single-table ul { list-style: none; padding: 0; margin: 30px 0; } .single-table ul li { line-height: 30px; } .single-table.featured { color: #fff; } .single-table.featured h3 { color: #fff; } .single-table.featured .btn.btn-primary { background-color: #fff; } /************************* ********Twitter CSS******* **************************/ #twitter { background-image: url(../images/twitter-bg.jpg); } #twitter > div { text-align: center; position: relative; } #twitter-carousel { position: relative; z-index: 15 } .twitter-icon { position: relative; z-index: 15; color: #fff; } .twitter-icon .fa-twitter { font-size: 24px; height: 64px; width: 64px; line-height: 65px; border-radius: 50%; position: relative; } .twitter-icon .fa-twitter:after { position: absolute; content: ""; border-width: 8px; border-style: solid; left: 24px; bottom: -14px; } #twitter-carousel .item { padding: 0 55px; } #twitter-carousel .item a { color: #fff; } .twitter-icon h4 { text-transform: uppercase; margin-top: 25px; margin-bottom: 25px; color: #fff; } .twitter-left-control, .twitter-right-control { position: absolute; top: 50%; color: #fff; border: 1px solid #fafafa; height:34px; width: 34px; line-height: 31px; margin-top: -17px; font-size: 18px; border-radius: 50%; z-index: 15 } .twitter-left-control { left: 80px; } .twitter-right-control { right: 80px } .twitter-left-control:hover, .twitter-right-control:hover { color: #fff; } /************************* **********Blog CSS******** **************************/ .post-thumb { position: relative; } .post-icon { position: absolute; top:10px; right:10px; height: 30px; width: 30px; line-height: 30px; border-radius:4px; text-align: center; color: #fff; font-size: 12px; } .post-meta { position: absolute; bottom: 15px; left: 15px; color: #fff; font-size: 12px; text-transform: uppercase; font-weight: 600; } .post-meta span { margin-right: 16px; } #post-carousel .carousel-indicators { bottom: 3px; left: 90%; } .blog-left-control, .blog-right-control { position: absolute; top: 45%; width: 30px; text-align: center; color: rgba(255,255,255,.7); font-size: 36px; } .blog-left-control { left: 0; } .blog-right-control { right: 0; } .blog-left-control:hover, .blog-right-control:hover { color: #fff; } .entry-header h3 a { line-height: 30px; } .entry-header .date, .entry-header .cetagory { display: inline-block; font-size: 11px; font-weight: 600; margin-bottom: 30px; text-transform: uppercase; position: relative; } .entry-header .date:after { content: ""; position: absolute; left: 0; bottom:-22px; width: 20px; height: 3px; } .entry-content { font-size: 14px; } .load-more { display:block; text-align: center; margin-top: 70px; } .btn-loadmore { border: 1px solid #f2f2f2; color: #666666; font-size: 14px; font-weight: 600; padding: 15px 125px; text-transform: uppercase; } .btn-loadmore:hover { color:#fff; } /************************* **********Contact CSS***** **************************/ #contact { padding-top: 0px; padding-bottom: 0; } #google-map { height: 350px; } #contact-us { background-image:url(../images/contact-bg.jpg); padding-bottom: 90px; } #contact-us .heading { padding-top: 95px; } .form-control { background-color: transparent; border-color: rgba(255,255,255,.1); height: 50px; border-radius: 0; box-shadow: none; } textarea.form-control { min-height: 180px; resize:none; } .form-group { margin-bottom: 30px; } .contact-info { padding-left:70px; font-weight: 300; } ul.address { margin-top: 30px; list-style: none; padding: 0; margin: 0; } .contact-info ul li { margin-bottom: 8px; } .contact-info ul li a { color: #fff; } .btn-submit { display: block; padding: 12px; width: 100%; color: #fff; border:0; margin-top: 40px; } #footer { color:#fff; } .footer-top { position: relative; padding:30px 0 } #footer .footer-bottom { background-color: #fff; padding: 20px 0 10px; } #footer .footer-bottom a:hover { text-decoration: underline; } .footer-logo { display: inline-block; margin-bottom: 5px; } #footer .social-icons { margin-top: 15px; } #footer .social-icons ul { list-style: none; padding: 0; margin: 0; } #footer .social-icons ul li a { background-color: rgba(0,0,0,.2); border-radius: 4px; line-height: 33px; } #footer .social-icons ul li a:hover { color: #fff } #footer .social-icons ul li a.envelope:hover { background-color: #CECB26; } #footer .social-icons ul li a.facebook:hover { background-color: #3b5999; } #footer .social-icons ul li a.twitter:hover { background-color: #2ac6f7; } #footer .social-icons ul li a.dribbble:hover { background-color: #ff5b92; } #footer .social-icons ul li a.linkedin:hover { background-color: #036dc0; } #footer .social-icons ul li a.tumblr:hover { background-color: #ff6b00; } /*Presets*/ .subheader { color: #028FCC; } .gray { background-color: #F5F5F5; } #footer .footer-top .myfooter a { color: #353535; } #new-members table { width: auto; margin: 0 auto; } /* Paul's stuff */ .image-right { float: right; padding: 1ex; margin: 1ex; width: 40%; } .image-left { float: left; padding: 1ex; margin: 1ex; width: 40%; } .image-full { padding: 1ex; margin: 1ex; width: 100%; } img { width: 100%; } + +figcaption { + font-style: italic; +}