-
-
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 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 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 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