Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- html, body, div, span, applet, object, iframe,
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
- a, abbr, acronym, address, big, cite, code,
- del, dfn, em, img, ins, kbd, q, s, samp,
- small, strike, strong, sub, sup, tt, var,
- b, u, i, center,
- dl, dt, dd, ol, ul, li,
- fieldset, form, label, legend,
- table, caption, tbody, tfoot, thead, tr, th, td,
- article, aside, canvas, details, embed,
- figure, figcaption, footer, header, hgroup,
- menu, nav, output, ruby, section, summary,
- time, mark, audio, video {
- margin: 0;
- padding: 0;
- border: 0;
- font: inherit;
- font-size: 100%;
- vertical-align: baseline; }
- html {
- line-height: 1; }
- ol, ul {
- list-style: none; }
- table {
- border-collapse: collapse;
- border-spacing: 0; }
- caption, th, td {
- text-align: left;
- font-weight: normal;
- vertical-align: middle; }
- q, blockquote {
- quotes: none; }
- q:before, q:after, blockquote:before, blockquote:after {
- content: "";
- content: none; }
- a img {
- border: none; }
- elements-of-type(html5-block) {
- display: block; }
- .row:after, .chat-message:after {
- content: "";
- display: table;
- clear: both; }
- .clearfix:before, .clearfix:after {
- content: " ";
- display: table; }
- .clearfix:after {
- clear: both; }
- /*------------------------------------* $Variables
- \*------------------------------------*/
- /*------------------------------------* $Mixins
- \*------------------------------------*/
- /*------------------------------------* $Extends
- \*------------------------------------*/
- .col-s-1, .col-m-1, .col-l-1, .col-s-2, .col-m-2, .col-l-2, .col-s-3, .col-m-3, .col-l-3, .col-s-4, .col-m-4, .col-l-4, .col-s-5, .col-m-5, .col-l-5, .col-s-6, .col-m-6, .col-l-6, .col-s-7, .col-m-7, .col-l-7, .col-s-8, .col-m-8, .col-l-8, .col-s-9, .col-m-9, .col-l-9, .col-s-10, .col-m-10, .col-l-10, .col-s-11, .col-m-11, .col-l-11, .col-s-12, .col-m-12, .col-l-12 {
- float: left;
- min-height: 1px;
- padding: 0 10px;
- width: 100%; }
- /*------------------------------------* $Class
- \*------------------------------------*/
- .row {
- margin: 0 -10px; }
- /*------------------------------------* $Grid
- \*------------------------------------*/
- .m-show {
- display: none !important; }
- .l-show {
- display: none !important; }
- .col-s-center {
- margin: 0 auto;
- float: none; }
- .col-s-push-0 {
- left: 0%; }
- .col-s-offset-0 {
- margin-left: 0%; }
- .col-s-pull-0 {
- left: 0%; }
- .col-s-1 {
- width: 8.33333%; }
- .col-s-center {
- margin: 0 auto;
- float: none; }
- .col-s-push-1 {
- left: 8.33333%; }
- .col-s-offset-1 {
- margin-left: 8.33333%; }
- .col-s-pull-1 {
- left: 8.33333%; }
- .col-s-2 {
- width: 16.66667%; }
- .col-s-center {
- margin: 0 auto;
- float: none; }
- .col-s-push-2 {
- left: 16.66667%; }
- .col-s-offset-2 {
- margin-left: 16.66667%; }
- .col-s-pull-2 {
- left: 16.66667%; }
- .col-s-3 {
- width: 25%; }
- .col-s-center {
- margin: 0 auto;
- float: none; }
- .col-s-push-3 {
- left: 25%; }
- .col-s-offset-3 {
- margin-left: 25%; }
- .col-s-pull-3 {
- left: 25%; }
- .col-s-4 {
- width: 33.33333%; }
- .col-s-center {
- margin: 0 auto;
- float: none; }
- .col-s-push-4 {
- left: 33.33333%; }
- .col-s-offset-4 {
- margin-left: 33.33333%; }
- .col-s-pull-4 {
- left: 33.33333%; }
- .col-s-5 {
- width: 41.66667%; }
- .col-s-center {
- margin: 0 auto;
- float: none; }
- .col-s-push-5 {
- left: 41.66667%; }
- .col-s-offset-5 {
- margin-left: 41.66667%; }
- .col-s-pull-5 {
- left: 41.66667%; }
- .col-s-6 {
- width: 50%; }
- .col-s-center {
- margin: 0 auto;
- float: none; }
- .col-s-push-6 {
- left: 50%; }
- .col-s-offset-6 {
- margin-left: 50%; }
- .col-s-pull-6 {
- left: 50%; }
- .col-s-7 {
- width: 58.33333%; }
- .col-s-center {
- margin: 0 auto;
- float: none; }
- .col-s-push-7 {
- left: 58.33333%; }
- .col-s-offset-7 {
- margin-left: 58.33333%; }
- .col-s-pull-7 {
- left: 58.33333%; }
- .col-s-8 {
- width: 66.66667%; }
- .col-s-center {
- margin: 0 auto;
- float: none; }
- .col-s-push-8 {
- left: 66.66667%; }
- .col-s-offset-8 {
- margin-left: 66.66667%; }
- .col-s-pull-8 {
- left: 66.66667%; }
- .col-s-9 {
- width: 75%; }
- .col-s-center {
- margin: 0 auto;
- float: none; }
- .col-s-push-9 {
- left: 75%; }
- .col-s-offset-9 {
- margin-left: 75%; }
- .col-s-pull-9 {
- left: 75%; }
- .col-s-10 {
- width: 83.33333%; }
- .col-s-center {
- margin: 0 auto;
- float: none; }
- .col-s-push-10 {
- left: 83.33333%; }
- .col-s-offset-10 {
- margin-left: 83.33333%; }
- .col-s-pull-10 {
- left: 83.33333%; }
- .col-s-11 {
- width: 91.66667%; }
- .col-s-center {
- margin: 0 auto;
- float: none; }
- .col-s-push-11 {
- left: 91.66667%; }
- .col-s-offset-11 {
- margin-left: 91.66667%; }
- .col-s-pull-11 {
- left: 91.66667%; }
- .col-s-12 {
- width: 100%; }
- .col-s-center {
- margin: 0 auto;
- float: none; }
- .col-s-push-12 {
- left: 100%; }
- .col-s-offset-12 {
- margin-left: 100%; }
- .col-s-pull-12 {
- left: 100%; }
- /*------------------------------------* $RESPONSIVE
- \*------------------------------------*/
- /* Medium Screen */
- @media only screen and (min-width: 640px) {
- .col-m-center {
- margin: 0 auto;
- float: none; }
- .col-m-push-0 {
- left: 0%; }
- .col-m-offset-0 {
- margin-left: 0%; }
- .col-m-pull-0 {
- left: 0%; }
- .col-m-1 {
- width: 8.33333%; }
- .col-m-center {
- margin: 0 auto;
- float: none; }
- .col-m-push-1 {
- left: 8.33333%; }
- .col-m-offset-1 {
- margin-left: 8.33333%; }
- .col-m-pull-1 {
- left: 8.33333%; }
- .col-m-2 {
- width: 16.66667%; }
- .col-m-center {
- margin: 0 auto;
- float: none; }
- .col-m-push-2 {
- left: 16.66667%; }
- .col-m-offset-2 {
- margin-left: 16.66667%; }
- .col-m-pull-2 {
- left: 16.66667%; }
- .col-m-3 {
- width: 25%; }
- .col-m-center {
- margin: 0 auto;
- float: none; }
- .col-m-push-3 {
- left: 25%; }
- .col-m-offset-3 {
- margin-left: 25%; }
- .col-m-pull-3 {
- left: 25%; }
- .col-m-4 {
- width: 33.33333%; }
- .col-m-center {
- margin: 0 auto;
- float: none; }
- .col-m-push-4 {
- left: 33.33333%; }
- .col-m-offset-4 {
- margin-left: 33.33333%; }
- .col-m-pull-4 {
- left: 33.33333%; }
- .col-m-5 {
- width: 41.66667%; }
- .col-m-center {
- margin: 0 auto;
- float: none; }
- .col-m-push-5 {
- left: 41.66667%; }
- .col-m-offset-5 {
- margin-left: 41.66667%; }
- .col-m-pull-5 {
- left: 41.66667%; }
- .col-m-6 {
- width: 50%; }
- .col-m-center {
- margin: 0 auto;
- float: none; }
- .col-m-push-6 {
- left: 50%; }
- .col-m-offset-6 {
- margin-left: 50%; }
- .col-m-pull-6 {
- left: 50%; }
- .col-m-7 {
- width: 58.33333%; }
- .col-m-center {
- margin: 0 auto;
- float: none; }
- .col-m-push-7 {
- left: 58.33333%; }
- .col-m-offset-7 {
- margin-left: 58.33333%; }
- .col-m-pull-7 {
- left: 58.33333%; }
- .col-m-8 {
- width: 66.66667%; }
- .col-m-center {
- margin: 0 auto;
- float: none; }
- .col-m-push-8 {
- left: 66.66667%; }
- .col-m-offset-8 {
- margin-left: 66.66667%; }
- .col-m-pull-8 {
- left: 66.66667%; }
- .col-m-9 {
- width: 75%; }
- .col-m-center {
- margin: 0 auto;
- float: none; }
- .col-m-push-9 {
- left: 75%; }
- .col-m-offset-9 {
- margin-left: 75%; }
- .col-m-pull-9 {
- left: 75%; }
- .col-m-10 {
- width: 83.33333%; }
- .col-m-center {
- margin: 0 auto;
- float: none; }
- .col-m-push-10 {
- left: 83.33333%; }
- .col-m-offset-10 {
- margin-left: 83.33333%; }
- .col-m-pull-10 {
- left: 83.33333%; }
- .col-m-11 {
- width: 91.66667%; }
- .col-m-center {
- margin: 0 auto;
- float: none; }
- .col-m-push-11 {
- left: 91.66667%; }
- .col-m-offset-11 {
- margin-left: 91.66667%; }
- .col-m-pull-11 {
- left: 91.66667%; }
- .col-m-12 {
- width: 100%; }
- .col-m-center {
- margin: 0 auto;
- float: none; }
- .col-m-push-12 {
- left: 100%; }
- .col-m-offset-12 {
- margin-left: 100%; }
- .col-m-pull-12 {
- left: 100%; }
- .m-hide {
- display: none !important; }
- .m-show {
- display: initial !important; }
- .s-show {
- display: none !important; } }
- /* Large Screen */
- @media only screen and (min-width: 1024px) {
- .col-l-center {
- margin: 0 auto;
- float: none; }
- .col-l-push-0 {
- left: 0%; }
- .col-l-offset-0 {
- margin-left: 0%; }
- .col-l-pull-0 {
- left: 0%; }
- .col-l-1 {
- width: 8.33333%; }
- .col-l-center {
- margin: 0 auto;
- float: none; }
- .col-l-push-1 {
- left: 8.33333%; }
- .col-l-offset-1 {
- margin-left: 8.33333%; }
- .col-l-pull-1 {
- left: 8.33333%; }
- .col-l-2 {
- width: 16.66667%; }
- .col-l-center {
- margin: 0 auto;
- float: none; }
- .col-l-push-2 {
- left: 16.66667%; }
- .col-l-offset-2 {
- margin-left: 16.66667%; }
- .col-l-pull-2 {
- left: 16.66667%; }
- .col-l-3 {
- width: 25%; }
- .col-l-center {
- margin: 0 auto;
- float: none; }
- .col-l-push-3 {
- left: 25%; }
- .col-l-offset-3 {
- margin-left: 25%; }
- .col-l-pull-3 {
- left: 25%; }
- .col-l-4 {
- width: 33.33333%; }
- .col-l-center {
- margin: 0 auto;
- float: none; }
- .col-l-push-4 {
- left: 33.33333%; }
- .col-l-offset-4 {
- margin-left: 33.33333%; }
- .col-l-pull-4 {
- left: 33.33333%; }
- .col-l-5 {
- width: 41.66667%; }
- .col-l-center {
- margin: 0 auto;
- float: none; }
- .col-l-push-5 {
- left: 41.66667%; }
- .col-l-offset-5 {
- margin-left: 41.66667%; }
- .col-l-pull-5 {
- left: 41.66667%; }
- .col-l-6 {
- width: 50%; }
- .col-l-center {
- margin: 0 auto;
- float: none; }
- .col-l-push-6 {
- left: 50%; }
- .col-l-offset-6 {
- margin-left: 50%; }
- .col-l-pull-6 {
- left: 50%; }
- .col-l-7 {
- width: 58.33333%; }
- .col-l-center {
- margin: 0 auto;
- float: none; }
- .col-l-push-7 {
- left: 58.33333%; }
- .col-l-offset-7 {
- margin-left: 58.33333%; }
- .col-l-pull-7 {
- left: 58.33333%; }
- .col-l-8 {
- width: 66.66667%; }
- .col-l-center {
- margin: 0 auto;
- float: none; }
- .col-l-push-8 {
- left: 66.66667%; }
- .col-l-offset-8 {
- margin-left: 66.66667%; }
- .col-l-pull-8 {
- left: 66.66667%; }
- .col-l-9 {
- width: 75%; }
- .col-l-center {
- margin: 0 auto;
- float: none; }
- .col-l-push-9 {
- left: 75%; }
- .col-l-offset-9 {
- margin-left: 75%; }
- .col-l-pull-9 {
- left: 75%; }
- .col-l-10 {
- width: 83.33333%; }
- .col-l-center {
- margin: 0 auto;
- float: none; }
- .col-l-push-10 {
- left: 83.33333%; }
- .col-l-offset-10 {
- margin-left: 83.33333%; }
- .col-l-pull-10 {
- left: 83.33333%; }
- .col-l-11 {
- width: 91.66667%; }
- .col-l-center {
- margin: 0 auto;
- float: none; }
- .col-l-push-11 {
- left: 91.66667%; }
- .col-l-offset-11 {
- margin-left: 91.66667%; }
- .col-l-pull-11 {
- left: 91.66667%; }
- .col-l-12 {
- width: 100%; }
- .col-l-center {
- margin: 0 auto;
- float: none; }
- .col-l-push-12 {
- left: 100%; }
- .col-l-offset-12 {
- margin-left: 100%; }
- .col-l-pull-12 {
- left: 100%; }
- .l-hide {
- display: none !important; }
- .l-show {
- display: initial !important; }
- .m-show {
- display: initial !important; } }
- .btn {
- display: inline-block;
- background-color: #a73232;
- border: 2px solid transparent;
- padding: 0 15px;
- height: 34px;
- line-height: 30px;
- font-weight: bold;
- text-align: center;
- transition: all 0.3s;
- color: #f0f0f0;
- font-size: 16px;
- cursor: pointer;
- font-family: inherit; }
- .btn:not(:last-child) {
- margin-bottom: 5px; }
- .btn:last-child:first-child {
- margin-bottom: 0px; }
- .btn:hover {
- border: 2px solid #a73232;
- color: #a73232;
- background-color: transparent; }
- .btn:disabled {
- cursor: not-allowed;
- background-color: #a73232;
- color: #f0f0f0; }
- .btn-block {
- display: block !important;
- margin: 0;
- width: 100%; }
- .btn-dark {
- background-color: #555; }
- .btn-dark:hover {
- border-color: #555;
- color: #555; }
- .btn-border {
- background: transparent;
- border: 2px solid #555;
- color: #555; }
- .btn-border:hover {
- border-color: #000;
- color: #555; }
- .btn-border-white {
- border-color: #e0e0e0;
- color: #e0e0e0; }
- .btn-border-white:hover {
- border-color: #fff;
- color: #FFF; }
- .social-btn {
- display: inline-block;
- position: relative;
- width: 2em;
- height: 2em;
- line-height: 2em;
- text-align: center;
- font-size: 17px;
- background: #555;
- border-radius: 50%;
- margin: 0 0.1em; }
- .social-btn:hover {
- color: #FFF;
- transition: all 0.2s ease; }
- .social-btn.facebook:hover {
- background: #4b70ab; }
- .social-btn.twitter:hover {
- background: #32b9e7; }
- .cmn-toggle {
- position: absolute;
- margin-left: -9999px;
- visibility: hidden; }
- .cmn-toggle + label {
- display: block;
- position: relative;
- cursor: pointer;
- outline: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none; }
- input.cmn-toggle-round-flat + label {
- padding: 2px;
- width: 120px;
- height: 30px;
- background-color: #a73232;
- border-radius: 60px;
- transition: background 0.4s; }
- input.cmn-toggle-round-flat + label:before, input.cmn-toggle-round-flat + label:after {
- display: block;
- position: absolute;
- content: ""; }
- input.cmn-toggle-round-flat + label:before {
- top: 2px;
- left: 2px;
- bottom: 2px;
- right: 2px;
- background-color: #f5f5f5;
- border-radius: 60px;
- transition: background 0.4s; }
- input.cmn-toggle-round-flat + label:after {
- top: 4px;
- left: 4px;
- bottom: 4px;
- width: 52px;
- background-color: #a73232;
- -o-border-radius: 52px;
- border-radius: 52px;
- transition: margin 0.4s, background 0.4s; }
- input.cmn-toggle-round-flat:checked + label {
- background-color: #555; }
- input.cmn-toggle-round-flat:checked + label:after {
- margin-left: 60px;
- background-color: #555; }
- .flag-btn img {
- height: 34px;
- vertical-align: bottom; }
- .radial-button {
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- width: 140px;
- height: 140px;
- border: solid 12px #555;
- background: #fafafa;
- border-radius: 100%;
- margin: 0 auto;
- color: #000;
- transition: all 0.1s ease;
- font-size: 20px; }
- .radial-button:hover {
- border-color: #a73232;
- border-width: 6px;
- box-shadow: 0 0 0px 9px #555; }
- p {
- margin: 1rem 0; }
- .pt {
- padding-top: 2rem; }
- .pb {
- padding-bottom: 2rem; }
- .mt {
- margin-top: 2rem; }
- .mb {
- margin-bottom: 2rem; }
- .container {
- margin: 0 15px; }
- @media only screen and (min-width: 1100px) {
- .container {
- width: 1100px;
- margin: 0 auto; } }
- .hero-title {
- padding-top: 40px;
- font-size: 40px;
- color: #FFF;
- font-weight: bold; }
- h1 {
- font-size: 32px;
- font-weight: bold; }
- h2 {
- font-weight: bold;
- font-size: 28px; }
- h3 {
- font-size: 22px;
- color: #f2f2f2;
- text-transform: uppercase; }
- h5 {
- font-size: 24px;
- font-weight: 600; }
- strong, b {
- font-weight: 600; }
- i {
- font-style: italic; }
- input[type="text"], input[type="password"], input[type="email"], input[type="number"], textarea {
- padding: 10px 15px;
- font-size: 18px;
- border: none;
- border-bottom: solid 3px #555;
- outline: none;
- box-shadow: 0 0 0 1px #e0e0e0;
- font-family: Arial, sans-serif;
- transition: all 0.3s ease; }
- input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, textarea:focus {
- border-color: #a73232; }
- textarea {
- resize: none;
- width: 650px; }
- input[type="text"], input[type="password"], input[type="email"], input[type="number"] {
- width: 325px; }
- input[type="text"].large, input[type="password"].large, input[type="email"].large, input[type="number"].large {
- width: 650px; }
- input[type="number"] {
- width: 100px; }
- select {
- border: solid 1px #e0e0e0;
- width: 325px;
- font-size: 17px;
- padding: 8px 10px;
- outline: none; }
- .form-group {
- margin: 10px 0; }
- .form-group input[type="checkbox"] {
- height: 13px; }
- .center {
- text-align: center; }
- .right {
- text-align: right; }
- .section-dark {
- background: #1b1b1b;
- border-bottom: 5px solid #a73232;
- border-top: 5px solid #a73232;
- padding: 15px;
- color: #FFF;
- min-height: 100px; }
- .primary {
- color: #a73232; }
- .primary-link {
- color: #a73232; }
- .primary-link:hover {
- color: #a73232;
- text-decoration: underline; }
- .strong {
- font-weight: bold; }
- .alert {
- padding: 15px;
- margin-top: -20px;
- margin-bottom: 40px;
- border: 1px solid transparent; }
- .alert h4 {
- margin-top: 0;
- color: inherit; }
- .alert .alert-link {
- font-weight: bold; }
- .alert > p,
- .alert > ul {
- margin-bottom: 0; }
- .alert > p + p {
- margin-top: 5px; }
- .alert-dismissable,
- .alert-dismissible {
- padding-right: 35px; }
- .alert-dismissable .close,
- .alert-dismissible .close {
- position: relative;
- top: -2px;
- right: -21px;
- color: inherit; }
- .alert-success {
- background-color: #dff0d8;
- border-color: #d6e9c6;
- color: #3c763d; }
- .alert-success hr {
- border-top-color: #c9e2b3; }
- .alert-success .alert-link {
- color: #2b542c; }
- .alert-info {
- background-color: #d9edf7;
- border-color: #bce8f1;
- color: #31708f; }
- .alert-info hr {
- border-top-color: #a6e1ec; }
- .alert-info .alert-link {
- color: #245269; }
- .alert-warning {
- background-color: #fcf8e3;
- border-color: #faebcc;
- color: #8a6d3b; }
- .alert-warning hr {
- border-top-color: #f7e1b5; }
- .alert-warning .alert-link {
- color: #66512c; }
- .alert-danger {
- background-color: #f2dede;
- border-color: #ebccd1;
- color: #a94442; }
- .alert-danger hr {
- border-top-color: #e4b9c0; }
- .alert-danger .alert-link {
- color: #843534; }
- .invoice-body {
- background: #e0e0e0;
- padding: 0 !important; }
- .invoice-viewer {
- padding-left: 350px; }
- .invoice-viewer .invoice-page {
- box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
- margin: 50px auto; }
- .invoice-page {
- padding: 25px;
- width: 1000px;
- min-height: 1000px;
- background: #FFF;
- position: relative; }
- .invoice-header {
- background: #000;
- color: #FFF;
- text-transform: uppercase;
- text-align: center;
- margin-bottom: 50px; }
- .invoice-address {
- font-size: 18px; }
- .invoice-address-label {
- color: #555;
- float: left;
- width: 105px;
- text-align: right; }
- .invoice-address-content {
- margin-left: 115px;
- border-left: solid 1px #ccc;
- padding-left: 10px; }
- .invoice-items {
- margin-top: 65px;
- width: 100%;
- border-collapse: collapse;
- border-spacing: 0; }
- .invoice-items th {
- font-size: .9em;
- text-align: left;
- font-weight: bold;
- font-size: 16px;
- padding: 10px; }
- .invoice-items td {
- padding: 10px;
- border: solid 1px #ccc;
- border-left: none;
- border-right: none; }
- .invoice-items tbody tr:nth-child(odd) {
- background: #f1f1f1; }
- .invoice-items .total {
- background: transparent !important;
- font-size: 1.2em; }
- .invoice-items .total td {
- border: none !important;
- padding: 5px 10px; }
- .invoice-items .total-first td {
- padding-top: 30px; }
- .invoice-items .total-label {
- text-align: right; }
- .invoice-items .total-bold {
- font-size: 1.5em;
- font-weight: bold;
- padding-top: 10px; }
- .invoice-footer {
- border-top: solid 1px #ccc;
- position: absolute;
- bottom: 0;
- left: 0;
- right: 0;
- padding: 25px; }
- .invoice-sidebar {
- background: #a73232;
- position: fixed;
- top: 0;
- left: 0;
- bottom: 0;
- width: 350px;
- padding: 30px 20px 15px; }
- .invoice-sidebar .btn {
- background: #FFF;
- color: #a73232; }
- .invoice-sidebar .btn:hover {
- background: #a73232;
- border-color: #FFF;
- color: #FFF; }
- .invoice-sidebar .btn-border {
- border-color: #FFF;
- color: #FFF;
- background: #a73232; }
- .invoice-sidebar-header {
- text-align: center;
- margin-bottom: 50px; }
- .invoice-sidebar-header .wrapper {
- display: inline-block;
- width: 250px;
- text-align: right; }
- .invoice-sidebar-header .wrapper .label {
- letter-spacing: 5px;
- color: #000;
- text-transform: uppercase; }
- .invoice-sidebar-row {
- margin: 25px 0;
- text-align: center; }
- .invoice-sidebar-row .row-title {
- color: #FFF;
- border-bottom: solid 2px #fff;
- font-size: 22px;
- font-weight: bold; }
- .invoice-sidebar-row .row-content {
- padding: 10px; }
- .invoice-sidebar-status {
- font-size: 32px;
- color: #000; }
- .invoice-sidebar-status.paid {
- color: #75FF00; }
- .invoice-pdf .invoice-page {
- height: 100%;
- width: 100%; }
- @media only screen and (max-height: 950px) {
- .invoice-sidebar {
- position: absolute; } }
- @media only screen and (max-width: 1400px) {
- .invoice-viewer {
- padding: 0; }
- .invoice-viewer .invoice-page {
- margin: 0 auto;
- box-shadow: none; }
- .invoice-sidebar-header {
- margin-bottom: 15px; }
- .invoice-sidebar {
- position: static;
- width: 100%;
- min-width: 1000px;
- height: 400px;
- margin-bottom: 50px; }
- .invoice-sidebar-row {
- margin: 0 20px; }
- .invoice-sidebar-rows {
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center; } }
- .contact-title {
- background-color: #a73232;
- width: 300px;
- color: #FFF;
- font-size: 24px;
- padding: 10px; }
- .contact-title i {
- margin: 0 10px; }
- .contact-item {
- font-size: 20px;
- margin: 25px 0 25px 100px; }
- .contact-item a {
- color: #000; }
- .contact-item a:hover {
- text-decoration: underline; }
- .contact-list {
- list-style: circle; }
- .contact-list li {
- margin-left: 35px; }
- .cf-header {
- border-bottom: solid 1px #e0e0e0;
- text-align: center;
- margin-bottom: 50px;
- background: #FFF;
- padding-top: 10px; }
- .cf-block {
- background: #FFF;
- padding: 15px; }
- .cf-info {
- display: block;
- margin-top: 10px;
- font-style: italic; }
- .footer.cf-footer {
- color: #555;
- background: transparent;
- border-top: solid 1px #e0e0e0; }
- .footer.cf-footer h3 {
- color: #555; }
- .footer.cf-footer hr {
- border-color: #555; }
- .footer.cf-footer .footer-left {
- border-color: #555; }
- .cf-stats {
- text-align: center; }
- .cf-stats .value {
- font-size: 28px; }
- .cf-bigbtn {
- display: inline-block;
- background: #e0e0e0;
- transition: all 0.2s ease;
- text-align: center;
- width: 300px;
- padding: 20px;
- margin-bottom: 5px; }
- .cf-bigbtn img {
- height: 50px; }
- .cf-bigbtn:hover {
- background: #555; }
- .cf-progress {
- display: block;
- /* default: inline-block */
- width: 300px;
- margin: 1em auto;
- padding: 4px;
- border: 0 none;
- background: #444;
- border-radius: 14px;
- box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2); }
- .cf-progress::-moz-progress-bar {
- background: #FFF;
- border-radius: 12px; }
- @media screen and (-webkit-min-device-pixel-ratio: 0) {
- .cf-progress {
- height: 25px;
- /* légèrement plus fin sur Chrome par défaut */ } }
- .cf-progress::-webkit-progress-bar {
- background: transparent; }
- .cf-progress::-webkit-progress-value {
- background: #FFF;
- border-radius: 12px; }
- .sm-multicraft {
- /* Background Colors */
- /* Chrome */
- /* Foreground Colors */
- /* IE10 */
- /* Firefox */
- /* Chrome */
- /* Polyfill */ }
- .sm-multicraft .status-btn {
- display: block;
- float: left;
- background: #FFF;
- width: 30%;
- height: 86px;
- color: #000;
- text-align: center;
- line-height: 86px;
- font-size: 30px;
- transition: font-size 0.1s linear; }
- .sm-multicraft .status-btn:hover {
- font-size: 40px; }
- .sm-multicraft .status-info {
- float: left;
- background: #D02020;
- color: #FFF;
- text-align: right;
- width: 70%; }
- .sm-multicraft .status-info.online {
- background: #35D020; }
- .sm-multicraft .status-status {
- font-size: 24px;
- padding: 5px 10px; }
- .sm-multicraft .status-players {
- color: #EEE;
- text-transform: uppercase;
- font-size: 18px;
- background: rgba(0, 0, 0, 0.35);
- padding: 5px 10px; }
- .sm-multicraft .box {
- background: #fff;
- border-radius: 5px;
- padding: 10px 15px;
- float: left;
- margin-right: 15px; }
- .sm-multicraft .box:last-child {
- margin: 0; }
- .sm-multicraft .box-item {
- float: left;
- padding-right: 5px;
- margin-right: 5px;
- border-right: solid 1px #EEE; }
- .sm-multicraft .box-item:last-child {
- margin-right: 0;
- padding-right: 0;
- border-right: none; }
- .sm-multicraft .box-title {
- text-transform: uppercase;
- font-size: 18px;
- font-weight: bold; }
- .sm-multicraft .box-label {
- font-size: 13px;
- text-transform: uppercase;
- font-weight: bold; }
- .sm-multicraft .box-value {
- margin-left: 10px; }
- .sm-multicraft .resources-block {
- margin-bottom: 4px; }
- .sm-multicraft .resources-block:last-child {
- margin-bottom: 0; }
- .sm-multicraft .resources-label {
- margin-bottom: -8px; }
- .sm-multicraft .resources-progress, .sm-multicraft .resources-progress[role][aria-valuenow] {
- /* Polyfill */
- background: #e0e0e0 !important;
- /* !important is needed by the polyfill */ }
- .sm-multicraft .resources-progress::-webkit-progress-bar {
- background: #e0e0e0; }
- .sm-multicraft .resources-progress {
- color: #555; }
- .sm-multicraft .resources-progress::-moz-progress-bar {
- background: #555; }
- .sm-multicraft .resources-progress::-webkit-progress-value {
- background: #555; }
- .sm-multicraft .resources-progress[aria-valuenow]:before {
- background: #555; }
- .sm-solusvm .info-block {
- padding: 15px 15px;
- border-radius: 3px;
- background-color: #fff;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
- width: 100%; }
- .sm-solusvm .info-status {
- font-weight: normal; }
- .sm-solusvm .info-row {
- font-size: 24px;
- margin: 15px 0 15px 20px; }
- .sm-solusvm .resources-block .resource-row {
- margin-bottom: 15px; }
- .sm-solusvm .resources-block .resource-row:last-child {
- margin: 0; }
- .sm-solusvm .resources-block progress {
- background-color: #f3f3f3;
- border: 0;
- width: 85%;
- height: 18px;
- border-radius: 9px; }
- .sm-solusvm .resources-block progress::-webkit-progress-bar {
- background-color: #f3f3f3;
- border-radius: 9px; }
- .sm-solusvm .resources-block progress::-webkit-progress-value {
- background: #cdeb8e;
- background: linear-gradient(to bottom, #cdeb8e 0%, #a5c956 100%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdeb8e', endColorstr='#a5c956', GradientType=0);
- border-radius: 9px; }
- .sm-solusvm .resources-block progress::-moz-progress-bar {
- background: #cdeb8e;
- background: linear-gradient(to bottom, #cdeb8e 0%, #a5c956 100%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdeb8e', endColorstr='#a5c956', GradientType=0);
- border-radius: 9px; }
- .sm-solusvm .resources-block .progress-value {
- padding: 0px 5px;
- line-height: 20px;
- margin-left: 5px;
- font-size: .8em;
- color: #555;
- height: 18px;
- float: right; }
- .sm-cpanel .item {
- font-size: 21px; }
- *, *:after, *:before {
- box-sizing: border-box; }
- html {
- min-height: 100%;
- position: relative; }
- body {
- padding: 0 0 182px !important; }
- .box-register {
- padding: 40px 60px;
- background-color: #525962;
- height: 300px; }
- .footer {
- background-color: #272727;
- padding: 30px 0px;
- color: #f2f2f2;
- position: absolute;
- left: 0;
- bottom: 0;
- height: 132px;
- width: 100%; }
- .footer-left {
- text-align: right;
- width: 50%;
- padding-right: 30px;
- border-right: 2px solid #f2f2f2;
- display: inline-block; }
- .footer-left .copyright {
- font-weight: 300; }
- .footer-left a {
- color: #a73232; }
- .footer-left a:hover {
- color: #a73232;
- text-decoration: underline; }
- @media only screen and (max-width: 640px) {
- .footer-left {
- width: 100%;
- border-right: none;
- text-align: center;
- padding: 0; }
- .footer-left hr {
- display: none; } }
- .footer-right {
- width: 50%;
- padding-left: 30px;
- display: inline-block; }
- .footer-left hr {
- margin: 5px 2px 5px auto;
- border: 0;
- border-top: 2px solid #EEE;
- width: 110px; }
- .home-animation {
- position: absolute;
- top: 120px;
- right: 0; }
- .home-animation img {
- position: absolute; }
- .home-boxes {
- padding: 30px; }
- .home-boxes img {
- width: 100%;
- display: block; }
- .home-boxes iframe {
- width: 100%; }
- .feature-box {
- position: relative;
- padding: 15px 15px 15px 95px;
- background-color: #F7F7F7;
- border-radius: 5px;
- width: 100%;
- margin: 10px 0;
- text-align: left;
- color: #000;
- font-size: 14px; }
- .feature-box p {
- margin: 5px 0 0; }
- .feature-box a {
- color: #a73232; }
- .feature-box a:hover {
- color: #a73232;
- text-decoration: underline; }
- .feature-box.left {
- border-radius: 5px 0 0 5px;
- float: right;
- border-right: 6px solid #a73232; }
- .feature-box.right {
- border-radius: 0 5px 5px 0;
- border-left: 6px solid #a73232; }
- .feature-icon {
- position: absolute;
- left: 20px;
- top: calc(50% - 25px);
- text-align: center;
- width: 50px;
- font-size: 50px;
- line-height: 50px;
- color: #313131; }
- .home-animation-webpage {
- -webkit-animation: webpage 1s 3s ease forwards;
- animation: webpage 1s 3s ease forwards;
- right: 32px;
- top: -100px;
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
- width: 200px;
- opacity: 0; }
- .home-animation-icon {
- opacity: 0;
- -webkit-animation: icon 0.5s ease forwards;
- animation: icon 0.5s ease forwards;
- width: 50px; }
- .home-animation-icon.terminal {
- right: -105px;
- -webkit-animation-delay: 3.6s;
- animation-delay: 3.6s; }
- .home-animation-icon.minecraft {
- top: -90px;
- -webkit-animation-delay: 3.2s;
- animation-delay: 3.2s; }
- .home-animation-icon.activity-monitor {
- top: -90px;
- right: 275px;
- -webkit-animation-delay: 3.8s;
- animation-delay: 3.8s; }
- .home-animation-icon.owncloud {
- top: 110px;
- -webkit-animation-delay: 3.4s;
- animation-delay: 3.4s; }
- @-webkit-keyframes webpage {
- from {
- opacity: 0;
- -webkit-transform: scale(0.5);
- transform: scale(0.5); }
- to {
- opacity: 1;
- -webkit-transform: scale(1);
- transform: scale(1); } }
- @keyframes webpage {
- from {
- opacity: 0;
- -webkit-transform: scale(0.5);
- transform: scale(0.5); }
- to {
- opacity: 1;
- -webkit-transform: scale(1);
- transform: scale(1); } }
- @-webkit-keyframes icon {
- 0% {
- right: 0;
- top: 0; }
- 40% {
- opacity: 0;
- -webkit-transform: scale(1);
- transform: scale(1); }
- 60% {
- -webkit-transform: scale(0.8);
- transform: scale(0.8); }
- 100% {
- opacity: 1;
- -webkit-transform: scale(1);
- transform: scale(1); } }
- @keyframes icon {
- 0% {
- right: 0;
- top: 0; }
- 40% {
- opacity: 0;
- -webkit-transform: scale(1);
- transform: scale(1); }
- 60% {
- -webkit-transform: scale(0.8);
- transform: scale(0.8); }
- 100% {
- opacity: 1;
- -webkit-transform: scale(1);
- transform: scale(1); } }
- .home-animation-server {
- width: 350px;
- top: 0;
- right: 0; }
- .home-animation-loader {
- -webkit-animation: loader 3s 0.5s linear forwards;
- animation: loader 3s 0.5s linear forwards;
- top: -75px;
- right: 150px;
- width: 150px;
- opacity: 0; }
- @-webkit-keyframes loader {
- 0% {
- opacity: 0;
- top: -50px;
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg); }
- 25%, 95% {
- top: -75px;
- opacity: 1; }
- 100% {
- top: -50px;
- opacity: 0;
- -webkit-transform: rotate(500deg);
- transform: rotate(500deg); } }
- @keyframes loader {
- 0% {
- opacity: 0;
- top: -50px;
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg); }
- 25%, 95% {
- top: -75px;
- opacity: 1; }
- 100% {
- top: -50px;
- opacity: 0;
- -webkit-transform: rotate(500deg);
- transform: rotate(500deg); } }
- .tweet-box {
- border-radius: 0 0 5px 5px;
- overflow: hidden;
- border-bottom: solid 3px #32b9e7; }
- .tweet-box-header {
- background: #a73232;
- color: #FFF;
- padding: 5px 10px;
- font-weight: 600; }
- .tweet-box-content {
- background: #FFF;
- padding: 15px;
- font-size: 13px; }
- .tweet-box-content a {
- color: #000; }
- @media only screen and (max-width: 640px) {
- .tweet-box {
- margin-bottom: 15px; } }
- .section-tweets {
- margin-top: 20px;
- text-align: center; }
- .section-tweets h1 {
- margin-bottom: 15px; }
- .support-menu-item {
- display: block;
- background: #fafafa;
- color: #555;
- font-size: 24px;
- padding: 5px 15px;
- box-shadow: 0 0 0 1px #e0e0e0;
- margin-bottom: 15px;
- border-bottom: solid 2px #555; }
- .support-menu-item.active {
- background: #a73232;
- color: #FFF;
- border-color: #a73232; }
- .support-menu-item.active:hover {
- background: #a73232; }
- .support-menu-item:hover {
- background: #555;
- color: #FFF; }
- .faq-box {
- border: solid 1px #e0e0e0;
- margin-bottom: 20px; }
- .faq-box-header {
- font-size: 26px;
- border-bottom: solid 2px #555;
- background: #FFF;
- padding: 2px 10px 0; }
- .faq-box-list {
- list-style: square inside url("http://www.free.fr/assistance/img/liste-menu.png");
- background: #e0e0e0;
- padding: 6px 5px 8px 12px; }
- .faq-box-list a {
- color: #555; }
- .breadcrumb {
- background: #e0e0e0;
- height: 50px;
- margin-bottom: 25px;
- margin-top: -25px;
- overflow: hidden;
- border: solid 1px #e0e0e0; }
- .breadcrumb-item {
- background: #fafafa;
- color: #555;
- height: 100%;
- display: block;
- float: left;
- margin-right: 3px;
- padding: 15px 15px 15px 40px;
- font-size: 16px;
- line-height: 20px;
- position: relative; }
- .breadcrumb-item i {
- font-size: 32px;
- top: -6px;
- position: relative; }
- .breadcrumb-item.active {
- font-weight: 600; }
- .breadcrumb-item:hover {
- background: whitesmoke; }
- .breadcrumb-item:first-child {
- padding: 15px 15px 15px 15px; }
- .breadcrumb-item:first-child:before {
- display: none; }
- .breadcrumb-item:before {
- content: "";
- border-top: 25px solid transparent;
- border-bottom: 24px solid transparent;
- border-left: 25px solid #e0e0e0;
- position: absolute;
- left: 0;
- top: 0; }
- .breadcrumb-item:after {
- content: "";
- border-top: 25px solid transparent;
- border-bottom: 24px solid transparent;
- border-left: 25px solid #fafafa;
- position: absolute;
- right: -25px;
- top: 0;
- z-index: 1; }
- .breadcrumb-item:hover:after {
- border-left-color: whitesmoke; }
- .credit-intro {
- margin: 50px 0; }
- .credit-intro-btn {
- display: block;
- background: #555;
- text-align: center;
- padding: 25px;
- transition: all 0.2s ease;
- color: #fafafa; }
- .credit-logo {
- height: 62px;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- padding-bottom: 10px; }
- .credit-logo img {
- max-width: 100%;
- max-height: 100%; }
- .support-intro-btn {
- display: block;
- background: #555;
- text-align: center;
- width: 100%;
- max-width: 400px;
- padding: 5px;
- margin: 0 auto;
- transition: all 0.2s ease;
- color: #fafafa; }
- .credit-intro-btn:hover, .support-intro-btn:hover {
- background: #a73232;
- color: #FFF; }
- .support-intro-btn i {
- font-size: 110px;
- margin-top: 10px; }
- .support-intro-btn p {
- color: #fafafa; }
- .support-intro-btn h1 {
- color: #FFF;
- font-size: 36px; }
- .support-intro {
- margin-bottom: 50px; }
- .login-form {
- float: left;
- height: 100%;
- background: #fafafa;
- width: calc(80% - 25px);
- margin-right: 25px;
- border: solid 1px #e0e0e0;
- text-align: center;
- padding: 15px; }
- .login-sidebar {
- float: right;
- height: 100%;
- width: 20%; }
- .login-box {
- height: 400px;
- margin-bottom: 30px; }
- .login-sidebar-item {
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- height: 33.33%;
- background: #555;
- color: #fafafa;
- border-bottom: solid 1px #626262;
- transition: all 0.2s ease;
- text-align: center; }
- .login-sidebar-item:hover {
- color: #FFF;
- background: #a73232; }
- .login-sidebar-item:last-child {
- border-bottom: none; }
- .login-sidebar-item i {
- display: block;
- font-size: 62px; }
- @media only screen and (max-width: 640px) {
- .login-form, .login-sidebar {
- float: none; }
- .login-box {
- height: auto; }
- .login-form {
- width: 100%; }
- .login-sidebar {
- margin-top: 50px;
- width: 100%; } }
- .login-form-content {
- margin: 50px 0; }
- .chat-conversation {
- background: #e0e0e0;
- height: 500px;
- padding: 15px;
- overflow-y: scroll; }
- .chat-box {
- border: solid 1px #e0e0e0; }
- .chat-input {
- background: #FFF; }
- .chat-input input[type="text"] {
- border: none;
- box-shadow: none;
- width: calc(100% - 60px);
- height: 50px; }
- .chat-message {
- margin-bottom: 15px; }
- .chat-message-text {
- background: #555;
- color: #FFF;
- width: 70%;
- border-radius: 2px;
- border-top-left-radius: 0;
- margin: 0 10px;
- position: relative;
- float: left; }
- .chat-message-text:before {
- content: "";
- position: absolute;
- top: 0;
- left: -9px;
- width: 0;
- height: 0;
- border-style: solid;
- border-width: 0 10px 10px 0;
- border-color: transparent #414141 transparent transparent; }
- .chat-message.ni .chat-message-text {
- background: #a73232;
- border-color: transparent #a73232 transparent transparent;
- float: right;
- border-radius: 2px;
- border-top-right-radius: 0; }
- .chat-message.ni .chat-message-text:before {
- left: auto;
- right: -9px;
- border-width: 10px 10px 0 0;
- border-color: #882929 transparent transparent transparent; }
- .chat-message-header {
- padding: 5px 10px;
- font-size: 13px;
- color: #e0e0e0;
- background: rgba(0, 0, 0, 0.2); }
- .chat-message-body {
- padding: 5px 10px; }
- .chat-input-button {
- background: #272727;
- border: none;
- border-radius: 100%;
- outline: none;
- font-size: 24px;
- height: 40px;
- width: 40px;
- text-align: center;
- color: #FFF;
- position: relative;
- top: 3px;
- margin-left: 5px; }
- .chat-input-button:hover {
- background: #a73232; }
- .plan {
- border: solid 1px #e0e0e0;
- background: #fafafa;
- width: 215px;
- text-align: center;
- margin: 0 5px; }
- .plan-block {
- width: 100%; }
- .plan-price {
- font-size: 24px;
- background: #555;
- color: #e0e0e0;
- font-weight: 300;
- margin-bottom: 15px; }
- .plan-price .amount {
- font-size: 40px;
- color: #FFF;
- font-weight: 600; }
- .plan-price .currency {
- font-size: 30px; }
- .plan-name {
- font-weight: 600;
- font-size: 28px;
- padding: 20px 0; }
- .plan-features {
- text-align: left;
- padding: 0 20px;
- margin-bottom: 15px; }
- .plan-features li {
- margin: 5px 0; }
- .plan-features li span {
- font-size: 22px;
- font-weight: 600; }
- .plans-table {
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
- align-items: flex-start;
- padding-top: 15px; }
- @media only screen and (max-width: 640px) {
- .plans-table {
- display: block; }
- .plan {
- width: 100%;
- margin: 0 0 10px; }
- .plan.plan-popular {
- position: initial;
- width: 100%; } }
- .plan-popular {
- position: relative;
- top: -20px;
- width: 245px;
- border-width: 3px; }
- .plan-popular .plan-btn {
- border-color: #a73232;
- color: #a73232; }
- .plan-popular .plan-btn:hover {
- background: #a73232;
- color: #FFF;
- border-color: #a73232; }
- .plan-popular .plan-name {
- font-size: 36px; }
- .plan-popular .plan-price .amount {
- font-size: 50px; }
- .plan-btn {
- margin-bottom: 20px;
- width: 80%; }
- .plan-btn:hover {
- border-color: #a73232;
- color: #a73232; }
- .plans-pricing {
- margin-bottom: 50px;
- text-align: center; }
- .plans-pricing .row {
- display: inline-block; }
- .plans-pricing .switch {
- float: left;
- margin: 0 10px; }
- .plans-pricing .text {
- float: left;
- height: 30px;
- line-height: 30px; }
- .plans-list:hover .plan {
- opacity: .7; }
- .plans-list .plan {
- width: 100%;
- margin-bottom: 10px;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- height: 65px;
- transition: opacity 0.2s ease; }
- .plans-list .plan:hover {
- opacity: 1; }
- .plans-list .plan:hover .plan-price {
- background: #a73232; }
- .plans-list .plan-name, .plans-list .plan-price, .plans-list .plan-features {
- padding: 0 20px;
- height: 100%;
- line-height: 65px;
- margin: 0; }
- .plans-list .plan-price {
- width: 250px;
- transition: background 0.2s ease; }
- .plans-list .plan-name {
- width: 190px; }
- .plans-list .plan-features {
- width: 510px;
- padding: 0 0 0 5px;
- margin: 0; }
- .plans-list .plan-features li {
- padding: 0 0 0 10px;
- display: block;
- float: left;
- margin: 0;
- height: 100%;
- text-align: center; }
- .plans-list .plan-popular {
- position: static;
- border-width: 3px;
- height: 69px !important; }
- .plans-list .plan-btn {
- margin: 15px;
- width: initial; }
- .plans-footer {
- text-align: center;
- padding: 50px 0; }
- .plan-images {
- padding-top: 10px; }
- .plan-images li {
- float: left;
- width: 250px;
- margin-bottom: 10px;
- border: solid 5px #555;
- transition: border-color 0.2s ease;
- border-radius: 5px; }
- .plan-images li:hover {
- border-color: #a73232; }
- .plan-images li:nth-child(2n-1) {
- margin-right: 10px; }
- .plan-images li img {
- width: 100%;
- float: left; }
- .register-form {
- background: #fafafa;
- border: solid 1px #e0e0e0;
- text-align: center;
- padding: 15px;
- margin-bottom: 25px; }
- .register-form-content {
- margin: 25px 0; }
- .register-switch {
- margin: 50px 0 25px;
- text-align: center; }
- .register-switch .row {
- display: inline-block; }
- .register-switch .switch {
- float: left;
- margin: 0 10px; }
- .register-switch .text {
- float: left;
- height: 30px;
- line-height: 30px; }
- .capatcha {
- text-align: center; }
- .g-recaptcha {
- display: inline-block; }
- .section-client {
- background: #313131;
- color: #FFF;
- padding: 25px 0; }
- .client-menu-item {
- display: block;
- background: #555;
- color: #fff;
- font-size: 24px;
- padding: 5px 15px;
- margin-bottom: 15px; }
- .client-menu-item:last-child {
- margin: 0; }
- .client-menu-item:hover {
- background: #fafafa;
- color: #555; }
- .client-hello {
- font-size: 28px; }
- .client-email {
- font-style: italic;
- font-size: 18px;
- color: #fafafa; }
- .client-balance {
- margin-top: 50px;
- font-size: 22px; }
- .notifications {
- margin-top: 50px; }
- .notification {
- border-left: solid 6px #a73232;
- background: #555;
- height: 70px;
- overflow: hidden;
- margin: 5px 0; }
- .notification-icon {
- float: left;
- height: 100%;
- font-size: 40px;
- line-height: 70px;
- color: #fff;
- width: 70px;
- text-align: center; }
- .notification-content {
- padding: 5px 0;
- float: left;
- height: 100%;
- width: calc(100% - (250px + 70px)); }
- .notification-title {
- color: #fff;
- font-size: 18px;
- line-height: 23px;
- font-weight: bold; }
- .notification-detail {
- color: #fafafa;
- font-size: 14px;
- line-height: 18px; }
- .notification-buttons {
- float: right;
- height: 100%;
- color: #e0e0e0;
- transition: all 0.3s ease;
- line-height: 70px;
- padding: 0 15px; }
- .notification-buttons .btn:not(.force) {
- border-color: #555; }
- .notification-buttons:hover {
- background: #a73232;
- color: #fff; }
- .notification-buttons:hover .btn {
- border-color: initial; }
- .client-header {
- text-align: center; }
- .client-header .title {
- margin-bottom: 2rem; }
- .client-boxes {
- margin-top: 50px; }
- .client-box-header {
- text-align: center;
- border-bottom: solid 2px #555;
- background: #e0e0e0; }
- .client-box-content {
- background: #fff;
- border: solid 1px #e0e0e0;
- border-top: none; }
- div.cs-select {
- display: inline-block;
- vertical-align: middle;
- position: relative;
- text-align: left;
- z-index: 0;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none; }
- div.cs-select:focus {
- outline: none; }
- .cs-select select {
- display: none; }
- .cs-select span {
- display: block;
- position: relative;
- cursor: pointer;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- padding-left: 1em;
- padding-right: 2em; }
- .cs-select > span::after,
- .cs-select .cs-selected span::after {
- speak: none;
- position: absolute;
- top: 50%;
- -webkit-transform: translateY(-50%);
- transform: translateY(-50%);
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale; }
- .cs-select.cs-active > span::after {
- -webkit-transform: translateY(-50%) rotate(180deg);
- transform: translateY(-50%) rotate(180deg); }
- div.cs-active {
- z-index: 200; }
- /* Options */
- .cs-select .cs-options {
- position: absolute;
- overflow: hidden;
- width: 100%;
- background: #fff;
- visibility: hidden; }
- .cs-select.cs-active .cs-options {
- visibility: visible; }
- div.cs-skin-slide {
- color: #fff;
- font-size: 1.5em;
- width: 150px; }
- @media screen and (max-width: 30em) {
- div.cs-skin-slide {
- font-size: 1em;
- width: 250px; } }
- div.cs-skin-slide::before {
- content: '';
- background: #555;
- position: absolute;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transition: -webkit-transform 0.3s;
- transition: transform 0.3s; }
- .cs-skin-slide.cs-active::before {
- -webkit-transform: scale3d(1, 5, 1);
- transform: scale3d(1, 5, 1); }
- .cs-skin-slide > span {
- height: 50px;
- line-height: 50px;
- transition: text-indent 0.3s, opacity 0.3s; }
- @media screen and (max-width: 30em) {
- .cs-skin-slide > span {
- height: 60px;
- line-height: 28px; } }
- .cs-skin-slide.cs-active > span {
- text-indent: -290px;
- opacity: 0; }
- .cs-skin-slide > span::after,
- .cs-skin-slide.cs-active > span::after {
- font: normal normal normal 14px/1 FontAwesome;
- right: 1em;
- content: "\f0c9";
- color: #e0e0e0;
- font-size: 20px; }
- .cs-skin-slide.cs-active > span::after {
- -webkit-transform: translate3d(0, -50%, 0);
- transform: translate3d(0, -50%, 0); }
- .cs-skin-slide .cs-options {
- background: transparent;
- top: 50%;
- left: 50%;
- -webkit-transform: translate3d(-50%, -50%, 0);
- transform: translate3d(-50%, -50%, 0); }
- @media screen and (max-width: 30em) {
- .cs-skin-slide .cs-options {
- padding-top: 3em; } }
- .cs-skin-slide .cs-options li {
- opacity: 0;
- -webkit-transform: translate3d(30%, 0, 0);
- transform: translate3d(30%, 0, 0);
- transition: -webkit-transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s; }
- .cs-skin-slide.cs-active .cs-options li {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- opacity: 1; }
- .cs-skin-slide.cs-active .cs-options li:first-child {
- transition-delay: 0.05s; }
- .cs-skin-slide.cs-active .cs-options li:nth-child(2) {
- transition-delay: 0.1s; }
- .cs-skin-slide.cs-active .cs-options li:nth-child(3) {
- transition-delay: 0.15s; }
- .cs-skin-slide.cs-active .cs-options li:nth-child(4) {
- transition-delay: 0.2s; }
- .cs-skin-slide.cs-active .cs-options li:nth-child(5) {
- transition-delay: 0.25s; }
- /* more options need more delay declaration */
- .cs-skin-slide .cs-options li span {
- font-weight: 500;
- letter-spacing: 2px;
- font-size: 65%;
- padding: 0.8em 1em 0.8em 2.5em; }
- .cs-skin-slide .cs-options li span:hover,
- .cs-skin-slide .cs-options li.cs-focus span,
- .cs-skin-slide .cs-options li.cs-selected span {
- background: #a73232; }
- .cs-skin-slide .cs-selected span::after {
- content: ''; }
- .domain-input {
- font-size: 18px;
- text-align: center; }
- input.domain-input-field {
- height: 50px;
- border: solid 2px #e0e0e0;
- line-height: 50px;
- vertical-align: top;
- box-shadow: none;
- width: 500px; }
- .domain-table {
- width: 75%;
- margin: 0 auto; }
- .domain-table thead {
- border-bottom: solid 2px #e0e0e0; }
- .domain-table td, .domain-table th {
- text-align: center; }
- .domain-table td {
- font-size: 22px;
- padding: 10px 0; }
- .support-article {
- box-shadow: 0 0 0 1px #e0e0e0; }
- .support-article-header {
- background: #e0e0e0;
- padding: 0 10px;
- border-bottom: solid 2px #555; }
- .support-article-content {
- padding: 15px;
- min-height: 350px; }
- .support-article-content h2, .support-article-content h3, .support-article-content h4, .support-article-content h5, .support-article-content h6 {
- font-weight: normal;
- color: #000; }
- .support-article-content h1 {
- font-size: 28px;
- font-weight: bold; }
- .support-article-content h2 {
- font-size: 26px; }
- .support-article-content h3 {
- font-size: 24px; }
- .support-article-content h4 {
- font-size: 18px; }
- .support-article-content h5 {
- font-size: 14px; }
- .support-article-content h6 {
- font-size: 12px; }
- .support-article-content blockquote {
- padding: 10px 20px;
- margin: 0 0 20px;
- font-size: 17.5px;
- border-left: 5px solid #eee; }
- .support-article-content pre {
- display: block;
- padding: 9.5px;
- margin: 0 0 10px;
- font-size: 13px;
- line-height: 1.42857143;
- color: #333;
- word-break: break-all;
- word-wrap: break-word;
- background-color: #f5f5f5;
- border: 1px solid #ccc;
- border-radius: 4px;
- font-family: Menlo,Monaco,Consolas,"Courier New",monospace; }
- .support-article-content a {
- color: #000; }
- .support-article-content img {
- max-width: 100%; }
- .support-article-footer {
- border-top: solid 1px #e0e0e0;
- padding: 10px 0;
- text-align: center; }
- .cart-table {
- width: 100%; }
- .cart-table thead {
- border-bottom: solid 2px #e0e0e0; }
- .cart-table td, .cart-table th {
- text-align: center; }
- .cart-table td {
- font-size: 18px;
- padding: 10px 0; }
- .cart-table .product-column {
- width: 60%;
- text-align: left; }
- .cart-table .total-column {
- text-align: right; }
- .cart-table .row-subtotal td {
- font-size: 20px;
- border-top: solid 2px #e0e0e0; }
- .cart-table .row-total td {
- background: #e0e0e0;
- font-weight: bold;
- font-size: 24px; }
- .cart-table .row-recurring td {
- vertical-align: top;
- font-size: 16px; }
- input[type="text"].promo-code-input {
- height: 34px;
- border: solid 1px #e0e0e0;
- box-shadow: none;
- line-height: 34px;
- width: 215px;
- vertical-align: bottom; }
- .cart-warning {
- font-size: 14px;
- margin: 15px Auto 0;
- padding-left: 35px; }
- .cart-warning label {
- cursor: pointer; }
- .cart-warning a {
- color: #000; }
- .cart-warning .checkbox {
- float: left;
- margin-left: -20px; }
- .old-price {
- text-decoration: line-through;
- font-size: 15px;
- color: #a73232; }
- .active-promo-list {
- margin: 15px 0 0; }
- .product-price-switch {
- margin: 10px;
- text-align: left; }
- .list-item-col {
- padding: 0 20px;
- height: 100%;
- line-height: 65px; }
- .list-item-col.primary {
- color: #fff;
- background: #a73232; }
- .list-item-col.right {
- margin-left: auto; }
- .list-item-col.big {
- font-size: 22px; }
- .list-item {
- background: #555;
- margin-bottom: 10px;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- height: 65px;
- font-size: 18px;
- color: #FFF; }
- .list-item.center {
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center; }
- .list-item.light {
- color: #000;
- background: transparent;
- border-bottom: solid 1px #e0e0e0;
- margin-bottom: 0; }
- .list-item.light:last-child {
- border-bottom: none; }
- .ticket-messages {
- text-align: left; }
- .app-screenshot {
- width: 200px; }
- .app-screenshot.little {
- height: 200px;
- width: initial; }
- .app-box {
- background: white;
- text-align: center;
- box-shadow: 0 0 1px white;
- padding: 20px; }
- .checkbox-item {
- display: inline-block;
- width: 200px;
- text-align: left; }
- .outsourcing-table {
- width: 90%;
- margin: 2em auto; }
- .outsourcing-table thead td {
- background: #fafafa;
- text-align: center;
- padding: 15px; }
- .outsourcing-table tbody td {
- padding: 5px;
- text-align: center;
- font-size: 25px; }
- .outsourcing-table thead {
- border: solid 1px #e0e0e0; }
- /*# sourceMappingURL=app.css.map */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement