Milhound
Member
|
This still needs some tweaking, but due to lack of selectors much more modification would be very hard to keep consistent. Please if you have any suggestions, any ideas please let me know. I'd like to have a well styled forum.
/* Fix Header Banner & Set Background Color */
body{
margin:0;
background-color: #cce5ff;
}
/* Set Main Color Scheme */
h1,h2,h3,h4,h5,h6,a,.forumtitle,.subhead,a.navAnchor,.c1,.c2,.c3,.ctitle,.ccurr,.clist{
color: #0000e6;
}
/* Button Styling */
input[type='button'], input[type='submit']{
margin-top: 1em;
margin-left: .2em;
padding: .2em .5em;
background: none;
border: 2px solid;
border-radius: .35em;
}
/* Set Title font size */
.subhead{
font-size: 1em;
}
/* Make Title Links Larger */
.c2{
font-size: 1.1em;
}
/* Set Table font size */
td,input{
font-size: .8em;
}
/* Set Category font size */
.cat {
font-size: .8em;
}
/* Ultrasmall Text too Small Fix */
.ultrasmall{
font-size: .8em;
}
/* Remove Gaps */
table{
border-spacing: 0px;
}
/* Set Border of all cells */
form > table > tbody > tr > td > table > tbody >tr >td,
form > table > tbody > tr > td > table > tbody > tr:nth-child(1) >th{
border: 1px solid black;
}
form > table > tbody > tr > td > table > tbody >tr >td{
background: #FFFFFF;
}
/* Fix random extra cell */
form > table:nth-child(3) > tbody > tr > td > table > tbody > tr:nth-child(7) > td{
display: none;
}
/* Remove HR from bottom */
hr{
display: none;
}
/* Set Padding of all cells */
td{
padding: .5em;
}
/* Remove Background from beggining and end rows for border radius to work */
form > table > tbody > tr:nth-child(2) > td,
form > table > tbody > tr > td,
body > center > table:not(:first-child) > tbody > tr > td,
.cborder,.ctitle,.ccurr,.clist{
background: none;
}
/* Apply Border Radius to Headers */
tbody > tr> td > table > tbody > tr:not(:only-child) > th:first-child:not(:last-child),
tbody > tr:first-child:not(:last-child) > th:only-child,
tbody >tr:first-child:not(:last-child) >td[bgcolor="dddddd"],
tbody > tr:only-child > th[align="left"]:first-child{
border-top-left-radius: 1em;
}
tbody > tr> td > table > tbody > tr:not(:last-child) > th:last-child:not(:first-child),
tbody > tr:first-child:not(:last-child) > th:only-child,
tbody >tr:first-child:not(:last-child) >td[bgcolor="dddddd"],
tbody > tr:only-child > th[align="left"]:last-child{
border-top-right-radius: 1em;
}
tbody > tr> td > table > tbody > tr:last-child:not(:first-child) > th:not(:last-child),
tbody > tr:only-child > th[align="left"]:only-child,
tbody >tr[bgcolor="999999"] > th[align="center"]:only-child{
border-radius: 1em;
}
tbody > tr > th:not(:last-child):not(:first-child){
border-radius: 0;
}
/* Apply Border Radius to Last rows */
/* Apply to left side */
tbody > tr:last-child:not(:first-child) > td:first-child,
tbody > tr> td > table > tbody > tr:last-child > th:last-child >td:first-child,
tbody > tr:last-child:not(:first-child) > th,
tbody > tr:only-child > th[align="left"]:first-child{
border-bottom-left-radius: 1em;
}
/* Apply to right side */
table > tbody > tr:last-child:not(:first-child) > td:last-child,
tbody > tr> td > table > tbody > tr:last-child > th:last-child >td:last-child,
tbody > tr:last-child:not(:first-child) > th,
tbody > tr:only-child > th[align="left"]:last-child{
border-bottom-right-radius: 1em;
}
< Message edited by Milhound -- 3/11/2016 14:12:25 >
|