Hallo,
ich hab auf http://www.stjohannes-ritterhude.de das Plugin AMR Ical installiert. Der Abruf der Daten klappt auch einwandfrei und ich konnte auch schon einige CSS-Einstellungen ändern. Nur in der Veranstaltungsliste kann ich das Datum nicht optisch gut aussehend hinein bekommen.
Hier mein CSS:
/* 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; }
Alles anzeigen
Hat hier jemand eine Idee wie ich in der oberen Reihe das Datum tt.mm.jjjj und in der Unteren ab mm:hh Uhr hinein bekomme?
Stefan