CSS-Code: 3D Pro

Basti · 14. Februar 2018

Hier mein 3D Pro Design.

Vorschau:

Code

@charset "utf-8";
body#onair_body { font-family: Arial; font-size: 15px; color: #ffffff; text-align: center }
div#onair_grussboxbutton a { font-family: Arial; font-size: 20px; color: #66ce00; text-align: center }
body {background: #000000;}
div#wrapper
{
margin: 0;
padding: 0;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
color: #66ce00;
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:1000px;
box-shadow:0 0 5px #66ce00;
}
div#navi
{
border-bottom: 1px solid #666;
background: rgba(0, 0, 0, 0.8);
background: -moz-linear-gradient(top,#66ce00);
background: -webkit-linear-gradient(top,#66ce00);
background: -ms-linear-gradient(top,#66ce00);
background: linear-gradient(top,#66ce00);
}
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,#66ce00);
background: -webkit-linear-gradient(top,#66ce00);
background: -ms-linear-gradient(top,#66ce00);
background: linear-gradient(top,#66ce00);
}
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,#66ce00);
background: -webkit-linear-gradient(top,#66ce00);
background: -ms-linear-gradient(top,#66ce00);
background: linear-gradient(top,#66ce00);
}
div#footer
{
margin-bottom: 10px;
height:25px;
padding: 0;
background: rgba(0, 0, 0, 0.8);
background: -moz-linear-gradient(top,#66ce00);
background: -webkit-linear-gradient(top,#66ce00);
background: -ms-linear-gradient(top,#66ce00);
background: linear-gradient(top,#66ce00);
}
div#footer a
{
color: #66ce00;
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,#66ce00);
background: -webkit-linear-gradient(top,#66ce00);
background: -ms-linear-gradient(top,#66ce00);
background: linear-gradient(top,#66ce00);
}
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:#66ce00;
font-weight:700;
border:1px solid #66ce00;
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: 0px solid #FFFFFF;
}
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 #66ce00;
}
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 #66ce00;
font-weight:700;
color:#66ce00;
cursor:pointer;
border-radius:3px;
background:rgba(0, 0, 0, 0.8);
background:-moz-linear-gradient(top,#66ce00);
background:-webkit-linear-gradient(top,#66ce00);
background:-ms-linear-gradient(top,#66ce00);
background:linear-gradient(top,#66ce00);
}
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover
{
background:rgba(0, 0, 0, 0.8);
background:-moz-linear-gradient(top,#66ce00);
background:-webkit-linear-gradient(top,#66ce00);
background:-ms-linear-gradient(top,#66ce00);
background:linear-gradient(top,#66ce00);
}
input[type=submit].cancel,
input[type=reset].cancel,
input[type=button].cancel{color:#66ce00;}
input[type=submit].cancel:hover,
input[type=reset].cancel:hover,
input[type=button].cancel:hover
{
color:#66ce00;
border-color:#66ce00;
background:rgba(0, 0, 0, 0.8);
background:-moz-linear-gradient(top,#66ce00);
background:-webkit-linear-gradient(top,#66ce00);
background:-ms-linear-gradient(top,#66ce00);
background:linear-gradient(top,#66ce00);
}
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:#66ce00;
border-color:#66ce00;
background:rgba(0, 0, 0, 0.8);
background:-moz-linear-gradient(top,#66ce00);
background:-webkit-linear-gradient(top,#66ce00);
background:-ms-linear-gradient(top,#66ce00);
background:linear-gradient(top,#66ce00);
}
span.event
{
display:block;
padding:8px;
color:#66ce00;
margin-bottom:10px;
text-align:center;
background:rgba(0, 0, 0, 0.8);
border-top:5px solid #66ce00;
border-bottom:5px solid #66ce00;
}
span.event-Success
{
color:#66ce00;
background:rgba(0, 0, 0, 0.8);
border-color:#66ce00;
}
span.event-Fail
{
color:#66ce00;
background:rgba(0, 0, 0, 0.8);
border-color:#66ce00;
}
a{text-decoration:none;color:#66ce00;}
a:hover{color:#66ce00;}
h1.headline
{
margin:0 0 10px 3px;
padding-bottom:3px;
font-size:22px;
border-bottom:1px dotted #66ce00;
}
span.circle-red
{
border-radius:10px;
padding:2px 6px;
font-weight:700;
background:rgba(0, 0, 0, 0.8);
}
span.label
{
color:#66ce00;
font-weight:700;
padding:4px 6px;
border-radius:4px;
background:rgba(0, 0, 0, 0.8);
}
span.label-red
{
color:#66ce00;
background:rgba(0, 0, 0, 0.8);
}
span.label-orange
{
color:#66ce00;
background:rgba(0, 0, 0, 0.8);
}
span.label-green
{
color:#66ce00;
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 #66ce00;
}
div.pagenav ul li
{
float:left;
border-left:1px solid #66ce00;
}
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);}
@charset "utf-8";
body { margin: 0; padding: 0; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; background: transparent;
}
body#onair_body { font-family: Arial; font-size: 16px; color: white; text-align: center; background: transparent;}
div#content { min-height: 250px; padding: 10px; background: transparent;
}
table.content tr:nth-child(even) { background: transparent;
}
table.content tr:nth-child(odd) { background: transparent;
}
media="all"
body { margin: 0; padding: 0; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; color: red; background: transparent;
}
img#onair_bildIMG { width: 130px; height: 150px; border-radius: 110px; border:0; border-radius: 8px; box-shadow: 0px 0px 10px rgb(238, 0, 119);'/>
box-shadow: 2px 2px 5px black;
}
body#onair_body
{
overflow: hidden;
-webkit-transform: scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform: scale(0.8); /*Mozilla scale version*/
-o-transform: scale(0.8); /*Opera scale version*/
-ms-transform: scale(0.8); /*Internet Explorer*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
-ms-transition-duration: 0.5s; /*Internet Explorer*/
transition-duration: 0.5s;
margin: 0 -6px; /*margin between images*/
text-shadow: 2px 2px 5px black;
}
body#onair_body:hover
{
transform: scale(1.0);
-webkit-transform: scale(1.0); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform: scale(1.0); /*Mozilla scale version*/
-o-transform: scale(1.0); /*Opera scale version*/
-ms-transform: scale(1.0); /*Internet Explorer*/
opacity: 1;
}
img { width: 100px; height: 120px; border-radius: 110px; border:0; border-radius: 8px; box-shadow: 0px 0px 10px rgb(238, 0, 119);'/>
box-shadow: 2px 2px 5px black;
}
@charset "utf-8";
body
{
margin: 0;
padding: 0;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
color: #fff;
background: #000; text-shadow: 2px 2px 4px #000000; text-align: center; text-align: -webkit-center;
font-size: initial;
}
div.clear
{
clear: both;
}
div#content
{
min-height: 250px;
padding: 10px;
//background: #FFF;
}
div#wrapper
{
margin:0 auto;
width:100%;
box-shadow:0 0 5px #333;
}
div#navi
{
border-bottom: 1px solid #666;
background: #666;
background: -moz-linear-gradient(top,#666,#333);
background: -webkit-linear-gradient(top,#666,#333);
background: -ms-linear-gradient(top,#666,#333);
background: linear-gradient(top,#666,#333);
}
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,#333,#666);
background: -webkit-linear-gradient(top,#333,#666);
background: -ms-linear-gradient(top,#333,#666);
background: linear-gradient(top,#333,#666);
}
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.content2
{
width: 100%;
height: 160px;
//border: 1px solid #DDD;
//border-spacing: 1px;
}
table.content th, table.content td {padding: 6px 4px;}
//table.content tr:nth-child(odd){background: #EFEFEF;}
//table.content tr:nth-child(even){background: #F5F5F5;}
table.content th
{
background: #E5E5E5;
background: -moz-linear-gradient(top,#1fa5d1,#E5E5E5);
background: -webkit-linear-gradient(top,#1fa5d1,#E5E5E5);
background: -ms-linear-gradient(top,#1fa5d1,#E5E5E5);
background: linear-gradient(top,#1fa5d1,#E5E5E5);
}
div#footer
{
margin-bottom: 10px;
height:25px;
padding: 0;
background: #666;
background: -moz-linear-gradient(top,#666,#333);
background: -webkit-linear-gradient(top,#666,#333);
background: -ms-linear-gradient(top,#666,#333);
background: linear-gradient(top,#666,#333);
}
div#footer a
{
color: #FFF;
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: #333;
background: -moz-linear-gradient(top,#333,#666);
background: -webkit-linear-gradient(top,#333,#666);
background: -ms-linear-gradient(top,#333,#666);
background: linear-gradient(top,#333,#666);
}
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:#666;
font-weight:700;
border:1px solid #DDD;
border-bottom:0;
background:#EFEFEF;
}
ul.tabmenu li a:hover,
ul.tabmenu li a.current
{
background:#DDD;
}
span#refreshBar
{
float: right;
font-size: 12px;
padding-top:5px;
}
img.profil_bild
{
max-width: 100px;
max-height: 100px;
border: 1px solid #CCC;
}
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 #CCC;
}
table.content tr.event-sendung
{
//background:#FFF2E7;
}
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 #959595 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 #DDD;
font-weight:700;
color:#666;
cursor:pointer;
border-radius:3px;
background:#FAFAFA;
background:-moz-linear-gradient(top,#FAFAFA,#E4E4E4);
background:-webkit-linear-gradient(top,#FAFAFA,#E4E4E4);
background:-ms-linear-gradient(top,#FAFAFA,#E4E4E4);
background:linear-gradient(top,#FAFAFA,#E4E4E4);
}
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover
{
background:#E4E4E4;
background:-moz-linear-gradient(top,#E4E4E4,#CCC);
background:-webkit-linear-gradient(top,#E4E4E4,#CCC);
background:-ms-linear-gradient(top,#E4E4E4,#CCC);
background:linear-gradient(top,#E4E4E4,#CCC);
}
input[type=submit].cancel,
input[type=reset].cancel,
input[type=button].cancel{color:#600;}
input[type=submit].cancel:hover,
input[type=reset].cancel:hover,
input[type=button].cancel:hover
{
color:#FFF;
border-color:#C24B45;
background:#E06762;
background:-moz-linear-gradient(top,#E06762,#A6322C);
background:-webkit-linear-gradient(top,#E06762,#A6322C);
background:-ms-linear-gradient(top,#E06762,#A6322C);
background:linear-gradient(top,#E06762,#A6322C);
}
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:#FFF;
border-color:#5CBB3E;
background:#80DD7E;
background:-moz-linear-gradient(top,#80DD7E,#50A237);
background:-webkit-linear-gradient(top,#80DD7E,#50A237);
background:-ms-linear-gradient(top,#80DD7E,#50A237);
background:linear-gradient(top,#80DD7E,#50A237);
}
span.event
{
display:block;
padding:8px;
color:#A84;
margin-bottom:10px;
text-align:center;
background:#FFE;
border-top:5px solid #FEC;
border-bottom:5px solid #FEC;
}
span.event-Success
{
color:#537836;
background:#EFE;
border-color:#CEA;
}
span.event-Fail
{
color:#A42F2D;
background:#FEE;
border-color:#FDD;
}
a{text-decoration:none;color:#89e2ff; text-shadow: 2px 2px 4px #000000; text-align: center; text-align: -webkit-center;
font-size: initial;
}
a:hover{color:#44F;}
h1.headline
{
margin:0 0 10px 3px;
padding-bottom:3px;
font-size:22px;
border-bottom:1px dotted #CCC;
}
span.circle-red
{
border-radius:10px;
padding:2px 6px;
font-weight:700;
background:#E00;
}
span.label
{
color:#FFF;
font-weight:700;
padding:4px 6px;
border-radius:4px;
background:#888;
}
span.label-red
{
color:#FFF;
background:#C95A57;
}
}
span.label-orange
{
color:#FFF;
background:#EF9C52;
}
span.label-green
{
color:#FFF;
background:#5DC15D;
}
div.pagenav{float:right;}
div.pagenav ul
{
margin:0;
padding:0;
height:25px;
list-style-type:none;
border:1px solid #CCC;
}
div.pagenav ul li
{
float:left;
border-left:1px solid #CCC;
}
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:#000;

Alles anzeigen

albertikus · 14. Februar 2018

Habe mal den Anhang gelöscht und den Code eingebaut. Bitte den Code-Editor benutzen und keine txt.-Files anhängen. Die Codebox gibts ja nicht umsonst

Basti · 14. Februar 2018

albertikus schrieb:

Habe mal den Anhang gelöscht und den Code eingebaut. Bitte den Code-Editor benutzen und keine txt.-Files anhängen. Die Codebox gibts ja nicht umsonst

ok beim nächst ma merk ich mir es

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: 3D Pro

albertikus 14. Februar 2018

Ähnliche Themen

Gruß- und Wunschbox

Fehler nach Update

Übersicht laut.fm API's

Fehler: Es konnte die Lizenznummer oder die Domain nicht gefunden werden.

Update auf Version 2.0

Tags

Jetzt Spenden und das Projekt unterstützen