The Joomla! Forum ™



Forum rules


Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.



Post new topic Reply to topic  [ 4 posts ] 
Author Message
 Post subject: Jevents css Color help
PostPosted: Wed Feb 07, 2007 6:27 am 
Joomla! Apprentice
Joomla! Apprentice

Joined: Fri Jul 28, 2006 12:20 am
Posts: 11
Hi All I tried to post this over at surgeforce but for some reason I can get registered so Ill try here.

Ok if you look at my calender located at http://www.theremixes.com.au/index.php? ... &Itemid=26 you will see the calender, and if you look at the 15th you will see I have an entry there but its in white and cant be read I need to know how to change the color of the text, and also the color of the whole background.

Second is the tool tip when you hover over the tool tip the balloon pops up but it also appears that the text is in yellow also and cant be read I would like to know how to change this. Ive included below the css file if someone could point out how to change these I would appreciate it.

Cheers V.
Code:
/*********************
* Calendar style
**********************/
.cal_table {
   border: 1px solid #000000;
}
.cal_td_daysnames {
    border-bottom: 1px solid #000000;
    height:25px ! important;
    line-height:25px;
    background-image: url("images/evback.jpg");
      background-repeat: repeat-x;
      background-position: top left;
      color:black;
    background-color:#000000;
    font-weight:bold;
    text-align:center !important;
}
.cal_td_daysnames .sunday{
   color:red;
}
.cal_td_daysnames .saturday{
}
.cal_daysnames {
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}
.cal_td_daysoutofmonth {
    background-color: #B0C4DE;
}
.cal_daysoutofmonth {
    font-family:  Arial;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}
.cal_td_today {
    background-color:#FFFFFF;
    padding:0px !important;
}
.cal_td_daysnoevents {
    background-color: #FFDEAD;
    padding:0px !important;
}
a.cal_daylink:link {
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}
a.cal_daylink:visited{
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}
a.cal_daylink:hover{
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: Red;
    text-decoration: none;
}
a.cal_titlelink:link, a.cal_titlelink:visited, a.cal_titlelink:hover {
    font-size:10px;
    font-weight: bold;
    font-family: Verdana;
    text-decoration: none;
    color:inherit!important;
    display:block;
    margin-bottom:1px;
}

/***************************
* List style
**************************/
ul.ev_ul {
   list-style:none;
   padding:0px;
   margin:5px;
}
ul.ev_ul li.ev_td_li {
   border-style:solid;
   border-width:0 0 0 5px;
   margin-bottom:1px;
   padding-left:2px;
   background-image:none
}
a.ev_link_cat:link {
    font-size:12px;
    font-family: Verdana;
    color: Gray;
    text-decoration:none;
}
a.ev_link_cat:visited  {
    font-size:12px;
    font-family: Verdana;
    color: Gray;
    text-decoration:none;
}
a.ev_link_cat:hover  {
    font-size:12px;
    font-family: Verdana;
    color: Black;
}
a.ev_link_row:link {
    font-size:12px;
    font-family: Verdana;
    color: Gray;
    text-decoration:none;
}
a.ev_link_row:visited  {
    font-size:12px;
    font-family: Verdana;
    color: Gray;
    text-decoration:none;
}
a.ev_link_row:hover  {
    font-size:12px;
    font-family: Verdana;
    color: Black;
}
a.ev_link_unpublished {
    color:red;
    text-decoration:none;
}
a.ev_link_weekday:link {
    font-size:12px;
    font-family: Verdana;
    color: Gray;
    text-decoration:none;
}
a.ev_link_weekday:visited  {
    font-size:12px;
    font-family: Verdana;
    color: Gray;
    text-decoration:none;
}
a.ev_link_weekday:hover  {
    font-size:12px;
    font-family: Verdana;
    color: Black;
}
.ev_fieldset {
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    /* color: black; */
}
.ev_table {
    border-right: 1px solid black;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
}
.ev_table td {
    padding:5px;
}
.ev_td_right {
   width:100%;
    /*background-color: #FFDEAD;*/
    border-top: 1px solid #000000;
}
.ev_td_left {
    background-color: #c5d5e5;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: black;
    text-align : left;
    vertical-align: top;
}
.ev_td_today {
    background-color: #E9B4A1;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: black;
}

/**********************
* Form style
**********************/
 /* Styles for dhtml tabbed-pages */
.ontab {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: ThreedShadow;
    border-left: outset 1px #ff9900;
    border-right: outset 1px #808080;
    border-top: outset 1px #ff9900;
    border-bottom: solid 1px #d5d5d5;
    text-align: center;
    cursor: hand;
    font-weight: bold;
    /* color: #FFFFFF; */
}
.offtab {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   background-color: #EEEEEE;
   border-left: outset 1px #E0E0E0;
   border-right: outset 1px #E0E0E0;
   border-top: outset 1px #E0E0E0;
   border-bottom: solid 1px #d5d5d5;
   text-align: center;
   cursor: hand;
   font-weight: normal;
}
.tabpadding {
   border-bottom: solid 0px #777777;
}
.tabheading {
   background-color: #ffae00;
   border-left: solid 1px #777777;
   border-right: solid 1px #777777;
   /* color: #FFFFFF; */
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   text-align: left;
}
.tabcontent {
    /* background-color: ThreedFace; */
    border-top: solid 1px #777777;
    border-left: solid 1px #777777;
    border-right: solid 1px #777777;
    border-bottom: solid 1px #777777;
    /* color: #FFFFFF; */
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size: 16pt;
    text-align: left;
}
.pagetext {
   visibility: hidden;
   display: none;
   position: relative;
   top: 0;
}
.frm_td_bydays {
    background-color: #FFF8DC;
    font-size: 12px;
    color: black;
}
.frm_td_byweeks {
    background-color: #FFF0F5;
    font-size: 12px;
    color: black;
}
.frm_td_bymonth {
    background-color: #FDF5E6;
    font-size: 12px;
    color: black;
}
.frm_td_byyear {
    background-color: #F0F8FF;
    font-size: 12px;
    color: black;
}
/* Calendar navigaton area */
div.ev_navigation {
}
/* Calendar admin panel */
div.ev_adminpanel {
}
/**********************
* Nav bar style
**********************/
a.nav_bar_link:link {
    font-size: 10px;
    font-family: Verdana;
    color: Green;
}
a.nav_bar_link:visited  {
    font-size:10px;
    font-family: Verdana;
    color: Teal;
}
a.nav_bar_link:hover  {
    font-size:10px;
    font-family: Verdana;
    color: Lime;
}
.nav_bar_cell  {
    background-color: #ECECEC;
}

/****************************
* Iconic calendar navigation
****************************/

td.iconic_td {
   width:60px!important;
   margin:0px;
   padding:0px;
}
div.nav_bar_cal{
   margin:0px;
   padding:0px;
   width:50px;
}
div.nav_bar_cal img, div.nav_bar_cal a{
   height:31px;
   width:50px;
   border:0;
}
tr.icon_labels{
 font-size:70%;
 margin:0px;
 padding:0px;
}
div#ev_icon_yearly {
     background-image: url("images/cal5x.jpg");
     background-repeat: no-repeat;
}
div#ev_icon_monthly {
     background-image: url("images/cal1x.jpg");
     background-repeat: no-repeat;
}
div#ev_icon_weekly{
     background-image: url("images/cal2x.jpg");
     background-repeat: no-repeat;
}
div#ev_icon_daily{
     background-image: url("images/cal3x.jpg");
     background-repeat: no-repeat;
}
div#ev_icon_search{
     background-image: url("images/cal8x.jpg");
     background-repeat: no-repeat;
}
div#ev_icon_jumpto{
     background-image: url("images/cal9x.jpg");
     background-repeat: no-repeat;
}

/* Event Legend Module Styling */
div.event_legend_container {
   border:solid black 1px;
   background-color: #FFDEAD;
   color:black;
   padding:3px;
   font-size:0.9em;
}
ul.event_legend_list{
   list-style:none !important;
   padding:0px;
   margin:5px;
}
ul.event_legend_list li {
   list-style:none !important;
   border:solid black 1px;
   background-image:none !important;
   padding-left:0px;
}
div.event_legend_name {
   padding:3px;
   font-weight:bold;
}
div.event_legend_name a{
   display:block;
   text-decoration:none;
      background-color:inherit;
      color:black;
}
   
div.event_legend_desc {
   background-color:white;
   color:black;
   padding:3px 3px 3px 20px;
   
}


/* Print version */
@media print {
   table.contentpaneopen {
         background-image:none!important;
       background-color:white!important;
   }
   div.ev_navigation {
      display:none;
   }
   div.ev_adminpanel {
      display:none;
   }
}


Top
 Profile  
 
PostPosted: Wed Feb 07, 2007 8:04 am 
User avatar
Joomla! Master
Joomla! Master

Joined: Fri Aug 12, 2005 3:47 pm
Posts: 17265
Location: **Translation Matters**
general background is set here

.cal_td_daysnoevents {
    background-color: #FFDEAD;
    padding:0px !important;
}


event Title is set here
a.cal_titlelink:link, a.cal_titlelink:visited, a.cal_titlelink:hover {
    font-size:10px;
    font-weight: bold;
    font-family: Verdana;
    text-decoration: none;
    color:inherit!important;
    display:block;
    margin-bottom:1px;
}

I think the overlib text color is taken from your main template
td,tr,p,div {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFCC;
}

There should be a way to change that last one by editing the specific overlib code in one of the component files (i have not got it installed) by giving an id to the container table.

Here is the code produced:

Quote:

<[color=blue]table border="0" height="100%">
Thursday, February 15 2007
8:00pm - 12:00pm
Single event
Click to open event
[/color]', CAPTION, 'Rooty Hill RSL', ABOVE, FGCOLOR, '#FFFFE2', BGCOLOR, '', CAPCOLOR, '#000000', SHADOW, SHADOWCOLOR, '#999999', AUTOSTATUSCAP);" onmouseout="return nd();"> Rooty Hill RSL


_________________
Jean-Marie Simonet / infograf · http://www.info-graf.fr
Multilanguage in 2.5: http://help.joomla.org/files/EN-GB_multilang_tutorial.pdf
---------------------------------
Joomla Translation Coordination Team • Joomla! Production Working Group


Top
 Profile  
 
PostPosted: Wed Feb 07, 2007 8:58 am 
Joomla! Apprentice
Joomla! Apprentice

Joined: Fri Jul 28, 2006 12:20 am
Posts: 11
Thankyou the first two worked great im just a little confused about the last one. Im still learning this so bear with me here. :-[

Ok by changing

Quote:
I think the overlib text color is taken from your main template
td,tr,p,div {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFCC;


That fixes the issue of the text in the tool tip but it also alters all the other text in the site.

Do you see a way I can just mabe change the color of the tool tip back ground ?

Sorry if you explained that in your last section but I dont really understand what you posted there.

Regards V.


Top
 Profile  
 
PostPosted: Thu Apr 26, 2007 9:38 am 
Joomla! Apprentice
Joomla! Apprentice

Joined: Fri Sep 15, 2006 6:46 pm
Posts: 34
Maybe this can be of help: http://forum.joomla.org/index.php/topic,140407.msg787499.html#msg787499

Cheers


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 4 posts ] 



Who is online

Users browsing this forum: No registered users and 6 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group