Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- margin-top: 20px;
- margin-bottom: 20px;
- background:url(bg.png) no-repeat center center fixed;
- -webkit-background-size: cover;
- -mozb-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- line-height: 1.4;
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-size: 21px;
- }
- div.naviwrap{
- background-color: #FFB266;
- border-radius: 5px;
- width: 1100px;
- margin-left: auto;
- margin-right: auto;
- font-size: 15px;
- -webkit-box-shadow: 0px 0px 19px 9px rgba(255,255,255,0.6);
- -moz-box-shadow: 0px 0px 19px 9px rgba(255,255,255,0.6);
- box-shadow: 0px 0px 19px 9px rgba(255,255,255,0.6);
- }
- ul.navigation {
- list-style: none;
- display: -webkit-box;
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-flex-flow: row wrap;
- justify-content: flex-start; /* noetig? */
- }
- div.contentwrap{
- background-image: linear-gradient(to top, #FFB266 0%, #FFB575 50%);
- width: 1100px;
- margin-left: auto;
- margin-right: auto;
- margin-top: 20px;
- overflow: auto;
- border-radius: 5px;
- -webkit-box-shadow: 0px 0px 19px 9px rgba(255,255,255,0.7);
- -moz-box-shadow: 0px 0px 19px 9px rgba(255,255,255,0.7);
- box-shadow: 0px 0px 19px 9px rgba(255,255,255,0.7);
- }
- div.content{
- margin-right: 70px;
- margin-left: 70px;
- margin-top: 50px;
- margin-bottom: 50px;
- }
- ul.navigation a {
- display: block;
- padding: 1em;
- }
- a {
- text-decoration: none;
- color: #585858;
- }
- a:hover, a:focus {
- color: #404040;
- font-weight: bold;
- }
- ul.navigation > .active > a{
- background: #F4A460;
- }
- li.logo{
- font-weight: 800;
- }
- h1, h2, h3 {
- font-weight: 100;
- margin-left: 10px;
- }
- img{
- border-radius: 6px;
- max-width: 100%;
- }
- input.btn{
- color: #FFFFFF;
- display: block;
- width: 100%;
- border: 1px solid transparent;
- border-radius: 6px;
- font-size: 18px;
- line-height: 1.3;
- padding: 10px;
- cursor: pointer;
- }
- input.btnDarkBlue{
- background-color: #337ab7;
- }
- input.btnDarkBlue:hover{
- background-color: #285f8f;
- }
- input.btnLightBlue{
- background-color: #5bc0de;
- }
- input.btnLightBlue:hover{
- background-color: #31b0d6;
- }
- input.txt{
- display: block;
- width: 100%;
- height: 34px;
- padding: 6px;
- font-size: 14px;
- line-height: 1.4;
- color: #555;
- background-color: #fff;
- border: 1px solid #ccc;
- border-radius: 4px;
- font: inherit;
- }
- @media all and (max-width: 1150px) {
- div.naviwrap{
- width: 850px;
- }
- div.contentwrap{
- width: 850px;
- }
- }
- @media all and (max-width: 880px) {
- div.naviwrap{
- width: 600px;
- }
- div.contentwrap{
- width: 600px;
- }
- }
- /* Menue-Umbruch */
- @media all and (max-width: 650px) {
- body{
- margin-top: 5px;
- margin-bottom: 5px;
- }
- div.naviwrap{
- width: auto;
- }
- div.contentwrap{
- margin-top: 0px; /* ??? */
- width: auto;
- }
- ul.navigation {
- -webkit-flex-flow: column wrap;
- flex-flow: column wrap;
- text-align: center;
- padding: 0px;
- }
- ul.navigation a{
- padding: 6px;
- border-top: 1px solid rgba(255,255,255,0.3);
- border-bottom: 1px solid rgba(0,0,0,0.1);
- }
- .navigation li:last-of-type a{
- border-bottom: none;
- }
- div.content{
- margin-left: 10px;
- margin-right: 10px;
- margin-top: 5px;
- }
- }
- @media all and (max-width: 350px) {
- body{
- font-size: 16px;
- }
- div.naviwrap{
- font-size: 12px;
- }
- div.content{
- margin-top: 0px;
- }
- input.btnLightBlue{
- font-size: 10px;
- }
- input.btnDarkBlue{
- font-size: 10px;
- }
- input.txt{
- font-size: 12px;
- }
- h1, h2, h3 {
- margin-left: 2px;
- }
- }
Add Comment
Please, Sign In to add comment