Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import "http://fonts.googleapis.com/css?family=Raleway:300";
- /*************************************************
- ** Theme design by HyperGalactic **
- (skype: galacticuniverse.htmldev) **
- ** Wanting your own theme? Contact me! ^ **
- ** Main Color #373737 <- Replace with similar **
- ** Sub Color #38d2f2 <- Replace with similar **
- ** Put your image background in link down **
- *************************************************/
- body {
- font-family: Raleway;
- font-size: 20px;
- color: #fff;
- background: url();
- background-size: cover
- }
- ::-webkit-scrollbar {
- width: 10px
- }
- ::-webkit-scrollbar-track {
- color: #38d2f2;
- background-color: #373737
- }
- ::-webkit-scrollbar-thumb {
- -webkit-box-shadow: inset 0 0 10px #38d2f2;
- background: #38d2f2;
- opacity: 1
- }
- .modal-header {
- background: #373737;
- font-family: Raleway;
- font-size: 30px;
- text-align: center;
- color: #fff
- }
- .modal-body {
- background: #373737;
- font-family: Raleway;
- font-size: 15px;
- text-align: center;
- color: #fff
- }
- .modal-footer {
- background: #373737;
- font-family: Raleway;
- font-size: 20px;
- text-align: left;
- color: #fff
- }
- .navbar-nav > li > a, .nav > li > a {
- padding: 0;
- }
- .navbar {
- min-height: 0;
- height: 51px
- }
- .navbar-default {
- background: #373737;
- border-radius: 1px;
- border-color: #38d2f2
- }
- .navbar-default .navbar-nav > li > a {
- color: #fff;
- font: 15px Raleway;
- line-height: 50px;
- padding: 0 15px;
- transition: background-position 1s,background 1s;
- }
- .navbar-default .navbar-nav > li > a:hover,
- .navbar-default .navbar-nav > li > a:focus {
- color: #fff;
- text-decoration: none;
- background: #38d2f2;
- background-position: 0 -51px
- }
- .navbar-default .navbar-nav > li:first-child > a {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px
- }
- .navbar-default .navbar-nav > .active > a,
- .navbar-default .navbar-nav > .active > a:hover,
- .navbar-default .navbar-nav > .active > a:focus {
- color: #fff;
- background: #38d2f2;
- background: #38d2f2;
- background-position: 0 -51px
- }
- .navbar-default .navbar-toggle {
- border-color: transparent
- }
- .navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
- background-color: transparent
- }
- .navbar-default .navbar-toggle .icon-bar {
- background-color: #fff
- }
- .navbar-default .navbar-collapse,.navbar-default .navbar-form {
- border: 0
- }
- .dropdown-menu {
- color: #fff;
- font-family: Raleway;
- font-size: 15px;
- background: #373737
- }
- .panel {
- color: #fff;
- background-color: #38d2f2;
- border-radius: 1px;
- border-color: #38d2f2
- }
- .panel .panel-heading {
- background: #373737;
- font-family: Raleway;
- font-size: 20px;
- text-align: center;
- color: #fff;
- padding: 3px;
- border-radius: 1px;
- border-color: #38d2f2
- }
- .table > thead > tr > th,
- .table > tbody > tr > th,
- .table > tfoot > tr > th,
- .table > thead > tr > td,
- .table > tbody > tr > td,
- .table > tfoot > tr > td {
- border-color: #38d2f2
- }
- .table-striped > tbody > tr:nth-child(odd) > td,
- .table-striped > tbody > tr:nth-child(odd) > th {
- background-color: #2a2a2a
- }
- .input-group-addon {
- color: #fff;
- background-color: #38d2f2;
- border-color: #38d2f2
- }
- .text-primary {
- color: #38d2f2
- }
- .text-primary:hover {
- color: #fff
- }
- a {
- color: #fff;
- text-decoration: none
- }
- a:hover,a:focus {
- color: #38d2f2;
- transition: 1s all ease-in;
- text-decoration: none
- }
- a:focus {
- outline: 0
- }
- a.thumbnail:hover,
- a.thumbnail:focus,
- a.thumbnail.active {
- border-color: #38d2f2
- }
- .btn-link {
- color: #38d2f2;
- font-weight: 400;
- cursor: pointer;
- border-radius: 0
- }
- .btn-link,
- .btn-link:active,
- .btn-link[disabled],
- fieldset[disabled] .btn-link {
- background-color: transparent;
- -webkit-box-shadow: none;
- box-shadow: none
- }
- .btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active {
- border-color: transparent
- }
- .btn-link:hover,.btn-link:focus {
- color: #38d2f2;
- text-decoration: none;
- background-color: transparent
- }
- .btn-link[disabled]:hover,
- fieldset[disabled] .btn-link:hover,
- .btn-link[disabled]:focus,
- fieldset[disabled] .btn-link:focus {
- color: #38d2f2;
- text-decoration: none
- }
- .dropdown-menu > .active > a,
- .dropdown-menu > .active > a:hover,
- .dropdown-menu > .active > a:focus {
- color: #fff;
- text-decoration: none;
- outline: 0;
- background-color: #38d2f2
- }
- .nav-pills > li {
- float: left
- }
- .nav-pills > li > a {
- border-radius: 4px
- }
- .nav-pills > li + li {
- margin-left: 2px
- }
- .nav-pills > li.active > a,
- .nav-pills > li.active > a:hover,
- .nav-pills > li.active > a:focus {
- color: #fff;
- background-color: #38d2f2
- }
- .nav-pills > li.active > a .caret,.nav-pills > li.active > a:hover .caret,
- .nav-pills > li.active > a:focus .caret {
- border-top-color: #fff;
- border-bottom-color: #fff
- }
- a.list-group-item {
- color: #555
- }
- a.list-group-item .list-group-item-heading {
- color: #333
- }
- a.list-group-item:hover,
- a.list-group-item:focus {
- text-decoration: none;
- background-color: #38d2f2
- }
- a.list-group-item.active,
- a.list-group-item.active:hover,
- a.list-group-item.active:focus {
- z-index: 2;
- color: #fff;
- background-color: #38d2f2;
- border-color: #38d2f2
- }
- a.list-group-item.active .list-group-item-heading,
- a.list-group-item.active:hover .list-group-item-heading,
- a.list-group-item.active:focus .list-group-item-heading {
- color: inherit
- }
- a.list-group-item.active .list-group-item-text,
- a.list-group-item.active:hover .list-group-item-text,
- a.list-group-item.active:focus .list-group-item-text {
- color: #fff
- }
- .btn-primary {
- color: #fff;
- background-color: #38d2f2;
- border-color: #38d2f2
- }
- .btn-primary:hover,.btn-primary:focus,
- .btn-primary:active,.btn-primary.active,
- .open .dropdown-toggle.btn-primary {
- color: #fff;
- background-color: #38d2f2;
- border-color: #38d2f2
- }
- .btn-primary:active,
- .btn-primary.active,
- .open .dropdown-toggle.btn-primary {
- background-image: none
- }
- .btn-primary.disabled,
- .btn-primary[disabled],
- fieldset[disabled] .btn-primary,
- .btn-primary.disabled:hover,
- .btn-primary[disabled]:hover,
- fieldset[disabled] .btn-primary:hover,
- .btn-primary.disabled:focus,
- .btn-primary[disabled]:focus,
- fieldset[disabled] .btn-primary:focus,
- .btn-primary.disabled:active,
- .btn-primary[disabled]:active,
- fieldset[disabled] .btn-primary:active,
- .btn-primary.disabled.active,
- .btn-primary[disabled].active,
- fieldset[disabled] .btn-primary.active {
- background-color: #38d2f2;
- border-color: #38d2f2
- }
- .btn-primary .badge {
- color: #38d2f2;
- background-color: #fff
- }
- .pagination {
- display: inline-block;
- padding-left: 0;
- margin: 20px 0;
- border-radius: 4px
- }
- .pagination > li {
- display: inline
- }
- .pagination > li > a,
- .pagination > li > span {
- position: relative;
- float: left;
- padding: 6px 12px;
- line-height: 1.42857143;
- text-decoration: none;
- background-color: #38d2f2;
- border: 3px solid #38d2f2;
- margin-left: -1px
- }
- .pagination > li:first-child > a,
- .pagination > li:first-child > span {
- margin-left: 0;
- border-bottom-left-radius: 4px;
- border-top-left-radius: 4px
- }
- .pagination > li:last-child > a,
- .pagination > li:last-child > span {
- border-bottom-right-radius: 4px;
- border-top-right-radius: 4px
- }
- .pagination > li > a:hover,
- .pagination > li > span:hover,
- .pagination > li > a:focus,
- .pagination > li > span:focus {
- background-color: #38d2f2
- }
- .pagination > .active > a,
- .pagination > .active > span,
- .pagination > .active > a:hover,
- .pagination > .active > span:hover,
- .pagination > .active > a:focus,
- .pagination > .active > span:focus {
- z-index: 2;
- color: #fff;
- background-color: #38d2f2;
- border-color: #38d2f2;
- cursor: default
- }
- .pagination > .disabled > span,
- .pagination > .disabled > span:hover,
- .pagination > .disabled > span:focus,
- .pagination > .disabled > a,
- .pagination > .disabled > a:hover,
- .pagination > .disabled > a:focus {
- color: #999;
- background-color: #38d2f2;
- border-color: #38d2f2;
- cursor: not-allowed
- }
- .label-primary {
- background-color: #38d2f2
- }
- .label-primary[href]:hover,
- .label-primary[href]:focus {
- background-color: #3a312b
- }
- .progress-bar {
- background-color: #38d2f2
- }
- .panel-primary {
- background: #38d2f2
- }
- .panel-primary > .panel-heading {
- color: #fff;
- background-color: #38d2f2
- }
- .panel-primary > .panel-heading + .panel-collapse > .panel-body {
- border-top-color: #38d2f2
- }
- .panel-primary > .panel-footer + .panel-collapse > .panel-body {
- border-bottom-color: #38d2f2
- }
- html {
- height: 650px
- }
- .logo {
- position: absolute;
- margin: 0 auto
- }
- .logo img {
- animation: resize-logo .5s ease-in-out infinite alternate
- }
- @keyframes resize-logo {
- 0% {
- transform: scale(.96,.96)
- }
- 100% {
- transform: scale(1.04,1.04)
- }
- }
- @-webkit-keyframes resize-logo {
- 0% {
- -webkit-transform: scale(.96,.96);
- transform: scale(.96,.96)
- }
- 100% {
- -webkit-transform: scale(1.04,1.04);
- transform: scale(1.04,1.04)
- }
- }
- .header {
- position: relative
- }
- .header .buttons {
- position: absolute;
- bottom: -87px;
- right: 8px;
- z-index: 9
- }
- .header {
- margin: 15px 0 25px
- }
- .navbar .container-fluid {
- padding-left: 0;
- padding-right: 0
- }
- .header .buttons {
- width: auto
- }
- .navbar-default .navbar-nav > .open > a,
- .navbar-default .navbar-nav > .open > a:hover,
- .navbar-default .navbar-nav > .open > a:focus {
- color: #fff
- }
- .btn,.toolbar .checkout .btn,
- .toolbar .checkout .btn:hover {
- background: #38d2f2!important;
- color: #fff!important;
- border: 1px solid #38d2f2!important;
- transition: background .5s,color .5s,transform .5s!important
- }
- .btn:hover {
- transform: scale(1.1,1.1)
- }
- .toolbar .btn {
- background: #373737!important
- }
- .toolbar .btn:hover {
- background: #38d2f2!important;
- color: #fff!important
- }
- .btn.disabled,.btn[disabled],fieldset[disabled] .btn {
- opacity: 1
- }
- .panel {
- color: #fff;
- background: #373737
- }
- .dropdown-menu > li > a {
- background: #373737;
- color: #fff;
- transition: background .5s,color .5s
- }
- .dropdown-menu > li > a:hover {
- background: #38d2f2;
- color: #fff
- }
- .footer {
- border: 0;
- padding-top: 0;
- margin-top: 0;
- margin-bottom: 60px
- }
- .navbar-default .navbar-nav > li > a .fa {
- font-size: 12px
- }
- .navbar-default .navbar-nav > .open > a,
- .navbar-default .navbar-nav > .open > a:hover,
- .navbar-default .navbar-nav > .open > a:focus {
- background: #38d2f2
- }
- .panel .panel-heading {
- text-align: center;
- font: 25px Raleway,sans-serif;
- padding-top: 0;
- padding-bottom: 0;
- height: 50px;
- line-height: 50px
- }
- .form-control:focus {
- border-color: #38d2f2
- }
- .table-hover > tbody > tr:hover > td,
- .table-hover > tbody > tr:hover > th {
- background: transparent
- }
- .table-striped > tbody > tr:nth-child(odd) > td,
- .table-striped > tbody > tr:nth-child(odd) > th {
- background: transparent
- }
- .table > thead > tr > th,
- .table > tbody > tr > th,
- .table > tfoot > tr > th,
- .table > thead > tr > td,
- .table > tbody > tr > td,.table > tfoot > tr > td {
- border-top: 1px solid #38d2f2
- }
- @media (max-width: 767px) {
- .navbar .navbar-brand {
- display: none!important
- }
- .navbar-default .navbar-nav > li > a {
- background: #38d2f2
- }
- .navbar-default .navbar-collapse {
- position: relative;
- z-index: 9
- }
- .navbar-default .navbar-nav > li > a:hover,
- .navbar-default .navbar-nav > li > a:focus {
- background: #373737
- }
- .dropdown-menu > li > a {
- background: #373737
- }
- .dropdown-menu {
- padding: 0;
- margin: 0
- }
- }
- .navbar-toggle {
- float: left;
- margin: 9px 0 0 15px
- }
- .navbar-collapse {
- border: 0
- }
- .footer .poweredby:after {
- color: blue;
- content: '| © 2017 HyperGalactic | '
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement