CSS Style Sheet For FUN Forums
CSS Style Sheet For FUN Forums
footer navigation (previous 20 entries) Problem solved Thanks to mordyn4
Calendar numbers missing font issue in the calendarProblem solved Thanks to mordyn4
MetaData (tutorial links given) Still trying to figure this out.
Black text appearing (advice given on word doc vs RTE issue)Still trying to figure this out.
Code to rotate multiple headers when reloading page
Changing links above header to include tags
Use layout's stylesheet(s) yes
Use layout's stylesheet(s) when including custom external stylesheet no
Custom external stylesheet URL blank
Custom stylesheet Code
/* PAGE */
body {
font-family: Times New Roman;
font-size: 14px;
margin: 0px;
background-color: #000080;
background-repeat: repeat-y;
color: #000080;
background-position:center;
background-image: url('http://i1122.photobucket.com/albums/l528/FUNlj/FUNLJbg3copy.gif');
}
a {
color: #ff4500;
}
a:visited {
color: #ff4500;
}
.pageblock{
width:800px;
margin: 0 auto;
}
.pagefooterblock {
border-top: 0px solid #000000;
background-color: #ff4500;
color: #ff4500;
padding: 4px 4px 4px 4px;
margin-top: 4px;
}
.pagefooterblock a, .pagefooterblock a:visited {
color: #000080
}
/* HEADER */
.pageheaderblock {
text-align: left;
background-image: url("http://i1122.photobucket.com/albums/l528/FUNlj/funban4.gif");
background-color: #000080;
background-repeat: no-repeat;
height: 270px;
width: 800px;
margin-left: auto;
margin-right: auto;
}
.header-title {
background-color: transparent;
font-family: "Times New Roman", sans-serif;
font-size: 28px;
color: #ff4500;
padding: 8px 20px 5px 20px;
}
.header-subtitle {
background-color: transparent;
color: #ffffff;
font-family: "Times New Roman", sans-serif;
font-size: 20px;
padding: 0px 24px 0px 24px;
}
.header-icon {
top: 0px;
right: 0px;
position: absolute;
z-index: 1;
border-left: 2px solid #ffffff;
border-bottom: 0px solid #ffffff;
}
.header-menu {
padding: 0px;
background-color: transparent;
border-top: 2px solid transparent;
padding-left: 20px;
font-family: "Times New Roman", sans-serif;
font-size: 14px;
line-height: 20px;
width: 50%;
}
.header-menu a, .header-menu a:visited {
white-space: nowrap;
text-align: center;
padding: 2px 6px 2px 6px;
color: #ffffff;
text-decoration: none;
}
.header-menu a:hover {
background-color: transparent;
color: #FF4500;
}
.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}
.header-menu li, #footer-menu li {
display: inline;
}
/* BODY */
.bodyblock {
padding: 4px 4px 4px 4x;
}
.bodyheaderblock {
border-top: 0px solid #ffffff;
background-color: #000080;
padding: 4px 0px 4px 0px;
}
.bodynavblock {
border-top: 2px solid #ffffff;
background-color: #ff4500;
color: #000080;
margin: 10px 0px 4px 0px;
padding: 8px;
}
.bodynavblock a, .bodynavblock a:visited {
color: #ff4500;
}
.body-title {
font-family: "Times New Roman", sans-serif;
font-size: 18px;
color: #ffffff;
text-align: left;
padding-left: 2px;
}
.body-midtitle {
font-family: "Times New Roman", sans-serif;
font-size: 18px;
color: #ffffff;
text-align: right;
padding-left: 8px;
}
/*ENTRIES*/
.entryHolder {
color: #ffffff;
background-color: #000080;
font-family: "Times New Romanl", sans-serif;
font-size: 14px;
border-top: 3px solid #ffffff;
border-left: 3px solid #ffffff;
border-right: 3px solid #ffffff;
border-bottom: 2px solid #ffffff;
}
.entryUserinfo {
text-align: center;
margin: 0px 8px 8px 0px;
background-color: #ffffff;
}
.entryUserinfo-usericon img {
border: 0;
}
.entryText {
padding: 4px 104px 4px 0px;
}
.entryHeader {
background-color: #ffffff;
color: #ff4500;
font-family: "Times New Roman", sans-serif;
font-size: 16px;
padding: 4px 0px 4px 8px;
}
.entryHeader a{
color: #000080;
}
.entryHeaderSubject {
font-weight: bold;
}
.entryHeaderDate a {
color : #000080;
text-decoration : none;
}
.entryHeaderDate a:hover {
color : #ff4500;
text-decoration : underline;
}
.entryMetadata {
padding-left: 2px;
text-align: top;
}
.entryMetadata ul {
margin: 0px;
padding: 0px;
}
.entryMetadata li {
list-style: none;
display: inline;
text-align: top;
padding-right: 10px;
}
.entryMetadata-label {
font-weight: bold;
padding-right: 4px;
}
.entryLinkbar {
font-family: "Times New Roman", sans-serif;
font-size: 14px;
background-color: #ffffff;
color: #000080;
text-align: right;
padding: 4px 0px 4px 0px;
}
.entryLinkbar ul {
margin: 0px;
padding: 0px;
}
.entryLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
.entrybox a.index font {
color: #000000;
}
/*FOOTER*/
#footer-menu {
font-size: 12px;
}
#footer-menu a, .footer-menu a:visited {
color: #000080;
white-space: nowrap;
padding: 6px;
text-align: left;
}
/*OTHER PAGES*/
/* COMMENT PAGE */
.commentHolder {
color: #000080;
background-color: #ffffff;
border-top: 2px solid #000080;
border-bottom: 4px solid #000080;
border-left: 4px solid #000080;
border-right: 4px solid #000080;
font-family: "Times New Roman", sans-serif;
font-size: 14px;
}
.commentUserinfo {
text-align: center;
background-color: #000080
}
.commentUserinfo-usericon img {
border: 1px;
border-right: 4px solid #000080;
background-color: #ff4500;
}
.commentText {
padding: 6px;
}
.commentHeader {
background-color: #000080;
color: #ffffff;
font-family: "Times New Roman", sans-serif;
font-size: 14px;
padding: 4px 1px 4px 8px;
}
.commentHeader a{
color: #000080;
}
.commentHeaderScreened {
font-family: "Times New Roman", sans-serif;
font-size: 18px;
background-color: #000080;
padding: 4px 1px 4px 8px;
}
.commentHeaderSubject {
font-weight: bold;
}
.commentLinkbar {
font-family: "Times New Roman", sans-serif;
font-size: 14px;
background-color: #000080;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
}
.commentLinkbar ul {
margin: 0px;
padding: 0px;
}
.commentLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
.replyform {
background-color: #000080;
color: #ffffff;
padding-left: 10px;
}
#commenttext{
background-color: #ffffff;
color: #000080;
width:100%;
}
/*ARCHIVE PAGE*/
.yearlinks{
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
width: 600px;
border: 1px solid #000000;
margin: 8px 8px 8px 40px;
}
.daysubjects {
color: #ffffff;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
border: 1px solid #bcddfd;
background: #FF4500;
color: #ededed;
}
.day-blank {
border: 1px solid #bcddfd;
}
.day {
border: 1px solid #bcddfd;
}
.day-date {
border-right: 1px solid #bcddfd;
border-bottom: 1px solid #bcddfd;
color: #ff5a2e;
width: 50%;
text-align: center;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 20px;
}
.day-count a {
text-decoration: none;
color: #1f2a71;
}
/*TAGS PAGE*/
.tagstable, .tagstable td {
border: 1px solid #ff4500;
}
.tagstable { width: 500px; }