Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*FONTS*/
- @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i');
- @import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');
- /*GENERAL*/
- body {
- background: #dfe4e6;
- font-family: 'Roboto Condensed', sans-serif;
- }
- body{
- background: #fff;
- }
- .h1, .h2, .h3, .h4, .h5{
- margin-bottom: 1.5rem;
- }
- .fa{
- font-size: 16px;
- }
- /*BASIC WRAPPER*/
- .wrapper{
- height: 100%;
- padding: 2rem;
- border-radius: 5px;
- }
- /*MENU*/
- .top-menu{
- background: #374249;
- height: 70px;
- border-radius: 5px 5px 0 0;
- font-family: 'Roboto Condensed', sans-serif;
- }
- .top-menu a{
- border-right: solid #465157 1px;
- color: #727b7f;
- display: block;
- float: left;
- font-size: 14px;
- padding: 4px 40px 4px;
- text-decoration: none;
- position: relative;
- top: 21px;
- }
- .top-menu a:hover{
- color: #727b7f;
- text-decoration: none;
- }
- .top-menu a .active{
- color: #fff;
- border-bottom: 3px solid #45a7b9;
- padding: 0 5px 3px;
- }
- .top-menu .a-logo{
- top:0;
- height: 100%;
- padding: 0;
- background: #45a7b9;
- border-radius: 5px 0 0 0;
- }
- .logo{
- top:15px;
- padding: 0 5rem;
- position: relative;
- }
- .logo .fa{
- font-size: 40px;
- color: #f7826c;
- }
- .top-menu .item{
- /**/
- }
- .top-menu .item:hover{
- color: #fff;
- border-bottom: 3px solid #45a7b9;
- }
- #search-input{
- float: right;
- top:17px;
- right: 2rem;
- width: 220px
- }
- /*CENTER-WRAPPER*/
- .center-block{
- border: 1px solid #ddd;
- border-width: 0px 1px 1px 1px;
- padding-bottom: 5rem;
- margin-bottom: 3rem;
- border-radius: 0 0 5px 5px;
- min-height: 100%;
- }
- .button {
- background: #ec7b65;
- border-radius: 50px;
- color: #fff;
- margin-left: 10px;
- padding: 8px 17px;
- text-transform: uppercase;
- font-size: 12px;
- position: relative;
- top: 15px;
- }
- .button:hover {
- background: #f7826c;
- }
- .button .fa {
- margin-left: 5px;
- }
- /*INFO*/
- .info{
- padding: 10px;
- }
- .inner-div{
- padding: 20px;
- border-right: 1px solid #ddd;
- border-bottom: 1px solid #ddd;
- }
- .info .left-h{
- margin-bottom: 1rem;
- /*font-size: 20px;*/
- }
- /*MAIN*/
- .main{
- margin-top: 30px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement