Personal Forum CSS - Looking for Tweaks! (Full Version)

All Forums >> [AE Forum Resources] >> Forum Support and Suggestions



Message


Milhound -> Personal Forum CSS - Looking for Tweaks! (3/10/2016 23:19:40)

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;
}




Milhound -> RE: Personal Forum CSS - Looking for Tweaks! (3/11/2016 11:57:34)

For the current version of this forum tweak go to: https://gist.github.com/Milhound/1772ea3f4b25ac529067




Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition
0.09375