[TYPO3-german] Problem mit tt_news

Sebastian Deiszner deiszner at web.de
Wed Apr 18 15:16:21 CEST 2007


Hallo,

die Farben in meinem tt_news stimmen soweit wie ich mir das vorgestellt habe.

Allerdings ist um alle News herum noch ein großer schwarzer Rahmen.

Wo in der imgtext.css findet sich die Anweisung für diesen schwarzen Rahmen?

danke

Sebastian

.news-single-imgcaption {
font-size:0.9em;
}


#navigation ul a, #navigation ul a:hover, #navigation ul .active {
margin:0px 0px 1px 0px !important;
width: 180px;
}

#content p {
display:block !important;
}

#content ul, #content ol {
padding-left: 40px !important;
margin-left:0 !important;
}

#navigation li {
width: 180px;
}


.newsbildNofloat {
padding:0px 0px 0px 0px;
/*width:210px;*/
width:100%;
}

.newsbildNofloat img{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
/*width:210px;*/

}

#content .newsbildNofloat a{
border: 0px solid #FFFFFF;
text-decoration:none;
}



.newsbild {
padding:0px 0px 0px 0px;
/*width:210px;*/
float:left;
}

.newsbild img{
padding:0px 0px 0px 0px;
margin:0px 10px 0px 0px;
/*width:210px;*/

}

#content .newsbild a{
border: 0px solid #FFFFFF;
text-decoration:none;
}

.formchecklinks {
width:25px;
float:left;

}

.formcheckrechts {
width:445px;
float:left;
margin:0px 0px 10px 0px;
}

.formlinks {
width:150px;
float:left;
}


.formrechts {
width:320px;
float:left;
margin:0px 0px 10px 0px;
}

#content table {
margin:0px 10px 7px 0px;
padding:0px 0px 0px 0px;

}

#navigation table {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:80px;
}


#navigation {width:180px;
overflow:hidden;
}
#navigation img {margin:0px 0px 0px 0px;}
#navigation h2 {margin:0px 0px 0px 0px;}

#navigation div {
margin:10px 0px 0px 0px;
width:180px;
}

#context a img {
border:0px !important;
}


/*#context div {width:150px; margin:10px 0px 0px 0px;}*/



.sep {margin-bottom:0px !important;}
.sep2 {margin:3px 0 3px 0 !important;}

#navilogo a {
background-color:transparent !important;
background-image: none !important;
height:1px;
font-size:1px;padding:0px;
}
#navilogo {
min-height:200px;
}


#navigation h1, #navigation h2, #navigation h3, #navigation h4, #navigation h5, #navigation h6 {
font:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
margin:20px 0px 2px 10px;
padding: 0;
overflow:hidden;
width:160px;
}
#navigation .csi-image {text-align:center;margin-right:10px;}

#navigation h1, #navigation h2 {
font-size: 1.1em;
}


#context .csi-image {
text-align:center;
}

#content .downlink {
padding:0px 0px 10px 10px;
margin:0px 0px 0px 0px;
}


#content {
overflow:visible !important;
}

#content ul {list-style-type:none;}


.csi-textpic {
padding:0px 0px 0px 0px;
/*XXX demo only
padding: 5px;

width:420px;*/
}

.csi-textpic img {
/*border: 1px solid black;  XXX demo only*/
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-align:left;
}


.csi-textpic .csi-caption {
text-align: left;  /* will have to be an inline style?  - controlled by TS [left - right - center]*/
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}


.csi-textpic .csi-image {
/*border: 1px solid blue;  XXX demo only*/
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;  /*XXX demo only*/

/*width:240px;*/

/*background: #FFF;  XXX demo only*/
/*width: 210px; will have to be an inline style - controlled by TS*/
}

.csi-textpic .csi-imagewrap {
/*border: 1px solid blue; XXX demo only*/
}

.csi-textpic .csi-text {
/*border: 1px solid silver; XXX demo only*/
text-align: left; /*will have to be an inline style - controlled by TS*/
}

.csi-text p {
/*margin-top: 0;*/
margin:0px 0px 20px 0px;
}


.csi-center .csi-image {
margin: 0 auto 3px;

}

.csi-right div.csi-image {
float: right;
clear: both;

}


.csi-right div.csi-text {
clear: right;

}


.csi-left div.csi-image {
float: left;
clear: both;
}

.csi-left div.csi-text {
clear: left;
}


.csi-intext-left .csi-image {
float: left;
clear: both;
padding:0px 20px 0px 0px;
margin:0px 0px 0px 0px;

}


.csi-intext-right .csi-image {
float: right;
clear: both;
margin-left: 5px;
}


.csi-intext-right-nowrap .csi-text {
/*margin-right: 215px;
will have to be an inline style - controlled by TS*/
}

.csi-intext-right-nowrap .csi-image {
float: right;
clear: both;
}


/* INTEXT LEFT NOWRAP*/
.csi-intext-left-nowrap .csi-text {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}


.csi-intext-left-nowrap .csi-image {
float: left;
clear: both;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}


.caption {
text-align: left;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

input,textarea,select {width:320px;}
.inline *,.inline {width:auto !important;}

.banner a {border:0px !important;margin-right:10px;margin-top:-10px;}



.lang1 {margin-left:0px !important;}

html > body .lang1, html > body .lang2 {position:relative;top:-8px;}


#context p {text-align:center;}
#context .box p {text-align:left;}
.tx-indexedsearch-browsebox a {display:block;margin-right:15px;margin-bottom:20px;}
.tx-indexedsearch-browsebox li a {display:inline;margin:0px !important;}



#tiplayer {
position: absolute;
left:0; top:0;
display:none;
width:auto !important;
height:auto !important;
padding:2px 4px 2px 4px !important;
border: 1px black solid;
text-align:center;
background-color: #EBEBEB;
background-image: none !important;
z-index: 999;
}

dfn,acronym {
cursor: default;
}

input {
border-width: expression((this.type=="radio" || this.type=="checkbox") ? "0px" : "1px");
}
body #content input {
margin-bottom: expression((this.type=="radio" || this.type=="checkbox") ? "0px" : "10px") !important;
width: expression((this.type=="radio" || this.type=="checkbox") ? "auto" : "320px") !important;
}


#foot div {width:520px !important;}
#foot div div {top:0!important;width:auto !important;left:336px!important;}
#foot .l3 {padding-right:0px !important;}
#foot .l3, #foot .l4 {
float:left !important;
}


.box {display:block !important;}
dfn,acronym {
border-bottom:1px #999 dotted;
}

h2,h3 {
margin-bottom:10px;
}

h4 {
font-size:1em;
padding: 0;
margin:0px 0px -10px 0px !important;
}


.MsoNormal {
margin:0px !important;
padding:0px;
}

#navigation a:empty {display:none;}
body #navigation a {display: expression((this.innerHTML=="") ? "none":"block") !important;}


#navilogo br {display:none;}

.logininput {
width:140px;
}

#context .box label {
float:none;display:block;
margin-bottom:-10px;
}

* html #context .box label {
display:expression((this.innerHTML=="") ? 'none':'block');
}

#context .box .submit {
margin-top:2px;
}
#content ul, #content ol {
line-height:150%;
}

html body .extlink a, html body .dllink a, html body .intlink a {
background-position: 0px 3px !important;
display:inline-block;

}
.link a {border-bottom-width: 1px !important;}


* html body .extlink a, * html body .dllink a, * html body .intlink a {
background-position: 0px 6px !important;
}

.hidden {display:none;}


#content td p {
line-height:150% !important;
}


#content td h2, #content td h4, #content td h3 {
margin-top:-1px;
}


#content h2,#content h3, #content h4 {margin-top:0 !important;margin-bottom:8px !important;}
#content h4 {margin-bottom:2px !important;}
#content p {
margin:0 0 12px 0 !important;
}
#content .imgtext-table {margin-top:2px !important;margin-bottom:16px !important;}

/*-----------------------------------  NEWS  -----------------------------------*/
/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer{
 clear:right;
 height:1px;
 border:1px solid #FFFFFF;

}
.news-latest-container HR.clearer {
 clear:left;
}

/*-----------------------------------  tt_news LATEST view  -----------------------------------*/

.news-latest-container {
 border:1px solid #333;
 background-color:#FFFFFF;
}

.news-latest-container H2,.news-latest-gotoarchive {
 color:#fff;
 padding:3px;
 margin:3px;
 border:1px solid #666;
 background-color:#FFFFFF;
}

.news-latest-gotoarchive {
 font-weight:bold;
 margin-top:5px;
}
.news-latest-gotoarchive A:LINK, .news-latest-gotoarchive A:VISITED, .news-latest-gotoarchive A:HOVER {
 color:#fff;
}
.news-latest-gotoarchive A {
 color:#fff;
}
.news-latest-item {
 /* IE hack */
 height: 1%;
 line-height: 1.3;
 /* IE hack end */
 padding:3px;
 margin:3px;
 border:1px solid #666;
 background-color:#FFFFFF;
}

.news-latest-item IMG {

 margin-bottom:5px;
 margin-right:5px;
 border:1px solid #666;
 float:left;
}
.news-latest-category IMG {
 float: none;
 border:none;
 margin:0px;
}
.news-latest-date,.news-latest-morelink,.news-latest-category {
 font-size:9px;
}

.news-latest-morelink {
 height:12px;
}

.news-latest-morelink A {
 float:right;
}


/*--------------------------------- tt_news LIST view  -----------------------------------*/
.news-list-container {

 border:1px solid #000;
 background-color:#FFFFFF;

}


.news-list-item {
 /* IE hack */
 height: 1%;
 line-height: 1.3;
 /* IE hack end */
 padding:3px;
 margin:3px;
 border:1px solid #000000;
 background-color:#FFFFFF;

 }
.news-search-form {
 padding:3px;
 margin-bottom:5px;
 border:1px solid #666;
 background-color:#FFFFFF;

}
.news-search-emptyMsg{
 margin:0px;
}
.news-search-form FORM {
 margin:0px;
}
.news-list-container H3 {
 margin-bottom: 5px;
 padding: 2px;
 border-bottom: 1px solid #000000;
 background-color: #FFFFFF;
}
.news-list-container H3 A:LINK,.news-list-container H3 A:VISITED,.news-list-container H3 A:HOVER {
 color:#fff;
 padding-left:2px;
}
.news-list-container H3 A {
 color:#fff;

}
.news-list-container P {
 padding-left:3px;
}
.news-list-date {
 float: right;
 color: #C0C0C0;
 width: 180px;
 text-align: right;
 height: 20px;
 margin-top: -2px;
 margin-right: -2px;
 font-size: 9px;
 font-weight: normal;
 background-color: #FFFFFF;
 }

.news-list-imgcaption {
 float: right;
 padding-top:3px;
 padding-right:3px;
 font-size: 9px;

 }

.news-list-container IMG {

 float: right;
 border:1px solid #666;
 margin-bottom:5px;
 margin-right:2px;
 margin-left:5px;
}
.news-list-category IMG {
 float: none;
 border:none;
 margin:0px;
}

.news-list-morelink,.news-list-category {
 font-size:9px;
 margin-left:3px;
}
.news-list-morelink  {
 margin-bottom:3px;
}
.news-list-browse {
 text-align: center;
}



 /*---------------------------------  tt_news Page-Browser ---------------------------------*/
.tx-ttnews-browsebox {
 margin:3px;
 border:1px solid #666;
 padding:3px;
 background-color:#FFFFFF;
}
.tx-ttnews-browsebox TD {
 font-size: 10px;
}
.tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell {
 font-weight: bold;
}
.tx-ttnews-browsebox-SCell P,.tx-ttnews-browsebox TD P{
 margin:0px;
}

.tx-ttnews-browsebox-SCell {
 background-color: #FFFFFF;
 border:1px solid #666;
}
.news-search-emptyMsg {
 font-size: 11px;
 margin-left: 10px;
}
 /*--------------------------------- tt_news SINGLE view  ---------------------------------*/
.news-single-item {
 padding:5px;
 margin-bottom:5px;
 border:1px solid #666;
 background-color:#FFFFFF;

}
.news-single-item H2 {
 font-size: 16px;
 font-weight:bold;
 color: #aa273e;
 margin-bottom: 0px;
}
.news-single-item H3 {
 margin-bottom: 15px;
}



.news-single-img {
 float: right;
 margin-left:5px;

}



.news-single-imgcaption {
 padding:3px;
 clear:both;
}

.news-single-category {

 float: right;
}
.news-single-backlink, .news-single-backlink a {
 font-weight: bold;
 font-size: 10px;
 margin-bottom: 15px;
 margin-top: 10px;
}
.news-single-timedata {
 float: right;
}
.news-single-timedata, .news-single-author,.news-single-imgcaption {
 font-size: 9px;
}
.news-single-author {
 padding-bottom: 3px;
}
.news-single-additional-info {
 background-color: #BBE53A;
/*  clear: both; */
 margin-top: 15px;
 border: 1px solid #666;
 padding:3px;
 padding-bottom:0px;

}
.news-single-related,.news-single-files,.news-single-links  {
 border: 1px solid #666;
 margin:0px;
 margin-bottom: 3px;
 padding:3px;
 background-color:#FFFFFF;
}

.news-single-related DD, .news-single-links DD, .news-single-files DD {
 margin-left:20px;
}

.news-single-related DT, .news-single-links DT, .news-single-files DT {
 font-weight: bold;
 font-size: 11px;
 margin-left:5px;
 width:90%;
}

/*--------------------------------- tt_news Archivemenu (AMENU) --------------------------------- */
.news-amenu-container {
 margin-top:10px;
 padding:3px;
 border:1px solid #333;
 background-color:#FFFFFF;
}
.news-amenu-container LI {
 padding-bottom:1px;
}
.news-amenu-container UL {
 padding:3px;
 margin-top:5px;
 margin-left:0px;
 margin-bottom:0px;
 border:1px solid #666;
 background-color:#FFFFFF;
 list-style-type: none;
}
.news-amenu-container H2 {
 color:#fff;
 padding:3px;
 border:1px solid #666;
 background-color:#FFFFFF;
}
.news-amenu-item-year {
 font-weight: bold;
 border: 1px solid #666;
 padding: 2px;
 background-color: #FFFFFF;
 color:maroon;

}

/*--------------------------------- tt_news Categorymenu (CATMENU) --------------------------------- */


.news-catmenu  {
 padding:5px;
 margin:10px 0px 10px 10px;
 border:1px solid #666;
 background-color:#FFFFFF;
}
.news-catmenu-header  {
 font-size:11px;
 font-weight:bold;
}
.news-catmenu DIV {
 font-size:10px;
 white-space: nowrap;
}
.news-catmenu DIV img {
 margin:0px;
 padding:0px;
 vertical-align: middle;
}
.news-catmenu-ACT {
 font-weight:bold;
}

/*  Styles for catmenu mode "nestedWraps" */
.level0 {
 background-color:#fff;
}
.level1 {
 padding-left:10px;
 background-color:#eee;
}
.level2 {
 padding-left:10px;
 background-color:#ddd;
}
.level3 {
 padding-left:10px;
 background-color:#ccc;
}
.level4 {
 padding-left:10px;
 background-color:#bbb;
} 




More information about the TYPO3-german mailing list