AMR Ical

/* AmRiCal Default Style for first calendar on page - version 2.5.11


DO NOT EDIT THIS FILE - It may be overwritten by an upgrade.  Rather copy over to your file,.
In the configuration, you can specify your own css file for the plugin to use (A copy may already have been created for you)
 
If you have multiple icals on a page (ie not multiple urls in a shortcode, but multiple instances of the shortcode,
then you will need to add css for any further calendars - simply copy the compprop0 to compprop1 */


.wical .alt,
.ical .alt { /* make  and alt look different. if your theme has an "alt" styling, then remove this for consistency with your theme's styling. */
     background-color: #F7F7F7;; 
    } 
.history
{ /* make  and alt look different. if your theme has an "alt" styling, then remove this for consistency with your theme's styling. */
    opacity: .7; /*  for all other browsers*/
    filter: alpha(opacity=70); /* for IE 5 to 7 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* for IE8 */
    zoom:1 /* so the element "hasLayout"
    /* or, to trigger "hasLayout" set a width or height */
}
    } 
    
.wical,
.ical  {  
    border-collapse:collapse;  /* required to get the today rown border styling loooking good  */
    border: none;
}


.ical tr.today td {  /* style today's events differently perhaps? */
    border-top: 1px solid !important;
    border-bottom: 1px solid !important;
    border-left: 0px;
    border-right: 0px;
        color: #336699;
}


.ical tr.today td.amrcol1 {  /* style today's events differently perhaps? */
    border-left: 1px solid !important;
    border-right: 0px !important;
        color: #336699;
}
.ical tr.today td.lastcol {  /* style today's events differently perhaps? */
    border-right: 1px solid !important;
    border-left: 0px !important;
        color: #336699;
}
.ical tr.history td.amrcol1 ,
.ical tr.history td.lastcol,
.ical tr.history td {  /* un style today's historical  */
    border: 0 !important;
}
.wical  {  /* style recurring events differently perhaps? */
    border: 0;
}


.wical td.today {  /* style recurring events differently perhaps? */
    font-weight: bolder !important;
}    


.ical .group  {/* make groupings look different maybe */


    }
/* -------------------------------------------------------------------------------------*/
/* Table related definitions - delete these if your theme does tables nicely already  */
    .ical thead tr { /* Make the table heading row a bit bigger */
        font-size: larger;
        }


    .ical tfoot a,   /* make footer look subtle */
    .wical tfoot a {
        color: #777;
        }


    .icalprop th,
    .icalprop td,
    .ical th,
    .ical td { /* space the table elements out a bit */
        padding: 0.2em;
        text-align: left;
        }    


/*    td.amrcol1 {
/*        width: 2%; /* we want the first column to stay a certain width  for better presentation  */
/*        }    
/* end of table */    
/* -------------------------------------------------------------------------------------*/    


    
.ical li.summary h3{ /* make the summaries take on whatever the theme's h3 is, but not extra space above */
    padding-top: 0;
    margin-top: 0;
}


.ical,
.icalprop {    
    width: 100%;   /* force the calendar  to take as much space as it can so floated items don't force a wrap */
    margin: auto;
    /* table-layout:fixed; /* prevent the tabel from being too big */
    word-wrap:break-word; /* to make content wrap rather than overflowing */
    overflow:hidden; /* some browser don't support word -wrap */


    }
    
.icalprop li,
.ical li,    
.icalprop ul,
.ical ul {
    padding: 0; margin: 0;
}    


/* ---------------------------------------------------------------------------------*/
/* Do our very best to re move the list bullets where we do not want them.
   Themes  specify list bullet styling in many (okay maybe only 3 ) different ways and it is hard to force precdence sometimes! */
.wical ul li,
.wicalprop ul  li,
.icalprop ul  li,
.ical ul li {  /* remove list bullets */    
    list-style: none !important;
    text-indent: 0;
    padding: 0;
    margin: 0;
    background: none !important;
    }


.ical ul.amrcol  li:before,
.wcalprop ul.amrcol  li:before ,
.icalprop ul.amrcol  li:before  {  /* remove list bullets in the default theme and similar themes */
        content:"" !important; /* none should work, but chrome seems to ignore it */
}
#sidebar #wccalprop0  li:before,
#sidebar .wical  li:before {  /* remove list bullets in the default theme and similar themes , for all fields*/
        content:"" !important; 
}
/* Default Theme and similar only ---------------------------------------------------------------*/
/* add back list bullets for a field only  - see what your theme is using and put it in here */
#sidebar .wical  li {  


}


#sidebar .wical  li.eventdate:before {
/*      content: "\00BB \0020" !important;  */


}


/* End list bullets---------------------------------------------------------------*/


#menu .wical  ul { /* to override classic theme where all appears greyed out */
    color: #000;
}


.ical img ,
.icalprop img {
    border: none;
    vertical-align: text-bottom;
    }




.icalprop ul li {  /* float calendar information onto one line */
    float: left;
    padding: 0 0.2em 0 0; 
}


.wcalprop , /* if someone wants the calendar level on the widget, then float them to the left */
.ical li.addevent,
.ical li.icsurl ,
.ical li.map,
.icalprop li.addtogoogle,
.icalprop li.icsurl ,
.icalprop li.icalrefresh ,
.icalprop li.x-wr-timezone { /* float our little icons to the right */
    float: left;
    padding: 0;
    margin-bottom: 0;   /* required where sometimes they don't line up nicely if limited text */
}




.ical li.icalnav,
.ical ul li.starttime,
.ical ul li.endtime,
.wical th,  /* for the widget only, float the headings to the left, especially for the groupings  */ 
.wical ul li.eventdate,
.wical ul li.starttime,
.wical ul li.enddate,
.wical ul li.endtime { /* Optional float these items up next to each other  - depends on type of data and space */
    float: left; 
    padding: 0 0.2em 0 0; 
    }


.wical li.summary { /* to get the summary on a new line after the floated times */
    clear: left;
}


.icalprop li,
.ical li    {
    padding: 0 0.2em 0 0 ;
    }


.wical td { /* for the widget only remove any additional table spacing, so that we are left with li spacing for consistency with other widgets */
    margin: 0;
    padding: 0;
}


/* css based description hide/display */


.wical tr .description  {display:none; z-index:-1;} 


.wical tr   { position:relative;}




.wical tr:hover .description
{    
    background:#fff; 
    color: #000000;
    opacity: 0.2;
    display:block; width: 100%;
    position:relative; 
    right:1px; top:5px;  
    z-index:100;
    margin:0 0 0.2px 0;  
    padding:1%; 
    overflow: none;
}
    


.ical tbody,
.wical tbody   { border:none;}


/* for semi paginate when it goes live ------------------------------------------------------- */    


.icalnav {vertical-align:top;}
.icalnav a { text-decoration: none; padding-left: 0.2em; padding-right: 0.2em;}
.icalnav a span {font-size: 2em;}
.icalnav a:hover{ font-weight: bold; }