12 lines
5.9 KiB
CSS
12 lines
5.9 KiB
CSS
/*
|
|
To change this license header, choose License Headers in Project Properties.
|
|
To change this template file, choose Tools | Templates
|
|
and open the template in the editor.
|
|
*/
|
|
/*
|
|
Created on : Mar 1, 2021, 8:00:10 PM
|
|
Author : USER
|
|
*/
|
|
|
|
.cc-image-small img {height: 24px;}.content-section { margin-bottom: 30px; }.bureau-box { border: 1px solid #CCCCCC; margin-bottom: 20px; text-align: left; }.bureau-box > div { border-bottom: 1px solid #CCCCCC; padding: 10px; }.bureau-box > ul { margin-top: 10px; }.iframe-box { height: 156px; overflow: auto; -webkit-overflow-scrolling: touch; }.terms-iframe { border: 1px solid #CCCCCC; height: 150px; width: 100%; }.form-group .control-label { text-align: left;}#TokenDisplay { margin: 0 auto; width: 560px; background-color: #FFFFFF; }#marketing { min-height: 500px; }.marketing-main { border-bottom: none; position: relative; margin-top: 20px;}.marketing-main img {display: none;}.marketing-child-relative {position: relative; bottom: 0;}.marketing-child-xs { margin-top: 40px;}.marketing-title { text-align: center;}.marketing-title h4 { margin: 0; font-size: 50px; }.marketing-title h5 { margin: 0; font-size: 32px; }.marketing-message { margin: 20px 0 0 0; padding-left: 70px; padding-bottom: 20px; font-size: 15px;}.marketing-message ul { margin: 0; }.marketing-message li { margin: 20px; font-weight: 100; }.marketing-message strong {font-weight: 900; font-size: large;}.marketing-interact { max-width: 1025px; margin: auto; padding-top: 30px; width: 50%; font-size: small; }.modal { width: inherit; }.modal .modal-dialog { margin: 0; }#cd-context-menu { position: absolute; display: none; z-index: 9999; border: solid 1px #b9b9b9; border-radius:5px; background-color: #ffffff;}#cd-context-menu.active { display: block; }.cd-context-menu-items { padding-left: 10px; margin: 0;}.cd-context-menu-item { padding: 10px 30px 10px 10px; list-style-type: none; }.cd-context-menu-item a:hover { text-decoration: none; }.late-count-section-title { padding-left: 7px; }.late-count-section-content { margin-bottom: 100px; }.late-count-column-header { width: 33%; padding: 4px !important; }.late-count-column { text-align: center; background-color: #f9f9f9; font-size: 11px; font-family: Arial; }.late-count-column-content-container { width: 100%; }.late-count-column-content-container > tbody td { width: 33%; font-weight: bold; }.late-count-number { border-radius: 4px; margin: 0 5px 0 5px; padding: 3px 5px 3px 5px; }.late-count-number-active { background-color: #ff0000; color: #ffffff; font-weight: bold; }.three-b-marketing-shadow-box { position: relative; z-index: 1; display: inline-block; transition: transform 2s;}.three-b-marketing-shadow-box:before, .three-b-marketing-shadow-box:after { position: absolute; bottom: 15px; left: 10px; z-index: -1; height: 20%; max-height: 100px; max-width: 460px; width: 60%; content: ""; opacity: 0.4; -webkit-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7); box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg); }.three-b-marketing-shadow-box:after { left: auto; right: 10px; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg); }.three-b-marketing-confirm-text { font-size: 13px; }.three-b-marketing-confirm-special-case { font-size: 12px; }@media (max-width: 767px) { Set body background to white since 3B extends beyond normal site width in mobile body.view-3b { background-color: #FFFFFF; } body.view-3b #content { background-color: #FFFFFF; } body.view-3b .content-box { border: 0 none; padding: 0; }}@media (min-width: 375px) { .three-b-marketing-confirm-text { font-size: 15px; }}@media (min-width: 448px) { .three-b-marketing-confirm-text { font-size: 18px; }}@media (min-width: 768px) { .bureau-box { display: inline-block; margin-right: 10px; width: 200px; } .bureau-box:last-child { margin-right: 0; } .bureau-box > div { text-align: center; } #TokenDisplay { width: auto; } #TokenDisplay table { width: 100%; }.marketing-main img { height: 350px; position: absolute; right: 1%; top: 24%; z-index: 1; display: block; } .marketing-title {padding-left: 80px; width: 50%; text-align: start; } .marketing-message { width: 40%; }.marketing-interact {padding: 30px 0 0 80px; margin: 0;} .marketing-text-container { position: absolute; bottom: 11%; padding: 12px; } .marketing-text-container .marketing-text { font-size: 23px; font-weight: 400; opacity: 0; transition: opacity 1s; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; } .marketing-text-container.show-text .marketing-text { opacity: 1; transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -ms-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; } .marketing-text-container.show-text .marketing-text:nth-child(2) { transition-delay: .2s; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -ms-transition-delay: .2s; -o-transition-delay: .2s; } .marketing-text-container.show-text .marketing-text:nth-child(3) { transition-delay: .4s; -webkit-transition-delay: .4s; -moz-transition-delay: .4s; -ms-transition-delay: .4s; -o-transition-delay: .4s; }}@media (min-width: 992px) {.marketing-main img { height: initial; right: 5%; top: 20%}.marketing-title h4 { font-size: 50px; }.marketing-title h5 { font-size: 32px; } .marketing-text-container { bottom: 13%; padding: 15px; } .marketing-text-container .marketing-text { font-size: 28px; } .three-b-marketing-confirm-special-case { font-size: 15px; }}@media (min-width: 1200px) {.marketing-title h4 { font-size: 70px;}.marketing-title h5 { font-size: 42px;}.marketing-interact a {font-size: 16px;}}@media only screenand (-webkit-min-device-pixel-ratio: 2) { .iframe-box { border: 1px solid #CCCCCC; } .terms-iframe { border: none; }}
|