Line 1: | Line 1: | ||
− | + | .big_framework { | |
− | . | + | background-color:white; |
− | + | display:block; | |
− | + | width: 100%; | |
− | + | ||
− | + | ||
} | } | ||
− | . | + | .big_framework .medium_framework { |
− | margin: | + | margin:auto; |
− | width: | + | padding-top: 120px; |
− | + | max-width: 1400px; | |
+ | width:90%; | ||
+ | text-align: center; | ||
} | } | ||
− | . | + | /*header*/ |
− | + | .wrapper { | |
− | + | margin: 0 auto; | |
− | + | max-width: 1060px; | |
− | + | padding: 1px 3em; | |
− | + | height: 100%; | |
} | } | ||
− | + | header { | |
− | + | background-color: #000; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | header:after { | |
− | + | content: " "; | |
− | + | display: table; | |
− | + | clear: both; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .brand, h1, h2, h3 { | |
− | + | font-family: 'Roboto Condensed', sans-serif; | |
− | + | font-weight: 400; | |
− | + | letter-spacing: 1px; | |
} | } | ||
− | + | h4, h5, h6 { | |
− | + | letter-spacing: 1px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | h1 { | |
− | + | font-size: 28px; | |
− | + | ||
} | } | ||
− | + | .main .dev-output pre { | |
− | + | overflow: auto; | |
− | + | max-height: 500px; | |
− | + | background-color: #EBF4FD; | |
− | + | padding: 0 1em 1em; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .brand { | |
− | + | float: left; | |
− | + | height: 80px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .brand p { | |
− | + | margin: 0; | |
− | + | ||
− | + | ||
} | } | ||
− | + | .rm-nav { | |
− | + | letter-spacing: 1px; | |
− | + | } | |
− | } | + | .logo { |
− | + | font-size: 1.4em; | |
− | + | line-height: 40px; | |
− | + | margin: 20px 0 0; | |
− | + | width: 100px; | |
− | + | height: 40px; | |
− | + | background-color: #3C97D5; | |
− | + | text-align: center; | |
− | + | font-weight: bold; | |
− | + | letter-spacing: 2px; | |
+ | display: block; | ||
+ | float: left; | ||
+ | text-decoration: none; | ||
+ | color: #fff; | ||
+ | padding: 0; | ||
} | } | ||
− | + | .rm-toggle.rm-button { | |
− | + | margin-top: 25px; | |
− | + | ||
} | } | ||
− | + | .rm-css-animate.rm-menu-expanded { | |
− | + | max-height: none; | |
+ | display: block; | ||
+ | } | ||
+ | .rm-container.rm-layout-expanded { | ||
+ | float: right; | ||
+ | } | ||
+ | .rm-nav li a, | ||
+ | .rm-top-menu a { | ||
+ | padding: .75rem 1rem; | ||
+ | font-size: .9em; | ||
+ | line-height: 1.5rem; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | .rm-layout-expanded .rm-nav > ul > li > a, | ||
+ | .rm-layout-expanded .rm-top-menu > .rm-menu-item > a { | ||
+ | height: 80px; | ||
+ | line-height: 80px; | ||
} | } | ||
− | + | .main { | |
− | . | + | background-image: url("../images/cloud.jpg"); |
− | + | background-position: center top; | |
− | + | background-repeat: repeat-x; | |
− | + | min-height: 100%; | |
+ | padding-top: 1px; | ||
} | } | ||
− | + | .tagline { | |
− | + | width: 360px; | |
− | + | font-size: 1.75em; | |
− | + | font-weight: bold; | |
− | + | letter-spacing: 2px; | |
− | + | line-height: 1.2; | |
− | + | text-align: center; | |
+ | margin: 275px auto; | ||
+ | color: #1A88D3; | ||
+ | } | ||
+ | .tagline strong { | ||
+ | font-size: 1.3em; | ||
+ | } | ||
+ | .dev-output { | ||
+ | background-color: #e1eaf3; /* fall-back */ | ||
+ | background-color: rgba(255,255,255,.85); | ||
+ | color: #000; | ||
+ | padding: 2em; | ||
+ | margin-bottom: 2em; | ||
} | } |
Revision as of 02:06, 24 July 2019
.big_framework { background-color:white; display:block; width: 100%; }
.big_framework .medium_framework { margin:auto; padding-top: 120px; max-width: 1400px; width:90%; text-align: center; }
/*header*/ .wrapper {
margin: 0 auto; max-width: 1060px; padding: 1px 3em; height: 100%;
} header {
background-color: #000;
} header:after {
content: " "; display: table; clear: both;
} .brand, h1, h2, h3 {
font-family: 'Roboto Condensed', sans-serif; font-weight: 400; letter-spacing: 1px; }
h4, h5, h6 {
letter-spacing: 1px;
} h1 {
font-size: 28px;
}
.main .dev-output pre {
overflow: auto; max-height: 500px; background-color: #EBF4FD; padding: 0 1em 1em;
} .brand {
float: left; height: 80px;
} .brand p {
margin: 0;
} .rm-nav {
letter-spacing: 1px;
} .logo {
font-size: 1.4em; line-height: 40px; margin: 20px 0 0; width: 100px; height: 40px; background-color: #3C97D5; text-align: center; font-weight: bold; letter-spacing: 2px; display: block; float: left; text-decoration: none; color: #fff; padding: 0;
}
.rm-toggle.rm-button {
margin-top: 25px;
}
.rm-css-animate.rm-menu-expanded {
max-height: none; display: block;
} .rm-container.rm-layout-expanded {
float: right;
} .rm-nav li a, .rm-top-menu a {
padding: .75rem 1rem; font-size: .9em; line-height: 1.5rem; text-transform: uppercase;
} .rm-layout-expanded .rm-nav > ul > li > a, .rm-layout-expanded .rm-top-menu > .rm-menu-item > a {
height: 80px; line-height: 80px;
}
.main {
background-image: url("../images/cloud.jpg"); background-position: center top; background-repeat: repeat-x; min-height: 100%; padding-top: 1px;
} .tagline {
width: 360px; font-size: 1.75em; font-weight: bold; letter-spacing: 2px; line-height: 1.2; text-align: center; margin: 275px auto; color: #1A88D3;
} .tagline strong {
font-size: 1.3em;
} .dev-output {
background-color: #e1eaf3; /* fall-back */ background-color: rgba(255,255,255,.85); color: #000; padding: 2em; margin-bottom: 2em;
}