Original Code Just for REFERENCE
for the involved blocks
Original code for the Avlack Theme; the code works for the Month and Year view.
/* Original code */
/* first background for the whole table; */
/* it gives only the borders if the other backgrounds not are removed */
.caldiv1 {
background-color:#CCCCCC;
}
/* table's header */
.caldiv1 th {
background-color:#CCCCCC;
color:#000000;
font-size:10px;
font-weight:normal;
text-align:center;
}
/* table's body - big blocks in day view*/
.caldiv1 td.calday {
background-color:#EEEEEE;
}
.caldiv1 td {
font-size:10px;
}
/*when mouse is over the block*/
.caldiv1 td:hover {
background-color:#FFFFFF;
}
/*little blocks top right ov any block in day view*/
.cald {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
float:right;
margin:-3px -3px 3px 3px;
padding:0px 4px;
text-align:center;
width:20px;
}
/*general link */
a, a:visited, a:link {
color:#859515;
text-decoration:none;
}
.caldate {
font-size:13px;
font-weight:bold;
}
/* Other */
/*navigation - the month*/
.itemboxsub td {
padding:3px;
}
.itemboxsub {
color:#666666;
font-family:serif;
font-size:24px;
font-weight:normal;
}
/* Links for previous and next Month */
a.go, a.go:visited a.go:link, .go {
background:transparent none repeat scroll 0%;
border:medium none;
color:#009900;
font-size:12px;
margin:2px 2px 0pt;
padding:1px 3px;
}
/* links bar for choosing the view - all view */
a.vopt, a.vopt:link, a.vopt:visited {
padding:0pt 5px;
}
a, a:visited, a:link {
color:white;
}
table {
font-size:12px;
}
/* links bar for choosing the view - selected view */
a.voptsel, a.voptsel:link, a.voptsel:visited {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background-color:#EEEEEE;
border:1px solid #D7D9DD;
color:black;
display:inline;
margin:0pt 5px;
padding:0pt 5px;
}
TRANSPARENT CALENDAR - ALL THEMES
all background and borders are transparent; all text and link colored; the code works for the Month and Year view.
I think it works in all the themes but I haven't tested it in every theme; let me know if it doesn't work for some theme.
Probably the section /*other*/ will be a little different dependig by the useed theme. This /*other*/ part is referred to Avlack Theme
/* TRANSPARENT CALENDAR */
/* first background for the whole table */
.caldiv1 {
background-color:transparent;
}
/* table's header */
.caldiv1 th {
background-color:transparent;
color:#000000;
font-size:10px;
font-weight:normal;
text-align:center;
}
/* table's body - big blocks in day view*/
.caldiv1 td.calday {
background-color:transparent;
}
.caldiv1 td {
font-size:10px;
}
/* links in the boxes */
.calday a, .calday a:visited, .calday a:link {
color:green;
}
.calday a:hover {
color:#ff0000;
text-decoration:none;
}
/*when mouse is over the block*/
.caldiv1 td:hover {
background-color:pink;
}
/*little blocks top right ov any block in day view*/
.cald {
background-color:transparent;
border:1px solid red;
text-align:center;
}
/* mouse over the little boxes top right */
.cald:hover {
background-color:yellow;
}
/* Links in little boxes top right */
.cald a, .cald a:link, .cald a:visited {
color:blue;
}
.cald a:hover {
color:#ff0000;
background-color:black;
}
.caldate {
font-size:13px;
font-weight:bold;
}
/* year view - month links */
.caltitle a, .caltitle a:link, .caltitle a:visited {
color: black;
}
/* Other */
/* navigation - the month* /
.itemboxsub {
color:black;
font-family:serif;
font-size:24px;
font-weight:normal;
}
/* Links for previous and next Month */
a.go, a.go:visited a.go:link, .go {
background:transparent none repeat scroll 0%;
border:none;
color:black;
font-size:12px;
}
/* links bar for choosing the view - all view */
a.vopt, a.vopt:link, a.vopt:visited {
color:black;
font-size:12px;
}
/* links bar for choosing the view - selected view */
a.voptsel, a.voptsel:link, a.voptsel:visited {
background-color:transparent;
border:1px none #D7D9DD;
color:black;
}
I tried this code and the calander did not become transparent? and the text in it is so small i cannot read it can you help me please? another thing i have a problem with the text under the blogs where comments are to be left, the text to click to add comments example=edit/delete and on the right share/reply the text is so small people say they cannot read it where do i change the size? thanks maria you are such a doll Carolyn
Where in my Skyline CSS would I add this code to?? At the bottom of the CSS?? I would like a calendar, but just don't know where to put it in the CSS window. Thank You Much!! Cat
