"Info Center" settings: Where in the CSS are they?

Started by Wolpo, October 08, 2015, 07:29:16 PM

Previous topic - Next topic

Wolpo

Hello,

does anybody know where in the index.css or rtl.css I can set border:none; for the Info Center (the box located at the bottom of the forum's main page)?

I searched all lines, including the section under "Styles for the info center on the board index", but I wasn't able to find the line that sets the -- currently by default -- 1 pixel border for the Info Center box.

(I think the main page will look more consistent if there is no border down there if all the other boxes above have no borders either.)


Thank you!

Gluz

The info center in the Default (Curve) Theme have images in the upper and lower sections, just like the post reply.

To change that need to edit some parts.

Search each one of this:
span.upperframe {
    ...
    background: url("../images/theme/main_block.png") 0 -90px no-repeat;
}
span.upperframe span {
    ...
    background: url("../images/theme/main_block.png") 100% -90px no-repeat;
}
span.lowerframe {
    ...
    background: url("../images/theme/main_block.png") 0 -102px no-repeat;
}
span.lowerframe span {
    ...
    background: url("../images/theme/main_block.png") 100% -102px no-repeat;
}
.roundframe {
    ...
    border-left: 1px solid #C5C5C5;
    border-right: 1px solid #C5C5C5;
}


and edit to look like this:
span.upperframe {
    ...
    background: url("../images/theme/main_block.png") 0 -59px no-repeat;
}
span.upperframe span {
    ...
    background: url("../images/theme/main_block.png") 100% -59px no-repeat;
}
span.lowerframe {
    ...
    background: url("../images/theme/main_block.png") 0 -71px no-repeat;
}
span.lowerframe span {
    ...
    background: url("../images/theme/main_block.png") 100% -71px no-repeat;
}
.roundframe {
    ...
}

(... means that the other things remain the same)

Note: this change affect all the parts that have the same border around, so not only in Info Center and Reply, also other parts that use the same code.

Wolpo

Aha! Thank you very much!

I just removed all this border stuff completely:

/* Used for sections that need somewhat larger corners.
----------------------------------------------------------- */
.roundframe
{
padding: 0 10px;
background: #f7f7f7;
# border-left: 1px solid #dcdcdc;
# border-right: 1px solid #dcdcdc;
}
.roundframe dl, .roundframe dt, .roundframe p
{
margin: 0;
}
.roundframe p
{
padding: 0.5em;
}
span.upperframe
{
padding: 0;
display: block;
# background: url(../images/theme/main_block.png) 0 -90px no-repeat;
padding-left: 20px;
}
span.upperframe span
{
padding: 0;
height: 12px;
display: block;
# background: url(../images/theme/main_block.png) 100% -90px no-repeat;
}
span.lowerframe
{
padding: 0;
display: block;
# background: url(../images/theme/main_block.png) 0 -102px no-repeat;
padding-left: 20px;
}
span.lowerframe span
{
padding: 0;
height: 12px;
display: block;
# background: url(../images/theme/main_block.png) 100% -102px no-repeat;
}



Now it looks more elegant :-)

Advertisement: