123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614 |
- html, body, div, span, object, iframe,
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
- abbr, address, cite, code,
- del, dfn, em, img, ins, kbd, q, samp,
- small, strong, sub, sup, var,
- b, i,
- dl, dt, dd, ol, ul, li,
- fieldset, form, label, legend,
- table, caption, tbody, tfoot, thead, tr, th, td,
- article, aside, canvas, details, figcaption, figure,
- footer, header, hgroup, menu, nav, section, summary,
- time, mark, audio, video {
- margin:0;
- padding:0;
- border:0;
- outline:0;
- font-size:100%;
- vertical-align:baseline;
- background:transparent;
- }
- body {
- padding: 0;
- margin: 0;
- background: rgba(242, 242, 242, 0.7);
- color: #666;
- font-size: 12px;
- line-height: 18px;
- }
- .col-centered {
- float: none;
- margin: 0 auto;
- }
- h1, h2, h3, h4, h5, h6 {
- clear: both;
- font-weight: normal;
- }
- a img {
- border: none;
- }
- p {
- font-size: 14px;
- margin-bottom: 8px;
- }
- h2 {
- font-size: 16px;
- }
- h3 {
- font-size: 14px;
- }
- h4 {
- font-size: 13px;
- margin-bottom: 15px;
- }
- p.noindent {
- margin-bottom: 10px;
- text-indent : 0px;
- }
- a:link {
- color: #000;
- text-decoration: none;
- }
- a:visited {
- color: #000;
- text-decoration: none;
- }
- a:active,
- a:hover {
- color: #757576;
- text-decoration: none;
- }
- a:active, a:focus, input {
- outline: 0;
- outline-style:none;
- outline-width:0;
- }
- .screen-reader-text {
- position: absolute;
- left: -9000px;
- }
- .header {
- margin: 0 0 50px 0;
- }
- .container {
- margin: 0 auto;
- text-align: center;
- }
- .card .logo .svg {
- margin: 0 auto;
- }
- .card .content {
- margin: 100px auto;
- width:450px;
- background: #fff;
- padding: 70px 20px 40px;
- -webkit-animation-name: none;
- -webkit-animation-iteration-count: infinite;
- -webkit-animation-timing-function: linear;
- -webkit-animation-duration: 400s;
- border-top: 1px solid #fff;
- -webkit-box-shadow: 0px 3px 5px #cbcbcb;
- -moz-box-shadow: 0px 3px 5px #cbcbcb;
- box-shadow: 0px 3px 5px #cbcbcb;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- }
- .vcenter {
- display: inline-block;
- vertical-align: middle;
- float: none;
- }
- #icon {
- display: block;
- box-sizing: border-box;
- margin:0 0 -34px 50px;
- padding: 0;
- width:50px;
- height:50px;
- background: #FFF;
- }
- .card .search {
- margin: 10px;
- }
- .card-bottom {
- margin-top: 20px;
- }
- .bottom p {
- margin: 0;
- font-size: 14px;
- }
- .bottom a {
- color: #666;
- }
- .left-bottom {
- float: left;
- display: block;
- text-align: left;
- margin: 0px 0 0 50px;
- }
- .left-bottom p {
- font-size: 9px;
- }
- .right-bottom {
- margin: 0px 50px 0 0;
- text-align: right;
- font-size: 9px;
- }
- .right-bottom p {
- font-size: 9px;
- }
- .contact-info {
- font-size: 12px;
- }
- @-webkit-keyframes Rotation {
- from {-webkit-transform: rotate(0deg);}
- to {-webkit-transform: rotate(360deg);}
- }
- @media (max-width: 480px) {
- .card .content {
- margin: 50px auto;
- -webkit-animation-name: none;
- width:85%;
- }
- .header {
- margin: 0 0 55px 0;
- }
- #icon {
- display: inline;
- box-sizing: border-box;
- margin:0 0 0px 0px;
- padding: 0;
- width:50px;
- height:50px;
- background: #FFF;
- }
- }
- ul.messenger.messenger-fixed.messenger-on-top {
- top: 10px;
- }
- ul.messenger {
- margin: 0;
- padding: 0;
- }
- ul.messenger > li {
- list-style: none;
- margin: 0;
- padding: 0;
- }
- ul.messenger.messenger-empty {
- display: none;
- }
- ul.messenger .messenger-message {
- overflow: hidden;
- *zoom: 1;
- }
- ul.messenger .messenger-message.messenger-hidden {
- display: none;
- }
- ul.messenger .messenger-message .messenger-phrase, ul.messenger .messenger-message .messenger-actions a {
- padding-right: 5px;
- }
- ul.messenger .messenger-message .messenger-actions {
- float: right;
- }
- ul.messenger .messenger-message .messenger-actions a {
- cursor: pointer;
- text-decoration: underline;
- }
- ul.messenger .messenger-message ul, ul.messenger .messenger-message ol {
- margin: 10px 18px 0;
- }
- ul.messenger.messenger-fixed {
- position: fixed;
- z-index: 10000;
- }
- ul.messenger.messenger-fixed .messenger-message {
- min-width: 0;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
- ul.messenger.messenger-fixed .message .messenger-actions {
- float: left;
- }
- ul.messenger.messenger-fixed.messenger-on-bottom {
- bottom: 20px;
- }
- ul.messenger.messenger-fixed.messenger-on-top.messenger-on-left, ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-left {
- left: 20px;
- margin-left: 0px;
- }
- ul.messenger.messenger-fixed.messenger-on-right, ul.messenger.messenger-fixed.messenger-on-left {
- width: 350px;
- }
- ul.messenger.messenger-fixed.messenger-on-right .messenger-actions, ul.messenger.messenger-fixed.messenger-on-left .messenger-actions {
- float: left;
- }
- ul.messenger .messenger-spinner {
- display: none;
- }
- @-webkit-keyframes ui-spinner-rotate-right {
- 0% {
- -webkit-transform: rotate(0deg);
- }
- 25% {
- -webkit-transform: rotate(180deg);
- }
- 50% {
- -webkit-transform: rotate(180deg);
- }
- 75% {
- -webkit-transform: rotate(360deg);
- }
- 100% {
- -webkit-transform: rotate(360deg);
- }
- }
- @-moz-keyframes ui-spinner-rotate-right {
- 0% {
- -moz-transform: rotate(0deg);
- }
- 25% {
- -moz-transform: rotate(180deg);
- }
- 50% {
- -moz-transform: rotate(180deg);
- }
- 75% {
- -moz-transform: rotate(360deg);
- }
- 100% {
- -moz-transform: rotate(360deg);
- }
- }
- @keyframes ui-spinner-rotate-right {
- 0% {
- transform: rotate(0deg);
- }
- 25% {
- transform: rotate(180deg);
- }
- 50% {
- transform: rotate(180deg);
- }
- 75% {
- transform: rotate(360deg);
- }
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes ui-spinner-rotate-left {
- 0% {
- transform: rotate(0deg);
- }
- 25% {
- transform: rotate(0deg);
- }
- 50% {
- transform: rotate(180deg);
- }
- 75% {
- transform: rotate(180deg);
- }
- 100% {
- transform: rotate(360deg);
- }
- }
- @-moz-keyframes ui-spinner-rotate-left {
- 0% {
- -moz-transform: rotate(0deg);
- }
- 25% {
- -moz-transform: rotate(0deg);
- }
- 50% {
- -moz-transform: rotate(180deg);
- }
- 75% {
- -moz-transform: rotate(180deg);
- }
- 100% {
- -moz-transform: rotate(360deg);
- }
- }
- @-webkit-keyframes ui-spinner-rotate-left {
- 0% {
- -webkit-transform: rotate(0deg);
- }
- 25% {
- -webkit-transform: rotate(0deg);
- }
- 50% {
- -webkit-transform: rotate(180deg);
- }
- 75% {
- -webkit-transform: rotate(180deg);
- }
- 100% {
- -webkit-transform: rotate(360deg);
- }
- }
- .messenger-spinner {
- position: relative;
- border-radius: 100%;
- }
- ul.messenger.messenger-spinner-active .messenger-spinner .messenger-spinner {
- display: block;
- }
- .messenger-spinner .messenger-spinner-side {
- width: 50%;
- height: 100%;
- overflow: hidden;
- position: absolute;
- }
- .messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
- border-radius: 999px;
- position: absolute;
- width: 100%;
- height: 100%;
- -webkit-animation-iteration-count: infinite;
- -moz-animation-iteration-count: infinite;
- -ms-animation-iteration-count: infinite;
- -o-animation-iteration-count: infinite;
- animation-iteration-count: infinite;
- -webkit-animation-timing-function: linear;
- -moz-animation-timing-function: linear;
- -ms-animation-timing-function: linear;
- -o-animation-timing-function: linear;
- animation-timing-function: linear;
- }
- .messenger-spinner .messenger-spinner-side-left {
- left: 0;
- }
- .messenger-spinner .messenger-spinner-side-left .messenger-spinner-fill {
- left: 100%;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- -webkit-animation-name: ui-spinner-rotate-left;
- -moz-animation-name: ui-spinner-rotate-left;
- -ms-animation-name: ui-spinner-rotate-left;
- -o-animation-name: ui-spinner-rotate-left;
- animation-name: ui-spinner-rotate-left;
- -webkit-transform-origin: 0 50%;
- -moz-transform-origin: 0 50%;
- -ms-transform-origin: 0 50%;
- -o-transform-origin: 0 50%;
- transform-origin: 0 50%;
- }
- .messenger-spinner .messenger-spinner-side-right {
- left: 50%;
- }
- .messenger-spinner .messenger-spinner-side-right .messenger-spinner-fill {
- left: -100%;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- -webkit-animation-name: ui-spinner-rotate-right;
- -moz-animation-name: ui-spinner-rotate-right;
- -ms-animation-name: ui-spinner-rotate-right;
- -o-animation-name: ui-spinner-rotate-right;
- animation-name: ui-spinner-rotate-right;
- -webkit-transform-origin: 100% 50%;
- -moz-transform-origin: 100% 50%;
- -ms-transform-origin: 100% 50%;
- -o-transform-origin: 100% 50%;
- transform-origin: 100% 50%;
- }
- ul.messenger-theme-flat {
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- -ms-border-radius: 4px;
- -o-border-radius: 4px;
- border-radius: 4px;
- -moz-user-select: none;
- -webkit-user-select: none;
- -o-user-select: none;
- user-select: none;
- background: #404040;
- }
- ul.messenger-theme-flat.messenger-empty {
- display: none;
- }
- ul.messenger-theme-flat .messenger-message {
- -webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929;
- -moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929;
- box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929;
- -webkit-border-radius: 0px;
- -moz-border-radius: 0px;
- -ms-border-radius: 0px;
- -o-border-radius: 0px;
- border-radius: 0px;
- position: relative;
- border: 0px;
- margin-bottom: 0px;
- font-size: 13px;
- background: transparent;
- color: #f0f0f0;
- font-weight: 500;
- padding: 10px 30px 13px 65px;
- }
- ul.messenger-theme-flat .messenger-message .messenger-close {
- position: absolute;
- top: 0px;
- right: 0px;
- color: #888888;
- opacity: 1;
- font-weight: bold;
- display: block;
- font-size: 20px;
- line-height: 20px;
- padding: 8px 10px 7px 7px;
- cursor: pointer;
- background: transparent;
- border: 0;
- -webkit-appearance: none;
- }
- ul.messenger-theme-flat .messenger-message .messenger-close:hover {
- color: #bbbbbb;
- }
- ul.messenger-theme-flat .messenger-message .messenger-close:active {
- color: #777777;
- }
- ul.messenger-theme-flat .messenger-message .messenger-actions {
- float: none;
- margin-top: 10px;
- }
- ul.messenger-theme-flat .messenger-message .messenger-actions a {
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- -ms-border-radius: 4px;
- -o-border-radius: 4px;
- border-radius: 4px;
- text-decoration: none;
- color: #aaaaaa;
- background: #2e2e2e;
- display: inline-block;
- padding: 10px;
- margin-right: 10px;
- padding: 4px 11px 6px;
- text-transform: capitalize;
- }
- ul.messenger-theme-flat .messenger-message .messenger-actions a:hover {
- color: #f0f0f0;
- background: #2e2e2e;
- }
- ul.messenger-theme-flat .messenger-message .messenger-actions a:active {
- background: #292929;
- color: #aaaaaa;
- }
- ul.messenger-theme-flat .messenger-message .messenger-actions .messenger-phrase {
- display: none;
- }
- ul.messenger-theme-flat .messenger-message .messenger-message-inner:before {
- -webkit-border-radius: 50%;
- -moz-border-radius: 50%;
- -ms-border-radius: 50%;
- -o-border-radius: 50%;
- border-radius: 50%;
- position: absolute;
- left: 17px;
- display: block;
- content: " ";
- top: 50%;
- margin-top: -8px;
- height: 13px;
- width: 13px;
- z-index: 20;
- }
- ul.messenger-theme-flat .messenger-message.alert-success .messenger-message-inner:before {
- background: #5fca4a;
- }
- ul.messenger-theme-flat .messenger-message.alert-info .messenger-message-inner:before {
- background: #61c4b8;
- }
- ul.messenger-theme-flat .messenger-message.alert-error .messenger-message-inner:before {
- background: #dd6a45;
- }
- ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-soon .messenger-spinner {
- width: 32px;
- height: 32px;
- background: transparent;
- }
- ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-soon .messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
- background: #dd6a45;
- -webkit-animation-duration: 20s;
- -moz-animation-duration: 20s;
- -ms-animation-duration: 20s;
- -o-animation-duration: 20s;
- animation-duration: 20s;
- opacity: 1;
- }
- ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-soon .messenger-spinner:after {
- content: "";
- background: #292929;
- position: absolute;
- width: 26px;
- height: 26px;
- border-radius: 50%;
- top: 3px;
- left: 3px;
- display: block;
- }
- ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-later .messenger-spinner {
- width: 32px;
- height: 32px;
- background: transparent;
- }
- ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-later .messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
- background: #dd6a45;
- -webkit-animation-duration: 600s;
- -moz-animation-duration: 600s;
- -ms-animation-duration: 600s;
- -o-animation-duration: 600s;
- animation-duration: 600s;
- opacity: 1;
- }
- ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-later .messenger-spinner:after {
- content: "";
- background: #292929;
- position: absolute;
- width: 26px;
- height: 26px;
- border-radius: 50%;
- top: 3px;
- left: 3px;
- display: block;
- }
- ul.messenger-theme-flat .messenger-message-slot.messenger-last .messenger-message {
- -webkit-border-radius: 4px 4px 0px 0px;
- -moz-border-radius: 4px 4px 0px 0px;
- -ms-border-radius: 4px 4px 0px 0px;
- -o-border-radius: 4px 4px 0px 0px;
- border-radius: 4px 4px 0px 0px;
- -webkit-box-shadow: inset 48px 0px 0px #292929;
- -moz-box-shadow: inset 48px 0px 0px #292929;
- box-shadow: inset 48px 0px 0px #292929;
- }
- ul.messenger-theme-flat .messenger-message-slot.messenger-first .messenger-message {
- -webkit-border-radius: 0px 0px 4px 4px;
- -moz-border-radius: 0px 0px 4px 4px;
- -ms-border-radius: 0px 0px 4px 4px;
- -o-border-radius: 0px 0px 4px 4px;
- border-radius: 0px 0px 4px 4px;
- -webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929;
- -moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929;
- box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929;
- }
- ul.messenger-theme-flat .messenger-message-slot.messenger-first.messenger-last .messenger-message {
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- -ms-border-radius: 4px;
- -o-border-radius: 4px;
- border-radius: 4px;
- -webkit-box-shadow: inset 48px 0px 0px #292929;
- -moz-box-shadow: inset 48px 0px 0px #292929;
- box-shadow: inset 48px 0px 0px #292929;
- }
- ul.messenger-theme-flat .messenger-spinner {
- display: block;
- position: absolute;
- left: 7px;
- top: 50%;
- margin-top: -18px;
- z-index: 999;
- height: 32px;
- width: 32px;
- z-index: 10;
- }
|