Hallo Leute,
leider wird mein css code nicht bei jedem Browser richtig angezeigt. -> teeworlds-database.de/blog
Alles anzeigen
leider wird mein css code nicht bei jedem Browser richtig angezeigt. -> teeworlds-database.de/blog
Quellcode
- @charset "utf-8";
- /* Default */
- * {
- margin: 0;
- padding: 0;
- border: 0;
- }
- span {
- padding: 6px;
- }
- ul, ol {
- list-style: none;
- }
- a {
- opacity: 1.0;
- }
- /* CSS Document */
- body, td, th {
- font-family: Arial, Helvetica, sans-serif;
- font-size: 12px;
- background: #A16E36;
- color: #543E24;
- overflow:scroll;
- }
- .left {
- float: left;
- }
- .right {
- float: right;
- }
- .wrap {
- border: 3px solid;
- -webkit-border-radius: 7px;
- -moz-border-radius: 7px;
- border-radius: 7px;
- background: #835A26;
- width: 80%;
- margin: auto;
- border-color: #543e24;
- margin-top: 15px;
- }
- .wrap div {
- padding: 5px;
- }
- .wrap h1 {
- border-bottom: 2px solid;
- }
- .wrap h1 a {
- text-decoration: none;
- }
- h2 {
- font-size: 26px;
- padding: 6px 0px;
- margin: 0px;
- padding-bottom: 0px;
- }
- h1 {
- font-size: 45px;
- padding: 6px 0px;
- margin: 0px;
- padding-bottom: 0px;
- }
- a:link, a:visited{
- color: #543e24;
- text-decoration: none;
- }
- a:hover {
- text-decoration: underline;
- font-weight: bold;
- }
- a:active {
- text-decoration: none;
- font-weight: bold;
- }
- section {
- display: block;
- }
- #content {
- }
- header {
- height: 64px;
- background-image: url(../img/header.png);
- background-repeat: repeat-x;
- background-position: center;
- }
- nav {
- border: 3px solid;
- -webkit-border-radius: 7px;
- -moz-border-radius: 7px;
- border-radius: 7px;
- background: #835A26;
- width: 80%;
- margin: auto;
- border-color: #543e24;
- margin-top: 5px;
- height: 40px;
- }
- nav li {
- float: left;
- padding: 8px;
- border-right-style: solid;
- border-width: 3px;
- }
- nav li a {
- font-size: 20px;
- font-weight: bold;
- padding: 4px;
- border: 1px solid;
- -webkit-border-radius: 7px;
- -moz-border-radius: 7px;
- border-radius: 7px;
- border-color: transparent;
- background-color: rgba(0,0,0,0.1);
- }
- nav li a:hover {
- background-color: rgba(0,0,0,0.2);
- border: 1px solid;
- -webkit-border-radius: 7px;
- -moz-border-radius: 7px;
- border-radius: 7px;
- border-color: transparent;
- padding: 4px;
- }
- footer {
- border: 3px solid;
- -webkit-border-radius: 7px;
- -moz-border-radius: 7px;
- border-radius: 7px;
- background: #835A26;
- width: 80%;
- margin: auto;
- border-color: #543e24;
- margin-top: 15px;
- }
- footer div {
- padding: 5px;
- }
- .box {
- border: 3px solid;
- -webkit-border-radius: 7px;
- -moz-border-radius: 7px;
- border-radius: 7px;
- background: #835A26;
- margin: auto;
- border-color: #543e24;
- margin-top: 5px;
- }
- .box div {
- padding: 5px;
- }
- .box div h2 {
- padding: 0px;
- border-bottom: 2px solid;
- }
- .box .footer div{
- padding: 5px;
- border-top: 2px solid;
- padding-bottom: 0px;
- }
- .middle {
- width: 80%;
- margin: auto;
- padding-bottom: 0px;
- padding-top: 20px;
- }
- form {
- width: 75%;
- /*padding: 3px;*/
- }
- form div {
- padding: 10px;
- /* border-bottom: 1px dashed #333; */
- }
- form lable {
- display: block;
- font-family: Georgia, serif;
- font-style: italic;
- width: 130px;
- }
- input[type=text], textarea {
- outline: none;
- border: 3px solid #543e24;
- padding: 3px;
- border-radius: 5px;
- background-color: rgba(0,0,0,0.1);
- }
- input:focus, textarea:focus {
- border: 3px solid #543e24;
- }
- input[type=submit] {
- margin: 5px;
- background-color: rgba(0,0,0,0.1);
- border: 3px solid #543e24;
- border-radius: 5px;
- outline: none;
- padding: 3px;
- /* margin-left: 230px;*/
- }
- input[type=submit]:hover{
- background-color: rgba(0,0,0,0.2);
- }
- input[type=submit]:active {
- background-color: rgba(0,0,0,0.3);
- }
- textarea { max-width: 75%; max-height: 304px; }