Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* -- Content -- */
- @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);
- h2{
- font-family: 'Open Sans', sans-serif;
- font-weight: 600;
- margin-top: 0;
- margin-bottom: 0;
- }
- p[txttype="b"]
- {
- font-weight: 700;
- }
- p[alignment="c"]
- {
- text-align: center;
- }
- /* -- NavBar -- */
- .navbar-inverse
- {
- background-color: #FDFDFD;
- border-bottom:0;
- }
- .navbar-inverse .active
- {
- background-color: #00aedb;
- }
- .navbar-inverse .navbar-nav>li>a
- {
- color: #666;
- }
- .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover
- {
- background-color: #00aedb;
- }
- .navbar-inverse .navbar-nav>li>a:hover
- {
- color: #fff;
- }
- .navbar-inverse .navbar-nav>li:hover
- {
- background-color: #d41243;
- }
- .navbar>.container-fluid .navbar-brand
- {
- color: #00aedb;
- }
- .navbar>.container-fluid .navbar-brand:hover
- {
- color: #f47835;
- }
- .navbar
- {
- margin-bottom: 0;
- }
- .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover
- {
- background-color: #d41243;
- }
- .navbar-inverse .navbar-toggle .icon-bar
- {
- background-color: #00aedb;
- }
- .navbar-inverse .navbar-toggle:focus .icon-bar, .navbar-inverse .navbar-toggle:hover .icon-bar
- {
- background-color: #fff;
- }
- /* -- Banner -- */
- .banner
- {
- width: 100%;
- background: url("banner.png");
- background-size: 100% auto;
- background-repeat: no-repeat;
- }
- .imgban
- {
- width: 100%;
- }
- @media screen and (max-width: 750px) {
- .banner
- {
- height: 0;
- }
- .imgban
- {
- width: 0;
- }
- }
- /* -- Content -- */
- .container
- {
- margin-top: 30px;
- }
- .panel
- {
- border-radius: 0;
- background-color: #FDFDFD;
- }
- .panel-default > .panel-heading
- {
- background-color: #00aedb;
- color: #fff;
- border-radius: 0;
- border: 0;
- font-size: 15px;
- text-align: center;
- }
- .dp
- {
- border: 4px solid #d41243;
- border-radius: 50%;
- width: 150px;
- }
- /* -- Cool Bar -- */
- .cb{
- width: 100%;
- height: 3px;
- background: linear-gradient(265deg, #ff00bd, #00ff37, #e3ff00, #ff0000, #dc00ff, #006bff, #00dbff);
- background-size: 1400% 1400%;
- -webkit-animation: AnimationName 10s ease infinite;
- -moz-animation: AnimationName 10s ease infinite;
- -o-animation: AnimationName 10s ease infinite;
- animation: AnimationName 10s ease infinite;
- }
- @-webkit-keyframes AnimationName {
- 0%{background-position:0% 50%}
- 50%{background-position:100% 50%}
- 100%{background-position:0% 50%}
- }
- @-moz-keyframes AnimationName {
- 0%{background-position:0% 50%}
- 50%{background-position:100% 50%}
- 100%{background-position:0% 50%}
- }
- @-o-keyframes AnimationName {
- 0%{background-position:0% 50%}
- 50%{background-position:100% 50%}
- 100%{background-position:0% 50%}
- }
- @keyframes AnimationName {
- 0%{background-position:0% 50%}
- 50%{background-position:100% 50%}
- 100%{background-position:0% 50%}
- }
- /* -- Perfect Images -- */
- .previewIMG
- {
- max-width: 90%;
- height: auto;
- margin-left: auto;
- margin-right: auto;
- border: 1px solid;
- border-color: #000;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement