Borders are declared in position.css, a third css file we work with:
0001 /* --------- Layout and positioning ------------ */
0002
0003 #container {
0004 border: 5px solid #FFF;
0005 margin : 10px 10px;
0006 padding: 10px;
0007 }
0008
0009 #sidepanel {
0010 float : left;
0011 width : 17%;
0012 margin-right : 1%;
0013 }
0014
0015 #main-content {
0016 margin-left : 18%;
0017 }
0018
0019 #content h1, h2 {
0020 padding : 3px;
0021 }
0022
0023 #header {
0024 padding-bottom : 10px;
0025 }
0026
0027 #header img {
0028 padding : 0px;
0029 }
0030
0031 #footer {
0032 clear: both;
0033 font-size : 90%;
0034 padding: 5px;
0035 margin-top: 15px;
0036 border-top : white 1px solid;
0037 }
0038
0039 #top-menu {
0040 padding : 5px 5px 8px 5px;
0041 text-align : right;
0042 margin-bottom : 5px;
0043 }
0044
0045 #search-box {
0046 float : left;
0047 padding : 0;
0048 margin : 0;
0049 display : inline;
0050 }
0051
0052 div.block-embedded {
0053 width : 200px;
0054 }
0055
0056 #miniadmin div.box-content {
0057 font-size : .9em;
0058 max-height : 180px;
0059 overflow : auto;
0060 }
0061
0062 #blog-list-view {
0063 margin-bottom : 2em;
0064 }
0065
Until now, the site looks:
Let have a look to border definitions. Just at line 3 is one:
#container {
border: 5px solid #FFF;
margin : 10px 10px;
padding: 10px;
}
Let play with by changing border to none:
#container {
border: 0;
margin : 10px 10px;
padding: 10px;
}
... result is ...
There is another border surrounding MiniAdmin. But, seems an exception, that border is not in position.css. Instead, there is another border at top for the footer (with the effect of a horizontal rule:
#footer {
clear: both;
font-size : 90%;
padding: 5px;
margin-top: 15px;
border-top : white 1px solid;
}
That may be changed or not. Searching just only for the MiniAdmin border, in default.css is an assignment to #site-panel with a border (line 14 page ...):
#sidepanel div.box {
border : white 2px solid;
}
... becomes altered to ...
#sidepanel div.box {
border : 0;
}
The look now is ...
eZine
