Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* body */
- body {
- margin: 0;
- padding: 0;
- background: #ccc;
- }
- /* header */
- #logo, #titel {
- float: left;
- }
- #logo, #titel, #header, #center {
- position: relative;
- }
- #logo {
- height: auto;
- width: 46px;
- top: 2px;
- left: 2px;
- margin-right: 10px;
- }
- #header {
- font-size: 22px;
- }
- #titel {
- top: 13px;
- }
- header {
- background-color: #888;
- height: 51.74px;
- }
- /* nav */
- ul.nav.responsive, .nav.responsive li {
- display: block;
- }
- .nav ul, .nav li{
- display: none;
- }
- .nav ul {
- list-style: none;
- background-color: #444;
- text-align: center;
- padding: 0;
- margin: 0;
- }
- .nav li {
- font-family: 'Oswald', sans-serif;
- font-size: 1.2em;
- line-height: 40px;
- height: 40px;
- border-bottom: 1px solid #888;
- }
- .nav a {
- text-decoration: none;
- color: #fff;
- display: block;
- transition: .3s background-color;
- }
- .nav a:hover {
- background-color: #005f5f;
- }
- .nav a.active {
- background-color: #fff;
- color: #444;
- cursor: default;
- }
- div#hamburger {
- margin-bottom: 50px;
- font-size: 26px;
- }
- div#hamburger:hover {
- cursor: pointer;
- }
- div#hamburger a {
- text-decoration: none;
- color: #000;
- }
- .icon.open {
- transform: rotate(90deg);
- display: inline-block;
- }
- /* article */
- img.artikel {
- width: 80px;
- }
- div.artikel {
- margin: 0px 10vw;
- width: 40vw;
- }
- div#artikel1 {
- margin-bottom: 60px;
- }
- button.artikel {
- width: 80px;
- height: 30px;
- font-size: 1em;
- }
- /* Footer */
- footer{
- background-color: #888;
- clear: both;
- height: 135px;
- margin-top: 20px;
- }
- .flex{
- display: flex;
- justify-content: center;
- }
- p{
- font-size: 16px;
- }
- div#contact p, div#overons p{
- font-size: 17px;
- font-weight: bold;
- }
- #overons{
- margin-right: 50px;
- display: none;
- }
- #contact{
- margin-bottom: 10px;
- }
- li.contact{
- list-style-type: none;
- }
- ul.contact{
- position: relative;
- right: 40px;
- }
- @media screen and (min-width: 600px) {
- /* nav */
- .nav ul, .nav li{
- display: block;
- }
- .nav li {
- width: 120px;
- border-bottom: none;
- height: 50px;
- line-height: 50px;
- font-size: 1.4em;
- }
- .nav li {
- display: inline-block;
- margin-right: -4px;
- }
- div#hamburger {
- display: none;
- }
- /* article */
- img.artikel {
- width: 40%;
- height: auto;
- }
- p {
- font-size: 1.2vw;
- }
- /* footer */
- div#overons {
- display: inline-block;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement