CSS-Code: Design in Schwarz-Orange

Manuel · 17. Januar 2018

[Blockierte Grafik: http://radio-quergedacht.de/Bilds1.png]

man muss es in global.css Ändern code hier

Code

@charset "utf-8";
body
{
margin: 0;
padding: 0;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
color: #ff6600;
background: rgba(0, 0, 0, 0.8);
}
div.clear
{
clear: both;
}
div#content
{
min-height: 250px;
padding: 10px;
background: rgba(0, 0, 0, 0.8);
}
div#wrapper
{
margin:0 auto;
width:800px;
box-shadow:0 0 5px #ff6600;
}
div#navi
{
border-bottom: 1px solid #666;
background: rgba(0, 0, 0, 0.8);
background: -moz-linear-gradient(top,#ff6600);
background: -webkit-linear-gradient(top,#ff6600);
background: -ms-linear-gradient(top,#ff6600);
background: linear-gradient(top,#ff6600);
}
div#navi ul
{
margin: 0 auto;
padding: 0;
list-style-type: none;
}
div#navi ul li
{
float: left;
border-right: 1px solid #666;
}
div#navi ul li a
{
display: block;
padding: 7px 20px;
min-width: 65px;
text-align: center;
color:#FFF;
text-decoration: none;
}
div#navi ul li span#headline
{
display: block;
font-size: 18px;
color: #FFF;
font-weight: 700;
padding: 12px 25px;
}
div#navi ul li a#current,
div#navi ul li a:hover
{
background: #333;
background: -moz-linear-gradient(top,#ff6600);
background: -webkit-linear-gradient(top,#ff6600);
background: -ms-linear-gradient(top,#ff6600);
background: linear-gradient(top,#ff6600);
}
div#navi ul li:first-child {border-left: none;}
div#navi ul li:last-child {border-right: none;}
table.content
{
width: 100%;
border: 1px solid #DDD;
border-spacing: 1px;
}
table.content th, table.content td {padding: 6px 4px;}
table.content tr:nth-child(odd){background: rgba(0, 0, 0, 0.8);}
table.content tr:nth-child(even){background: rgba(0, 0, 0, 0.8);}
table.content th
{
background: rgba(0, 0, 0, 0.8);
background: -moz-linear-gradient(top,#ff6600);
background: -webkit-linear-gradient(top,#ff6600);
background: -ms-linear-gradient(top,#ff6600);
background: linear-gradient(top,#ff6600);
}
div#footer
{
margin-bottom: 10px;
height:25px;
padding: 0;
background: rgba(0, 0, 0, 0.8);
background: -moz-linear-gradient(top,#ff6600);
background: -webkit-linear-gradient(top,#ff6600);
background: -ms-linear-gradient(top,#ff6600);
background: linear-gradient(top,#ff6600);
}
div#footer a
{
color: #ff6600;
text-decoration: none;
}
div#footer ul
{
float:right;
margin: 0;
padding: 0;
list-style-type: none;
}
div#footer ul li
{
float: left;
}
div#footer ul li a
{
display: block;
padding:0 10px;
line-height:25px;
border-left:1px solid #666;
}
div#footer ul li a#footer-current,
div#footer ul li a:hover
{
background: rgba(0, 0, 0, 0.8);
background: -moz-linear-gradient(top,#ff6600);
background: -webkit-linear-gradient(top,#ff6600);
background: -ms-linear-gradient(top,#ff6600);
background: linear-gradient(top,#ff6600);
}
ul.tabmenu
{
margin:0;
padding:0;
list-style-type:none;
}
ul.tabmenu li
{
float:left;
}
ul.tabmenu li a
{
display:block;
margin-right:10px;
padding:8px 15px;
color:#ff6600;
font-weight:700;
border:1px solid #ff6600;
border-bottom:0;
background:rgba(0, 0, 0, 0.8);
}
ul.tabmenu li a:hover,
ul.tabmenu li a.current
{
background:rgba(0, 0, 0, 0.8);
}
span#refreshBar
{
float: right;
font-size: 12px;
padding-top:5px;
}
img.profil_bild
{
max-width: 100px;
max-height: 100px;
border: 1px solid #ff6600;
}
table.popup-table td.popup-profil-bild
{
padding-top: 5px;
vertical-align: top;
width: 110px;
}
table.popup-table
{
margin: 0;
padding: 0;
width: 100%;
}
table.popup-table td.popup-desc
{
vertical-align: top;
}
table.popup-table td.popup-desc span.headline
{
display: block;
margin-bottom: 5px;
padding-bottom: 2px;
font-weight:700;
border-bottom: 1px solid #ff6600;
}
table.content tr.event-sendung
{
background:rgba(0, 0, 0, 0.8)
}
input[type=text],
input[type=password],
input[type=file],
input[type=email],
input[type=url],
input[type=search],
input[type=number],
select,textarea
{
width:99%;
margin:3px;
padding:5px;
font-size:12px;
border-radius:3px;
font-family:Arial,Verdana,Helvetica;
border:1px rgba(0, 0, 0, 0.8) solid;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
resize:none;
}
input[type=number] {width:70px;text-align:center;}
select {padding: 4px 5px;}
input[type=text]:focus,
input[type=password]:focus,
input[type=file]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
select:focus,textarea:focus
{
box-shadow:0 0 3px yellow;
}
input[type=submit],
input[type=reset],
input[type=button]
{
padding:3px 10px;
border:1px solid #ff6600;
font-weight:700;
color:#ff6600;
cursor:pointer;
border-radius:3px;
background:rgba(0, 0, 0, 0.8);
background:-moz-linear-gradient(top,#ff6600);
background:-webkit-linear-gradient(top,#ff6600);
background:-ms-linear-gradient(top,#ff6600);
background:linear-gradient(top,#ff6600);
}
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover
{
background:rgba(0, 0, 0, 0.8);
background:-moz-linear-gradient(top,#ff6600);
background:-webkit-linear-gradient(top,#ff6600);
background:-ms-linear-gradient(top,#ff6600);
background:linear-gradient(top,#ff6600);
}
input[type=submit].cancel,
input[type=reset].cancel,
input[type=button].cancel{color:#ff6600;}
input[type=submit].cancel:hover,
input[type=reset].cancel:hover,
input[type=button].cancel:hover
{
color:#ff6600;
border-color:#ff6600;
background:rgba(0, 0, 0, 0.8);
background:-moz-linear-gradient(top,#ff6600);
background:-webkit-linear-gradient(top,#ff6600);
background:-ms-linear-gradient(top,#ff6600);
background:linear-gradient(top,#ff6600);
}
input[type=submit].submit,
input[type=reset].submit,
input[type=button].submit{color:#360;}
input[type=submit].submit:hover,
input[type=reset].submit:hover,
input[type=button].submit:hover
{
color:#ff6600;
border-color:#ff6600;
background:rgba(0, 0, 0, 0.8);
background:-moz-linear-gradient(top,#ff6600);
background:-webkit-linear-gradient(top,#ff6600);
background:-ms-linear-gradient(top,#ff6600);
background:linear-gradient(top,#ff6600);
}
span.event
{
display:block;
padding:8px;
color:#ff6600;
margin-bottom:10px;
text-align:center;
background:rgba(0, 0, 0, 0.8);
border-top:5px solid #ff6600;
border-bottom:5px solid #ff6600;
}
span.event-Success
{
color:#ff6600;
background:rgba(0, 0, 0, 0.8);
border-color:#ff6600;
}
span.event-Fail
{
color:#ff6600;
background:rgba(0, 0, 0, 0.8);
border-color:#ff6600;
}
a{text-decoration:none;color:#ff6600;}
a:hover{color:#ff6600;}
h1.headline
{
margin:0 0 10px 3px;
padding-bottom:3px;
font-size:22px;
border-bottom:1px dotted #ff6600;
}
span.circle-red
{
border-radius:10px;
padding:2px 6px;
font-weight:700;
background:rgba(0, 0, 0, 0.8);
}
span.label
{
color:#ff6600;
font-weight:700;
padding:4px 6px;
border-radius:4px;
background:rgba(0, 0, 0, 0.8);
}
span.label-red
{
color:#ff6600;
background:rgba(0, 0, 0, 0.8);
}
span.label-orange
{
color:#ff6600;
background:rgba(0, 0, 0, 0.8);
}
span.label-green
{
color:#ff6600;
background:rgba(0, 0, 0, 0.8);
}
div.pagenav{float:right;}
div.pagenav ul
{
margin:0;
padding:0;
height:25px;
list-style-type:none;
border:1px solid #ff6600;
}
div.pagenav ul li
{
float:left;
border-left:1px solid #ff6600;
}
div.pagenav ul li:first-child{border:none;}
div.pagenav ul li a
{
display:block;
padding:0 7px;
line-height:25px;
font-weight:bold;
vertical-align:middle;
cursor:pointer;
}
div.pagenav ul li a:hover,
div.pagenav ul li#currentpage{background:rgba(0, 0, 0, 0.8);}

Alles anzeigen

Bimboli · 28. Januar 2018

wie bekomme ich den grauen Hintergrund noch schwarz , kann mir da jemand helfen Danke

DJ_MrLucky · 28. Januar 2018

Wenn der ursprüngliche Hintergrund schon schwarz ist, dann nimm diesen Code:

Code

@charset "utf-8";
body {background: transparent;}
div#wrapper

Sollte der Hintergrund nicht schwarz sein, dann diesen:

Code

@charset "utf-8";
body {background: #000000;}
div#wrapper

Diesen Code habe ich bei mir ganz oben stehen!

Bimboli · 29. Januar 2018

Danke alles geklappt

Gefällt Dir der Thread? Möchtest du was dazu schreiben?

Dann logge Dich bitte mit deinem Benutzerkonto ein.
Du besitzt noch kein Benutzerkonto? Dann registriere Dich jetzt kostenlos! Nach der Registrierung kannst du das Forum uneingeschränkt nutzen.

CSS-Code: Design in Schwarz-Orange

albertikus 11. Februar 2018

Jetzt Spenden und das Projekt unterstützen