Hintergrund Teamliste und Sendeplan

cdv1508whv · 8. Februar 2021

ok

würdest du mir das anpassen

wo bekomme ich die Schrift Wochentag und Datum kleiner

cdv1508whv · 8. Februar 2021

Code

.image {
border-radius: 0;
}
div#wrapper {
width: 100%;
}
.container {
max-width: 100%;
}
img#onair_bildIMG{width:150px; height:110px;}
body#onair_body
{
font-size:11px;
font-family:Verdana, Geneva, sans-serif;
font-color: #ffffff
background: #FFFFFF;
}
/*----*/
.bg-light {
background-color: #fff!important;
}
div#content {
background: #FF0000;
}
@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 { ; border-radius: 90px; border:0; border-radius: 8px; box-shadow: 0px 0px 10px);'/>
box-shadow: 2px 2px 5px black;
}
thead tr {background-color: #transparent;}
@charset "utf-8";
body
{
margin: 0;
padding: 0;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
color: #fff;
/*
background-image: url('hier url'); background-attachment: fixed; text-shadow: 2px 2px 4px #000000; text-align: center; text-align: -webkit-center;
*/
font-size: initial;
}
div.clear
{
clear: both;
}
div#content
{
min-height: 100px;
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: #ff0000;
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 {
color: #ffffff;
font-style:italic;
font-family:comic sans ms, "lucida console", sans-serif;
}
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: #000;
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: 8px;
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:#ff0000; 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:#transparent;
}
.panel {
background-color:transparent;
border: 3px solid #fff;
border-radius:8px;
}
.panel-default > .panel-heading {
color: #ffffff;
background-color:transparent;
}
.art-title {
color: #ffffff; /* Teamliate*/
font-style: italic;
font-size: 15px;
font-weight: 700;
}
b, strong {
font-weight: 700;
font-style: italic;
}

Alles anzeigen

DonFroschi · 10. Februar 2021

Code

b, strong {
font-size: 30px; /*<-- größe*/

cdv1508whv · 10. Februar 2021

das war für den Wochentag jetzt noch das Datum

DonFroschi · 10. Februar 2021

Code

body {
font-size:16px
}

cdv1508whv · 11. Februar 2021

So der Weiße Hintergrund muss noch weg

Code

.image {
}
div#wrapper {
width: 100%;
}
/* Begin On Air Box*/
.container {
max-width: 100%;
}
img#onair_bildIMG{width:110px; height:110px;}
body#onair_body
{ font-family: Arial; font-size: 12px; color: white; text-align: center;
}
{
/* Ende On Air Box*/
/* Bgin Seemdeplan */
}
div#content { min-height: 550px; padding: 10px; background: transparent;
}
.table {
background: transparent;
font-size: small;
color: #FFFFFF;
text-align: center;
}
.table-info{
color: #000;
}
/*Ende Sendeplan*/
/* ============================================================== */
/*Begin Teamliste*/
.panel {
width: 100%;
background: transparent;
border: 5px solid #0000FF;
border-radius:8px;
background-color: #848484;
}
/*Ende Teamliste*/

Alles anzeigen

cdv1508whv · 11. Februar 2021

Code

/*Begin Teamliste*/
.panel {
width: 100%;
background: transparent;
border: 5px solid #0000FF;
border-radius:8px;
background-color: #848484;
}
thead tr {background-color: #transparent;}
@charset "utf-8";
body
{
margin: 0;
padding: 0;
background: transparent;
}
/*Ende Teamliste*/

Alles anzeigen

so jetzt habe ich es so wie ich es wollte

cdv1508whv · 11. Februar 2021

Wie kann Ich die Breite festlegen das es zwei Spalten werden?

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.

Hintergrund Teamliste und Sendeplan

Tags

Jetzt Spenden und das Projekt unterstützen