- /*
- * CSS šablona webu eHelper.cz
- */
- /*Základní layout prvky*/
- body {
- color: #222;
- font-size: 1.1rem;
- font-family: 'Roboto', sans-serif;
- letter-spacing: 0px;
- }
- html,
- body,
- header,
- .view {
- /*min-height: 100vh;*/
- }
- h1 {
- font-size: 3rem;
- }
- .h-section {
- color: #00CCD6;
- }
- h2 {
- font-size: 2rem;
- /*color: #28A5C0;*/
- color: #00CCD6;
- }
- .view-condensed {
- height: 120px;
- }
- .view {
- padding-top: 200px;
- }
- .view, .view-condensed {
- background-image: url('../img/ehelper-header-image1.jpg');
- background-repeat: no-repeat;
- background-size: cover;
- background-position: center center;
- }
- /*Menu*/
- .navbar-brand img {
- height: 85px;
- }
- a.nav-link {
- color: #fff;
- text-decoration: none;
- }
- .top-nav-collapse {
- background-color: #28A5C0 !important;
- }
- .navbar:not(.top-nav-collapse) {
- /*background: transparent !important;*/
- /*background-color: rgba(0, 150, 136, 0.25) !important;*/
- background-color: rgba(63, 81, 181, 0.2) !important;
- }
- .navbar-toggler-icon {
- font-size: 26px;
- margin-top: 15px;
- }
- /*Ostatní layout prvky*/
- .video-polar iframe {
- min-width: 550px;
- max-width: 75%;
- min-height: 400px;
- max-height: 75%;
- z-index: 9999;
- padding-right: 100px;
- }
- .bumazka {
- height: 17vh;
- padding: 0 0 20px 0;
- }
- .telefon {
- max-width: 30vw;
- }
- .polar-video {
- min-width: 500px;
- min-height: 400px;
- }
- .eh-about-img {
- height: 50px;
- }
- .btn-blue2 {
- color: #fff;
- background-color: #28A5C0;
- }
- .btn-blue2:hover {
- color: #fff;
- }
- .btn-orange2 {
- background-color: orange;
- }
- .btn-orange2:hover {
- color: #fff;
- }
- .page-title {
- margin-top: 170px;
- }
- .logo-zass-bottom {
- height: 20vh;
- }
- .social-icons img {
- height: 40px;
- margin: 0 10px;
- }
- .howitworks-body {
- /*color: #0DC3D8;*/
- color: #00a1a2 !important;
- font-size: 1.2rem !important;
- }
- .ehelper-about, .ehelper-about2 {
- color: #00a1a2;
- }
- .ehelper-about {
- font-size: 1.1rem;
- }
- .ehelper-about2 {
- font-size: 1.4rem;
- }
- .ehelper-about-header {
- color: #8591C4;
- }
- .team img {
- width: 200px;
- margin: 8px 0;
- }
- .cooperation-text {
- /*color: #00CCD6;*/
- color: #00a1a2;
- font-size: 1.4rem;
- font-weight: bold;
- }
- .reference-wrap {
- background: url(../img/reference-bg.jpg) no-repeat fixed;
- background-size: cover;
- min-height: 400px;
- padding: 50px 0 20px 0;
- }
- .carousel-indicators {
- position: relative;
- }
- .reference-item-text {
- width: 100%;
- z-index: 1000;
- font-size: 1.4rem;
- line-height: 2rem;
- }
- .kontakty, .kontakty a {
- color: #00a1a2;
- }
- .kontakt_head_2 {
- font-size: 1.3rem;
- }
- .contact-header {
- font-size: 1.6rem;
- color: #01BEC1;
- }
- .contact_form, .contact-modal-icon {
- z-index: 9998;
- }
- .contact-form-header {
- background-color: #01BEC1;
- }
- .jumbotron-top {
- background-color: rgba(1,190,192, 0.15);
- }
- .contact-form-field {
- border: 1px solid #00a1a2;
- color: #00a1a2;
- }
- .contact-modal-icon {
- position: fixed;
- right: 90px;
- margin-bottom: 20px;
- bottom: 0;
- background-color: #01BEC0;
- padding: 5px 0;
- width: 60px;
- height: 60px;
- /*opacity: 0.8;*/
- border-radius: 30px;
- }
- /*.contact-modal-icon:hover {
- opacity: 1;
- }*/
- .foot-info {
- /*background-color: #34B8D9;*/
- background-color: #28A5C0;
- box-shadow: 1px 0 0 2px rgba(0,0,0,0.16), 1px 0 0 4px rgba(0,0,0,0.12);
- }
- #email-error, #msg-error, #send-msg, #myname-error {
- font-style: italic;
- color: red;
- padding: 3px 3px 8px 3px;
- font-size: 0.9rem;
- display: none;
- }
- /*Sekce*/
- .about-zass-img img {
- max-height: 150px;
- }
- .b2b-img {
- max-height: 220px;
- }
- .disclaimer-text {
- font-size: 1.5rem;
- line-height: 1.8rem;
- word-spacing: 0.5rem;
- }
- .iframe_video {
- width: 100%;
- height: 300px;
- margin: 5px 5px 20px 5px;
- }
- .iframe_video-condensed {
- height: 400px;
- }
- .media-list {
- line-height: 2.5rem;
- }
- .ehelper-info-header {
- background-color: #28A5C0;
- }
- .ehelper-info-text {
- font-size: 1.1rem !important;
- }
- .about-ehelper-img img {
- max-height: 300px;
- }
- .future-item {
- font-size: 1.2rem;
- width: 400px;
- }
- .icon-list-items .icon {
- width: 30px;
- margin-left: 20px;
- vertical-align: top;
- color: #01BEC1;
- }
- .icon-list-items .text {
- width: 85%;
- }
- .gp-img {
- height: 70px;
- }
- .inline {
- display: inline-block;
- }
- .social-icons-bottom {
- display: none;
- }
- /*.media-img img {
- height: content-box;
- }*/
- .blog h1, .blog h2 {
- color: #000;
- }
- @media (max-width: 761px) {
- html,
- body,
- header {
- height: auto;
- overflow-y: auto;
- }
- .view {
- /*min-height: 90vh;*/
- /*overflow-y: hidden;*/
- }
- .telefon {
- display: none !important;
- }
- .polar-video {
- max-width: 100% !important;
- min-width: auto !important;
- }
- .video-polar iframe {
- padding: 0;
- }
- .navbar-brand img {
- height: 60px;
- }
- .view-condensed {
- height: 65px;
- }
- /* .page-title {
- overflow-y: auto;
- margin-top: 90px;
- }*/
- .icon-list-items .text {
- width: 70%;
- }
- .b2b-img {
- width: 100%;
- margin-bottom: 20px;
- }
- .manu-img {
- width: 97%;
- margin: 0 0 20px 0;
- }
- .future-item {
- width: auto;
- }
- .home-heading {
- padding-top: 15px;
- }
- .social-icons-bottom {
- display: inline;
- color: #fff;
- }
- .media-img img {
- max-width: 85%;
- }
- .small-res-text {
- text-align: center;
- }
- }
- @media (max-width: 991px) {
- .video-polar iframe {
- padding: 0;
- }
- .navbar:not(.top-nav-collapse) {
- background: #28A5C0 !important;
- }
- }
GeSHi © Codebox Plus Extension
Zasílám stránku style.css a kde přesně prosím to mám dát?