-
-
Save zwoemti/6282ef24c57ce743212dd3fceea1777a to your computer and use it in GitHub Desktop.
PHP-Lösung zum Hinzufügen eines Google-Kalenders, zum Einfügen von Stilen und zum dynamischen Ändern von Optionen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Angepasst! */ | |
@font-face { font-family:'Muli'; src:url('../style/fonts/MuliRegular.eot'); src:local('☺'), url('../style/fonts/MuliRegular.woff') format('woff'), url('../style/fonts/MuliRegular.ttf') format('truetype'), url('../style/fonts/MuliRegular.svg') format('svg'); } | |
/* @import url("//fonts.googleapis.com/css?family=Product+Sans");*/ | |
/* my---Copyright 2015 Google Inc. All Rights Reserved. */ | |
/* Angepasst! */ | |
.calendar-container { | |
margin:0; | |
padding:0; | |
font-size-adjust:none; | |
position:relative; | |
font:11pt Muli !important; | |
text-align:left !important; | |
font-size:11pt !important | |
} | |
.rm-remove { | |
background:url(../images/google_calendar/combined_v22.png) -199px -52px; | |
cursor:pointer; | |
height:10px; | |
width:10px; | |
line-height:10px | |
} | |
.dp-popup { | |
position:absolute; | |
border:1px solid #444; | |
background:#e0e0e0; | |
font-size:9pt; | |
line-height:1em; | |
width:170px; | |
z-index:25000003 | |
} | |
.dp-dayh { | |
font-size:78% | |
} | |
.dp-monthtable { | |
width:100%; | |
padding:0; | |
-webkit-user-select:none | |
} | |
.dp-cell { | |
text-align:center; | |
padding:3px 2px; | |
font:normal normal normal 10pt Muli !important; | |
font-size:10pt; | |
color:#222; | |
font-weight:normal | |
} | |
.dp-heading { | |
cursor:pointer; | |
font-weight:bold; | |
vertical-align:middle | |
} | |
.dp-cur { | |
font-weight:bold; | |
padding-bottom:4px; | |
text-align:center; | |
white-space:nowrap; | |
font-size:100%; | |
color:#727272 | |
} | |
.dp-prev,.dp-next { | |
font-size:100%; | |
padding-bottom:6px; | |
cursor:pointer; | |
color:#727272 | |
} | |
.dp-prev { | |
text-align:right | |
} | |
.dp-next { | |
text-align:left | |
} | |
.dp-sb-cur { | |
color:#20c; | |
cursor:pointer; | |
font-size:13px; | |
font-weight:bold; | |
padding:7px 0; | |
text-align:left; | |
text-decoration:underline; | |
-moz-user-select:none; | |
-webkit-user-select:none | |
} | |
.dp-sb-nav { | |
padding:7px 0; | |
text-align:right; | |
white-space:nowrap | |
} | |
.dp-sb-prev,.dp-sb-next { | |
background:url(../images/google_calendar/combined_v22.png) -243px -35px no-repeat; | |
cursor:pointer; | |
height:12px; | |
padding:0; | |
width:15px | |
} | |
.dp-sb-next,.rtl .dp-sb-prev { | |
background-position:-258px -35px; | |
margin-left:3px | |
} | |
.rtl .dp-sb-next { | |
background-position:-243px -35px | |
} | |
.dp-weekday { | |
background:#fff | |
} | |
.dp-weekday-selected { | |
color:#222; | |
background:#e0e0e0 | |
} | |
.dp-weekend,.dp-weekendh { | |
background:#fff | |
} | |
.dp-weekend-selected { | |
color:#222; | |
background:#e0e0e0 | |
} | |
.dp-with-events { | |
font-weight:bold !important | |
} | |
.dp-offmonth { | |
color:#999 | |
} | |
.dp-offmonth-selected { | |
color:#999 | |
} | |
.dp-monthtablediv { | |
border:1px solid #999 | |
} | |
#nav .dp-monthtablediv { | |
border:none | |
} | |
.dp-today,.dp-today-selected { | |
padding:1px; | |
color:#000; | |
border:1px solid | |
} | |
.dp-today { | |
background:#fff7d7; | |
border-color:#fff7d7 | |
} | |
.dp-today-selected { | |
background:#fff7d7; | |
border-color:#fad163 | |
} | |
.dp-onhover { | |
background-color:#e0e0e0; | |
border-color:#e0e0e0; | |
color:#222 | |
} | |
.dp-today.dp-onhover,.dp-today-selected.dp-onhover { | |
border-color:#fad163 | |
} | |
.logo-plus-button { | |
height:18px; | |
background-color:#fff; | |
padding-right:2px | |
} | |
.logo-plus-button,.logo-plus-button>div { | |
display:inline-block | |
} | |
.logo-plus-button-plus-icon { | |
font-family:Arial; | |
background-color:#4285f4; | |
background-image:url("../images/google_calendar/logo-plus.png"); | |
background-position:center center; | |
width:18px; | |
height:18px | |
} | |
.logo-plus-button-lockup { | |
padding-left:46px; | |
background-image:url("../images/google_calendar/googlelogo_color_46x16dp.png"); | |
background-size:46px 16px; | |
background-repeat:no-repeat; | |
background-position-y:1px; | |
position:relative; | |
top:-4px; | |
margin-left:2px; | |
margin-right:1px | |
} | |
.logo-plus-button-lockup-text { | |
font-family:'Product Sans',Arial,Helvetica,sans-serif; | |
font-size:13px; | |
opacity:.54 | |
} | |
.t1-embed,.t2-embed { | |
font-size:1px; | |
height:1px; | |
line-height:1px; | |
overflow:hidden | |
} | |
.t1-embed { | |
margin:0 2px | |
} | |
.t2-embed { | |
margin:0 1px | |
} | |
.bl-embed { | |
background:white; | |
color:#444; | |
font-size:60%; | |
opacity:.3; | |
padding-right:6px; | |
position:fixed; | |
right:0; | |
top:0 | |
} | |
.bl-embed:hover { | |
opacity:1 | |
} | |
#calendarTitle { | |
font:normal normal normal 11pt Muli !important; | |
font-weight:bold; | |
padding-left:2px; | |
display:none | |
} | |
.calendar-list input { | |
display:inline; | |
padding:0; | |
margin-bottom:1px | |
} | |
.calendar-list span { | |
color:#0f0; | |
font-weight:bold | |
} | |
.calendar-list label { | |
cursor:pointer | |
} | |
.calendar-row { | |
overflow:hidden; | |
text-overflow:ellipsis | |
} | |
.chip { | |
position:absolute; | |
cursor:default; | |
color:#fff; | |
font-size: 11pt; /* <<<< */ | |
-moz-user-select:none | |
} | |
.chip dt { | |
margin-top:-1px; | |
/* font:bold 80%/normal Muli; */ | |
font-size: 10pt; /* <<<< */ | |
white-space:nowrap; | |
overflow:hidden; | |
padding:0 0 1px; | |
text-align:left | |
} | |
.chip dl { | |
margin:0; | |
padding:0 0 1px; | |
border-left:1px solid; | |
border-right:1px solid; | |
overflow:hidden | |
} | |
.chip dd { | |
margin:0; | |
overflow:hidden; | |
padding:0 1px; | |
font:100%/1.3em Muli !important; | |
text-align:left; | |
font-size: 10pt; /* <<<< */ | |
/* word-wrap:break-word */ | |
} | |
.corg dd,.corg dt { | |
margin-right:24px | |
} | |
.cpic { | |
position:absolute; | |
width:24px; | |
height:24px; | |
top:-5px; | |
right:-5px; | |
border-width:1px; | |
border-style:solid; | |
z-index:1 | |
} | |
.cpic-rot-left { | |
-moz-transform:rotate(-7deg); | |
-ms-transform:rotate(-7deg); | |
-o-transform:rotate(-7deg); | |
-webkit-transform:rotate(-7deg); | |
transform:rotate(-7deg) | |
} | |
.cpic-rot-right { | |
-moz-transform:rotate(7deg); | |
-ms-transform:rotate(7deg); | |
-o-transform:rotate(7deg); | |
-webkit-transform:rotate(7deg); | |
transform:rotate(7deg) | |
} | |
.cpic-fade { | |
background-color:white | |
} | |
.cpic-fade img { | |
opacity:.4; | |
filter:alpha(opacity=40) | |
} | |
.cbrd { | |
border:1px solid; | |
height: 100px !important; /* Angepasst! */ | |
-moz-border-radius:3px; | |
-webkit-border-radius:3px | |
} | |
.cbrd dt { | |
margin-top:0 | |
} | |
.ct { | |
height:0; | |
overflow:hidden; | |
border-style:solid dotted; | |
border-width:0 2px 2px; | |
border-color:transparent | |
} | |
.cb1,.cb2 { | |
border-style:solid; | |
overflow:hidden | |
} | |
.cb1 { | |
height:1px; | |
margin:0 1px; | |
border-width:0 1px | |
} | |
.cb2 { | |
height:0; | |
margin:0 2px; | |
border-width:0 0 1px | |
} | |
.chip a:link,.chip a:visited,.chip a:active { | |
text-decoration:none; | |
color:#fff | |
} | |
.cic { | |
background-repeat:no-repeat; | |
display:inline-block; | |
margin-left:2px; | |
width:9px; | |
height:7px; | |
line-height:7px; | |
background-image:url(../images/google_calendar/combined_v22.png) | |
} | |
.cic-ques { | |
background:url(../images/google_calendar/combined_v22.png) -56px -50px no-repeat; | |
height:9px; | |
line-height:9px; | |
margin-right:4px; | |
width:9px | |
} | |
.cic-ques-inv { | |
background:url(../images/google_calendar/combined_v22.png) 0 0 no-repeat; | |
height:14px; | |
line-height:14px; | |
width:14px | |
} | |
.cic-hin { | |
background:url(../images/google_calendar/ic_habit_24px.png) no-repeat; | |
background-position:1px; | |
background-size:12px; | |
height:15px; | |
width:15px; | |
margin:-1px 1px -1px -2px; | |
opacity:.74; | |
vertical-align:top; | |
display:inline-block | |
} | |
.cic-dm.cic-hin,.cic-dm.cic-flx,.cic-dm.cic-ooo { | |
opacity:.5 | |
} | |
.cic-prsn { | |
background-position:-28px -50px | |
} | |
.cic-noprs { | |
background-position:-46px -50px | |
} | |
.cic-tmr { | |
background-position:-28px -57px | |
} | |
.cic-rcr { | |
background-position:-37px -50px | |
} | |
.cic-spcl { | |
background-position:-37px -57px | |
} | |
.cic-priv { | |
background-position:-11px -64px | |
} | |
.cic-prsn-inv { | |
background-position:-19px -64px | |
} | |
.cic-noprs-inv { | |
background-position:-45px -57px | |
} | |
.cic-tmr-inv { | |
background-position:-19px -71px | |
} | |
.cic-rcr-inv { | |
background-position:-28px -64px | |
} | |
.cic-spcl-inv { | |
background-position:-28px -71px | |
} | |
.cic-priv-inv { | |
background-position:-36px -75px | |
} | |
.cic-flx,.cic-ooo { | |
margin-left:0; | |
margin-right:4px; | |
background:none | |
} | |
.chip .location { | |
display:block; | |
font-style:normal | |
} | |
.resizer { | |
position:absolute; | |
height:7px; | |
width:100%; | |
bottom:0; | |
cursor:ns-resize | |
} | |
.rszr-icon,.rszr-icon-hover { | |
font-size:0; | |
line-height:0; | |
height:0; | |
width:10px; | |
margin-left:auto; | |
margin-right:auto; | |
border-top:3px double | |
} | |
.rszr-icon { | |
border-color:transparent | |
} | |
.rszr-icon-hover { | |
border-color:#fff | |
} | |
.cwci { | |
height:16px; | |
width:16px; | |
margin:-1px 1px -1px 0; | |
vertical-align:top | |
} | |
.av-chip dl { | |
background-image:url(../images/google_calendar/appointment_block.png); | |
background-repeat:repeat | |
} | |
.rsvp-no,.hin-cmp { | |
text-decoration:line-through | |
} | |
.ctdiv { | |
display:inline-block; | |
margin-bottom:-2px; | |
overflow:hidden; | |
text-decoration:inherit; | |
text-overflow:ellipsis; | |
width:100% | |
} | |
.cloc { | |
font:80%/normal Verdana,sans-serif; | |
line-height:1 | |
} | |
.view-cap,.view-container-border { | |
background-color:#f5f5f5 | |
} | |
.view-container { | |
overflow:hidden; | |
position:relative | |
} | |
.view-container-border { | |
clear:right; | |
padding:0 8px; | |
position:relative; | |
zoom:1 | |
} | |
.loading { | |
background-color:#c44; | |
color:white; | |
padding:2px; | |
position:absolute; | |
top:0; | |
right:2px; | |
z-index:25000001; | |
display:none; | |
white-space:nowrap | |
} | |
.detail-item { | |
padding:0; | |
margin:0 | |
} | |
.event-details-label { | |
display:block; | |
clear:left; | |
float:left; | |
font-size:100%; | |
font-weight:bold; | |
padding:3px 0; | |
margin:0; | |
width:7em; | |
color:#4e4e4e | |
} | |
.event-when,.event-where,.event-description,.event-who,.event-going { | |
display:block; | |
margin-left:7em; | |
padding:3px 0 | |
} | |
.detail-content { | |
padding:1em 0 | |
} | |
.bubble .details .title { | |
font-weight:bold; | |
font-size:medium | |
} | |
.bubble .detail-content { | |
padding-bottom:0 | |
} | |
.bubble .separator { | |
height:1px; | |
line-height:0; | |
font-size:0; | |
width:100%; | |
margin-top:10px; | |
margin-bottom:5px | |
} | |
.bubble .event-where,.bubble .event-description { | |
max-height:190px; | |
overflow:auto; | |
overflow-x:hidden | |
} | |
* html .event-detail-item { | |
margin-right:-3px | |
} | |
* html .event-when, * html .event-where, * html .event-description, * html .event-who, * html .event-going { | |
height:1%; | |
margin:0 | |
} | |
.cc { | |
position:absolute; | |
font:11px/normal Muli !important; | |
border:1px solid gray; | |
background-color:white; | |
visibility:hidden | |
} | |
.cc-titlebar { | |
background-color:#e8eef7 | |
} | |
.cc-close { | |
margin:2px 2px 0 0; | |
position:absolute; | |
right:0; | |
cursor:pointer; | |
width:14px; | |
height:13px; | |
background:url(../images/google_calendar/combined_v22.png) 0 -50px | |
} | |
.cc-title { | |
padding:2px; | |
font-weight:bold | |
} | |
.wc-root { | |
border:0 none; | |
width:100%; | |
height:100% | |
} | |
.calendar-container { | |
font-family:Muli !important; | |
font-size:small | |
} | |
.footer { | |
padding:4px 0 2px; | |
font-size:85%; | |
text-decoration:none | |
} | |
.subscribe-image { | |
cursor:pointer | |
} | |
.menu-arrow { | |
vertical-align:bottom; | |
cursor:pointer | |
} | |
.header { | |
padding:0 2px | |
} | |
.header img { | |
border:0 none; | |
vertical-align:middle | |
} | |
.nav-table { | |
white-space:nowrap | |
} | |
.nav-table tr { | |
padding:0; | |
margin:0 | |
} | |
.nav-table td { | |
vertical-align:middle; | |
cursor:pointer | |
} | |
.navSpacer { | |
width:100%; | |
cursor:default | |
} | |
.legend-bullet { | |
margin:.2em; | |
border:.05em solid grey; | |
padding:0; | |
vertical-align:text-bottom; | |
width:.9em; | |
height:.9em; | |
overflow:hidden | |
} | |
.date-buttons img { | |
vertical-align:middle | |
} | |
.arrowImg { | |
margin-left:5px; | |
margin-right:5px | |
} | |
.date-picker-on { | |
border:1px solid #fff | |
} | |
.date-picker-off { | |
padding:1px | |
} | |
.date-picker-arrow-on { | |
background-color:#e7e7e7 | |
} | |
.date-top { | |
font-weight:normal; | |
padding-top:1px; | |
padding-left:.5em; | |
padding-right:.5em; | |
white-space:nowrap | |
} | |
.date-top:hover { | |
font-weight:bold; | |
padding-top:1px; | |
padding-left:.3em; | |
padding-right:.3em; | |
white-space:nowrap | |
} | |
.cal-menu { | |
position:absolute; | |
left:11px; | |
top:37px; | |
z-index:100001; | |
border:1px solid #808080 | |
} | |
.calendar-list { | |
font:normal normal normal 9pt Muli !important; | |
padding:2px; | |
font-size:9pt; | |
border:1px solid gray; | |
background-color:white; | |
width:14em | |
} | |
.calendar-nav img { | |
width:15px; | |
height:14px | |
} | |
.calendar-list .subscribeButton { | |
width:100%; | |
margin:2px 0 0 | |
} | |
.calendar-list img { | |
cursor:pointer; | |
margin-left:3px | |
} | |
.today-button { | |
font-size:85%; | |
padding:0 1px; | |
vertical-align:middle | |
} | |
.date-nav-today { | |
position:relative | |
} | |
.navbutton { | |
cursor:pointer; | |
border:0 none; | |
height:17px; | |
padding:0 2px; | |
width:28px; | |
-moz-user-select:none; | |
-webkit-user-select:none | |
} | |
.navbutton { | |
vertical-align:middle | |
} | |
.navBack { | |
margin-left:2px | |
} | |
.navBack { | |
background-position:-241px -17px; | |
background-image:url(../images/google_calendar/combined_v22.png) | |
} | |
.navForward { | |
background-position:-241px 0; | |
background-image:url(../images/google_calendar/combined_v22.png) | |
} | |
.rtl .navBack { | |
background-position:-241px 0 | |
} | |
.rtl .navForward { | |
background-position:-241px -17px | |
} | |
.ui-rtsr { | |
vertical-align:bottom; | |
padding-left:4px | |
} | |
.ui-rtsr-unselected { | |
background-color:#e0e0e0; | |
color:#20c; | |
cursor:pointer | |
} | |
.ui-rtsr-selected { | |
background-color:#7e7e7e; | |
color:#fff !important; | |
font-weight:normal | |
} | |
.ui-rtsr-name { | |
color:#000; | |
padding:4px 5px 3px; | |
white-space:nowrap | |
} | |
.ui-ltsr-selected,.ui-ltsr-unselected { | |
cursor:pointer; | |
padding:0 3px | |
} | |
.ui-ltsr-selected { | |
color:#000; | |
font-weight:bold | |
} | |
.ui-ltsr-unselected { | |
font-weight:normal; | |
color:#20c; | |
text-decoration:underline | |
} | |
.tab-spacer { | |
width:3px; | |
cursor:default | |
} | |
.ui-ltsr-unselected:hover { | |
color:#000 | |
} | |
.bubble { | |
position:absolute; | |
visibility:hidden; | |
left:0; | |
top:0; | |
font-size:9pt | |
} | |
.bubble-table { | |
table-layout:fixed; | |
width:100% | |
} | |
.bubble-cell-side { | |
width:25px | |
} | |
.bubble-cell-main { | |
background-color:#fff; | |
width:100% | |
} | |
.bubble-sprite { | |
width:148px; | |
height:96px; | |
position:absolute; | |
background-image:url(../images/google_calendar/bubble_combined_v2.png) | |
} | |
.ie6 .bubble-sprite { | |
background:transparent; | |
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="crop",src="../images/google_calendar/bubble_combined_v2.png") | |
} | |
.bubble-corner { | |
width:25px; | |
height:25px; | |
position:relative; | |
overflow:hidden | |
} | |
.bubble-tl { | |
left:0 | |
} | |
.bubble-tr { | |
left:-25px | |
} | |
.bubble-bl { | |
left:0; | |
top:-25px | |
} | |
.bubble-br { | |
left:-25px; | |
top:-25px | |
} | |
.bubble-closebutton { | |
right:10px; | |
top:10px; | |
width:14px; | |
height:13px; | |
cursor:pointer; | |
position:absolute; | |
background:url(../images/google_calendar/combined_v22.png) 0 -50px | |
} | |
.bubble-top,.bubble-bottom { | |
height:24px; | |
background:#fff | |
} | |
.bubble-top { | |
border-top:1px solid #ababab | |
} | |
.bubble-bottom { | |
border-bottom:1px solid #ababab | |
} | |
.bubble-mid { | |
background:#fff; | |
border-left:1px solid #ababab; | |
border-right:1px solid #ababab; | |
padding:0 20px | |
} | |
.prong { | |
width:98px; | |
height:72px; | |
margin-bottom:-72px; | |
position:relative; | |
top:-1px; | |
overflow:hidden | |
} | |
.prong .bubble-sprite { | |
left:-52px; | |
top:-24px | |
} | |
.bubble .event-description { | |
white-space:pre-wrap | |
} | |
.ie .bubble .event-description { | |
white-space:pre; | |
word-wrap:break-word | |
} | |
.bubble-lightbox { | |
background:#666; | |
position:fixed; | |
left:0; | |
top:0; | |
right:0; | |
bottom:0; | |
opacity:.5; | |
filter:alpha(opacity=50) | |
} | |
.te { | |
padding:1px; | |
overflow:hidden; | |
white-space:nowrap; | |
zoom:1 | |
} | |
.te-t { | |
font-size:91%; | |
font:9pt Muli !important; | |
font-weight:bold; | |
white-space:nowrap; | |
line-height:1.2 | |
} | |
td.te-t { | |
vertical-align:bottom | |
} | |
.te-rev { | |
width:100% | |
} | |
.te-rev-s { | |
width:100%; | |
white-space:nowrap; | |
vertical-align:bottom | |
} | |
.te-rev-spos { | |
position:relative; | |
zoom:1 | |
} | |
.te-rev-scont { | |
text-align:left; | |
position:absolute; | |
left:0; | |
width:100%; | |
top:0; | |
overflow:hidden | |
} | |
.te-c { | |
border-radius:1px; | |
height:8px; | |
margin-right:2px; | |
width:8px; | |
vertical-align:middle; | |
-moz-border-radius:1px; | |
-webkit-border-radius:1px | |
} | |
.rb-n { | |
padding:1px 1px 1px 3px; | |
white-space:nowrap; | |
-webkit-border-radius:3px; | |
-moz-border-radius:3px | |
} | |
.rb-n { | |
color:#fff; | |
overflow:hidden | |
} | |
.rb-o { | |
margin:0 1px; | |
border-width:1px 0; | |
border-style:solid | |
} | |
.rb-m { | |
padding-left:3px; | |
margin:0 -1px; | |
border-width:0 1px; | |
border-style:solid; | |
zoom:1 | |
} | |
.rb-i { | |
overflow:hidden; | |
white-space:nowrap; | |
color:white; | |
width:100% | |
} | |
.st-bg-table { | |
position:absolute; | |
top:0; | |
left:0; | |
height:100%; | |
width:100%; | |
table-layout:fixed | |
} | |
.st-bg { | |
border-left:1px solid #ddd | |
} | |
.st-bg-fc { | |
border-left:0 none | |
} | |
.st-bg-today,.st-bg-td-first { | |
background:#fff7d7; | |
border-left:1px solid #fad163; | |
border-right:1px solid #fad163 | |
} | |
.st-bg-td-last { | |
background:#fff7d7; | |
border-left:1px solid #fad163 | |
} | |
.bg-exists .st-bg-td-first,.bg-exists .st-bg-td-last { | |
background:#eee; | |
opacity:.8 | |
} | |
.st-bg-next { | |
border-left:none | |
} | |
.st-bg-all { | |
position:absolute; | |
left:0; | |
table-layout:fixed; | |
width:100% | |
} | |
body.ie9 .st-bg-all,body.ie9 .st-bg-table { | |
left:0 | |
} | |
.bg-exists .st-bg-today { | |
background-color:#eee; | |
opacity:.8 | |
} | |
.st-grid { | |
position:relative; | |
table-layout:fixed; | |
width:100% | |
} | |
.st-c { | |
vertical-align:top | |
} | |
.st-c-pos { | |
padding:1px 1px 0 2px; | |
font:9pt Muli !important; | |
cursor:pointer | |
} | |
.st-s { | |
padding-bottom:2px; | |
cursor:default | |
} | |
.st-dtitle { | |
border-left:1px solid #ddd; | |
border-top:1px solid #ddd; | |
background:#e0e0e0; | |
color:#666; | |
padding:0 2px 0 0; | |
text-align:right; | |
line-height:16px; | |
overflow:hidden | |
} | |
.st-dtitle-next { | |
border-left:none | |
} | |
.st-dtitle-down { | |
border-top:1px solid #fad163 | |
} | |
.st-dtitle-fr { | |
border-top:0 none | |
} | |
.st-dtitle-fc { | |
border-left:0 none | |
} | |
.bg-exists .st-dtitle { | |
opacity:.8; | |
filter:alpha(opacity=80) | |
} | |
.st-dtitle-nonmonth { | |
background:#fff; | |
color:#aaa | |
} | |
.st-dtitle-today { | |
background-color:#fad163; | |
border:1px solid #fad163 | |
} | |
.st-wc { | |
vertical-align:bottom; | |
float:left; | |
height:16px; | |
width:16px; | |
padding:0 | |
} | |
.st-wc-click { | |
cursor:pointer | |
} | |
.st-c .te { | |
cursor:pointer | |
} | |
.bg-exists .te { | |
background-color:white; | |
padding-left:2px; | |
-moz-border-radius:3px; | |
-webkit-border-radius:3px | |
} | |
.st-ad-ml,.st-ad-mr { | |
position:relative; | |
top:2px; | |
margin-bottom:-8px; | |
height:0; | |
width:0; | |
line-height:0; | |
font-size:0; | |
border-top:4px solid transparent; | |
border-bottom:4px solid transparent | |
} | |
.st-c .st-ad-mpad, #calcontent.eui-s .st-c .rb-n.st-ad-mpad, #calcontent.eui-t .st-c .rb-n.st-ad-mpad { | |
padding-left:10px | |
} | |
.st-ad-ml { | |
border-right:4px solid white; | |
margin-right:auto | |
} | |
.st-c .st-ad-ml { | |
margin-left:-7px | |
} | |
.st-ad-mr { | |
border-left:4px solid white; | |
margin-left:auto; | |
margin-right:3px | |
} | |
.st-more-c { | |
text-align:center | |
} | |
.st-more { | |
color:#20c; | |
text-align:center; | |
cursor:pointer; | |
font:normal normal normal 11pt Muli !important; | |
} | |
.st-moreul { | |
text-decoration:underline | |
} | |
.st-moreicon { | |
background-color:#d0d6de; | |
color:#627487; | |
font-size:85%; | |
margin:1px; | |
padding-right:5px; | |
text-align:right | |
} | |
.drag-lasso-container { | |
position:absolute; | |
left:0; | |
top:0; | |
width:0; | |
height:0 | |
} | |
.drag-lasso { | |
font-size:0; | |
line-height:0; | |
position:absolute; | |
background:#e0e0e0; | |
opacity:.5; | |
filter:alpha(opacity=50) | |
} | |
.drag-event { | |
font:11pt Muli !important; | |
z-index:1000; | |
position:absolute; | |
cursor:pointer | |
} | |
.drag-chip-wrapper { | |
z-index:1; | |
position:absolute; | |
left:0; | |
width:100% | |
} | |
.drag-chip { | |
cursor:pointer; | |
opacity:.8; | |
filter:alpha(opacity=80) | |
} | |
.agenda { | |
background:white | |
} | |
.agenda-padding { | |
font-size:1px; | |
line-height:1px; | |
height:6px | |
} | |
.agenda .scrollbox { | |
overflow:auto; | |
overflow-x:hidden; | |
overflow-y:auto; | |
border-top:0 none; | |
border-left:0 none; | |
border-bottom:1px solid #bcf; | |
background-color:white; | |
margin-top:6px | |
} | |
.agenda-scrollboxBoundary { | |
background-color:#e0e0e0 | |
} | |
.agenda .event { | |
clear:both; | |
cursor:pointer; | |
border-top:1px solid #cde; | |
margin:0 | |
} | |
.agenda .day { | |
border-bottom:1px solid #cde | |
} | |
.agenda .event-summary,.agenda .event-summary-expanded { | |
white-space:nowrap | |
} | |
.agenda .event-details { | |
display:block; | |
float:none; | |
clear:both; | |
cursor:default; | |
padding:0 | |
} | |
.agenda .event-description { | |
white-space:pre-wrap | |
} | |
.ie .agenda .event-description { | |
white-space:pre; | |
word-wrap:break-word | |
} | |
.agenda .event-details-inner { | |
padding:0 0 .3em | |
} | |
.agenda .event-details,.agenda .event-summary,.agenda .event-summary-expanded { | |
margin:.3em 1em | |
} | |
.agenda .add-icon { | |
float:right; | |
padding-left:1em; | |
display:block | |
} | |
.agenda .event-time { | |
display:block; | |
width:2.5em; | |
margin:0; | |
padding:0; | |
float:left | |
} | |
.agenda .all-day .event-time { | |
display:none | |
} | |
.agenda .event-title { | |
display:block; | |
clear:none; | |
white-space:nowrap; | |
margin:0; | |
overflow:hidden | |
} | |
.agenda .title-wrapper { | |
margin:0 0 0 2.5em; | |
display:block; | |
padding:0 | |
} | |
.agenda .all-day .title-wrapper { | |
margin-left:0 | |
} | |
.agenda .event-reply-status { | |
display:block; | |
margin:0; | |
width:2em; | |
float:left; | |
border:0; | |
padding:0 | |
} | |
.agenda .event-reply-status img { | |
border:0 | |
} | |
.agenda .all-day .event-reply-status { | |
width:0 | |
} | |
.agenda .event-summary-expanded { | |
font-weight:bold | |
} | |
.agenda .attendee-no { | |
color:gray | |
} | |
.agenda .attendee-maybe { | |
color:gray | |
} | |
.agenda .attendee-yes { | |
color:black | |
} | |
.agenda .date-label { | |
font-weight:bold; | |
background:#e0e0e0; | |
position:relative | |
} | |
.agenda .date-label,.agenda .underflow-bot,.agenda .underflow-top { | |
padding:.2em 1em | |
} | |
.agenda .underflow-top { | |
border-bottom:1px solid #cde | |
} | |
img.agenda-web-content { | |
cursor:pointer; | |
height:16px; | |
width:16px; | |
border:0 none; | |
vertical-align:top | |
} | |
.agenda-wc { | |
margin-bottom:-3px | |
} | |
.agenda-more, a { | |
background-color:transparent; | |
color:#000000; | |
cursor:pointer; | |
text-decoration:underline; | |
white-space:nowrap | |
} | |
.agenda-more:visited, a:visited { | |
background-color:transparent; | |
color:#000000; | |
cursor:pointer; | |
text-decoration:underline; | |
white-space:nowrap | |
} | |
.agenda-more:hover,.agenda-more:active, a:hover, a:active,.agenda-more:hover,.agenda-more:active, a:hover, a:active { | |
background-color:transparent; | |
color:#808080; | |
cursor:pointer; | |
text-decoration:underline; | |
white-space:nowrap | |
} | |
.agenda .underflow-bot,.agenda .underflow-top { | |
color:#666; | |
font-style:normal | |
} | |
.ie6 .agenda .event-time { | |
margin-right:-3px | |
} | |
.ie6 .agenda .event-title { | |
height:1%; | |
margin:0; | |
overflow:inherit; | |
overflow-x:hidden; | |
overflow-y:visible | |
} | |
.agenda .event-links { | |
margin-left:7em | |
} | |
.wk-table { | |
margin:0; | |
padding:0 | |
} | |
.wk-weektop { | |
table-layout:fixed; | |
width:98%; | |
background-color:#e0e0e0; | |
overflow:hidden; | |
font-size:11px; | |
line-height:14px | |
} | |
.wk-dayname { | |
font-weight:normal; | |
color:#696969; | |
padding:2px 4px; | |
white-space:nowrap; | |
font-size: 10pt; | |
text-align: center | |
} | |
.wk-today { | |
background-color:#fad163; | |
color:#696969; | |
font-weight:normal | |
} | |
.wk-today { | |
border:1px solid #fad163; | |
padding:1px | |
} | |
.wk-dummyth { | |
vertical-align:top; | |
background-color:#e0e0e0; | |
padding:0; | |
display:none | |
} | |
.wk-allday { | |
background-color:#fff; | |
font-size:11px; | |
line-height:14px; | |
border-color:#e0e0e0; | |
border-style:solid; | |
border-width:0 1px 1px 0 | |
} | |
.wk-allday-pos { | |
position:relative | |
} | |
.wk-allday .st-c { | |
padding:1px 1px 0 | |
} | |
.wk-webcontent-td { | |
font-size:0; | |
height:5px | |
} | |
.wk-scrolltimedevents { | |
position:relative; | |
overflow-y:scroll; | |
overflow-x:hidden; | |
border-top:0px solid #bcf; | |
border-left:0 none; | |
border-bottom:0px solid #bcf; | |
padding:0; | |
font-size:11px; | |
line-height:normal | |
} | |
.wk-scrolltimedevents { | |
direction:ltr | |
} | |
body.ie .wk-scrolltimedevents,body.ie .tg-mainwrapper { | |
direction:inherit | |
} | |
.tg-mainwrapper { | |
position:relative | |
} | |
.tg-timedevents { | |
background-color:#fff; | |
border-bottom:1px solid #bcf; | |
margin-top:-1px; | |
table-layout:fixed; | |
width:100% | |
} | |
.bg-exists .tg-timedevents { | |
background:transparent | |
} | |
.bg-exists .tg-times-pri,.bg-exists .tg-times-sec,.bg-exists .tg-times-start,.bg-exists .tg-times-end,.bg-exists .chip { | |
opacity:.9; | |
filter:alpha(opacity=90) | |
} | |
.tg-times-pri,.tg-times-sec { | |
background-color:#e0e0e0; | |
color:#666; | |
padding:1px 0 0; | |
text-align:right; | |
vertical-align:top; | |
font-size: 10pt | |
} | |
.tg-times-sec { | |
background-color:#e0e0e0; | |
color:#aaadbc | |
} | |
.tg-times-start,.tg-times-end { | |
background-color:#fff7d7; | |
color:#666; | |
padding:1px 0 0; | |
text-align:right; | |
vertical-align:top; | |
padding-right:2px | |
} | |
.tg-times-end { | |
background-color:#d9f2db | |
} | |
.tg-time-pri,.tg-time-sec { | |
border-bottom:1px solid #ddd; | |
padding-right:2px | |
} | |
.tg-time-pri-last,.tg-time-sec-last,.tg-times-start-last,.tg-times-end-last { | |
border-bottom:none | |
} | |
.tg-time-sec,.tg-time-start,.tg-time-end { | |
border-bottom:1px solid #e0e0e0 | |
} | |
.tg-timesnotlast { | |
border-right:1px solid #bcf | |
} | |
.tg-col { | |
border-left:1px solid #ddd; | |
vertical-align:top | |
} | |
.tg-col-today { | |
border-left:1px solid #fad163; | |
vertical-align:top | |
} | |
.tg-col-overlaywrapper { | |
position:relative; | |
height:0 | |
} | |
.tg-gutter { | |
position:relative; | |
height:0; | |
margin-right:10px | |
} | |
.tg-col-eventwrapper { | |
position:relative; | |
cursor:default | |
} | |
.tg-today { | |
background-color:#fff7d7 | |
} | |
.bg-exists .tg-today { | |
background-color:#eee; | |
opacity:.5; | |
filter:alpha(opacity=50) | |
} | |
.tg-spanningwrapper { | |
position:relative; | |
margin:1px 0 0 1px | |
} | |
.tg-chipspanningwrapper { | |
line-height:0; | |
margin:0 10px 0 1px; | |
z-index:1 | |
} | |
.tg-hourmarkers { | |
position:absolute; | |
width:100% | |
} | |
.tg-markercell { | |
height:42px | |
} | |
.tg-markercell60 { | |
height:60px | |
} | |
.tg-dualmarker,.tg-dualmarker60 { | |
border-bottom:1px dotted #ddd; | |
border-top:1px solid #ddd; | |
font-size:1px | |
} | |
.tg-dualmarker { | |
height:20px; | |
margin-bottom:20px | |
} | |
.tg-dualmarker60 { | |
height:29px; | |
margin-bottom:29px | |
} | |
.tg-nowmarker { | |
position:absolute; | |
left:0; | |
width:100%; | |
top:0; | |
height:0; | |
border-top:2px solid #ff7f6e; | |
overflow:hidden | |
} | |
.tg-nowptr { | |
position:absolute; | |
background-position:-60px -68px; | |
width:5px; | |
height:9px; | |
background-image:url(../images/google_calendar/google_calendarcombined_v22.png) | |
} | |
.rtl .tg-nowptr { | |
background-position:-67px -68px | |
} | |
.wk-tzlabel { | |
color:#666; | |
vertical-align:bottom; | |
text-align:center; | |
overflow:hidden; | |
padding-bottom:2px | |
} | |
.wk-moreevents { | |
padding:10px | |
} | |
.wk-moreevents .st-c { | |
padding:1px 2px 0; | |
border:none | |
} | |
.wk-sideevents { | |
width:20%; | |
font:11pt Muli !important; | |
vertical-align:top; | |
padding-top:1px | |
} | |
.wk-more-prealign { | |
text-align:right | |
} | |
.wk-disclose-pos { | |
position:absolute; | |
top:0; | |
left:0 | |
} | |
.wk-disclose { | |
position:absolute; | |
top:2em; | |
right:2px | |
} | |
.wk-zip { | |
cursor:pointer; | |
width:12px; | |
height:12px; | |
background-image:url(../images/google_calendar/google_calendarcombined_v22.png); | |
background-position:-216px 0 | |
} | |
.goog-zippy-collapsed .wk-zip { | |
background-position:-216px -12px | |
} | |
.wk-promo { | |
overflow:hidden; | |
width:100%; | |
white-space:normal | |
} | |
.mv-container { | |
height:100%; | |
position:relative; | |
white-space:nowrap | |
} | |
.bg-exists .mv-container { | |
background-color:transparent | |
} | |
.st-contents,.mv-container { | |
font-size:11px; | |
line-height:14px | |
} | |
.mv-daynames-table { | |
table-layout:fixed; | |
top:0; | |
left:0; | |
width:100%; | |
background:#e0e0e0; | |
color:#696969 | |
} | |
.mv-dayname { | |
font-weight:normal; | |
padding:2px | |
} | |
.mv-event-container { | |
overflow:hidden; | |
position:absolute; | |
top:14px; | |
bottom:0; | |
left:0; | |
width:100%; | |
background:white; | |
border-top:1px solid #e0e0e0; | |
border-bottom:1px solid #e0e0e0 | |
} | |
.month-row { | |
position:absolute; | |
left:0; | |
width:100%; | |
overflow:hidden | |
} | |
.bg-exists .month-row { | |
opacity:.9; | |
filter:alpha(opacity=90) | |
} | |
.extraevents { | |
padding:1px 1px 2px 0 | |
} | |
.agenda .event { | |
border-top: 1px solid #e0e0e0; | |
} | |
.agenda .day { | |
border-bottom: 1px solid #e0e0e0; | |
} | |
/*Änderung UnofficialWsX5.de Forum*/ | |
body { | |
color: #808080; | |
} | |
@media (max-width: 750px) { | |
.navbutton { | |
display: none !important; | |
} | |
div.ui-rtsr-unselected { | |
display: none !important; | |
} | |
} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<style> | |
.responsive { | |
position: relative; padding-bottom: 75%; height: 0; overflow: hidden; | |
} | |
.responsive iframe { | |
position: absolute; top:0; left: 0; width: 100%; height: 100%; | |
} | |
</style> | |
<div class="responsive"> | |
<iframe src="google_calendar.php" style="border-width:0" width="800" height="600" frameborder="0" scrolling="no"></iframe> | |
</div> | |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?php | |
$newstyle='google_calendar.css'; | |
$url="URL TO CALENDAR; | |
$ch=curl_init(); | |
curl_setopt($ch,CURLOPT_URL,$url); | |
curl_setopt($ch,CURLOPT_HEADER,0); | |
curl_setopt($ch,CURLOPT_RETURNTRANSFER,1); | |
curl_setopt($ch,CURLOPT_SSL_VERIFYPEER,0); | |
$buffer=curl_exec($ch); | |
curl_close($ch); | |
$search = '/(<link.*>)/'; | |
$replacement = '<link rel="stylesheet" type="text/css" href="' . $newstyle . '" />'; | |
$buffer = preg_replace($search, $replacement, $buffer); | |
$buffer=str_replace('/calendar/_','https://calendar.google.com/calendar/_',$buffer); | |
$buffer=str_replace('<script>function _onload()','<script>function _onload()',$buffer); | |
$buffer=str_replace('<script type="text/javascript" src="//www.google.com/calendar/','<script type="text/javascript" src="https://www.google.com/calendar/',$buffer); | |
$buffer=str_replace('"baseUrl":"/"','"baseUrl":"https://www.google.com/"',$buffer); | |
echo $buffer; | |
?> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment