edcal.css

/*******************************************************************************
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 ******************************************************************************/

/*
Table of Contents
- Reset
- Loading section
- Top bar #topbar, including prev/next month arrows at left and Show Today at right
- Drafts Drawer
- the Calendar Content #calcont
  - day head container #dayheadcont [Monday, Tuesday etc]
  - edcal scrollable area #edcal_scrollable [the main calendar pane]
  - calendar #cal container
  - day label table head
  - row container .rowcont [absolutely positioned, top adjusted by js]
  - row inner .row [positioned relative, within the rowcont
  - days
  - posts
  - edcal_quickedit [new/edit posts popover]
- Screen options
- Feedback section [appears once after using the calendar 3 times]
*/

/*.row .day:first-child, .dayheadcont .dayhead:first-child {
	margin-left:0 !important;
}
.rowcont { margin:0 !important; }
.day { float:left; }
*/


/* Reset & Utility */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin: 0;
    outline: 0 none;
    padding: 0;
}
.clearfix:before, .clearfix:after { content:'\0020'; display:block; height:0; visibility:hidden; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }



/* Loading section */

#loadingcont {
    position: relative;
}

#loading, #draftsdrawer_loading {
    background-image: url('images/loading.gif'); 
    background-repeat: no-repeat;
    position: absolute;
    width: 43px;
    height: 43px;
    display: block;
    left: 20em;
    top: -1.5em;
}

.loadingclass > .postlink, .tiploading, .loadingclass:hover > .postlink {
    background-image: url('images/loading_post.gif'); 
    background-position: top right;
    background-repeat: no-repeat;
    cursor: auto;
}



/* Top bar */

#topbar {
    margin-bottom: 1em;
    margin-top: 1em;
    height:2em;
}
#topbar .tablenav-pages a {
	font-weight:normal;
}
#topleft.tablenav-pages {
    float:left;
}
#nextmonth, #prevmonth {
    font-size:12px;
}
#topright button {
    margin-left: 2em;
    margin-right: 6px;
    text-decoration: none;
}



/* Drafts Drawer */

#draftsdrawer_cont {
    height:100%;
    float:right;
    display:none;
}
#draftsdrawer {
	font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
    border:1px solid #dfdfdf;
    padding-bottom:1px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
#draftsdrawer .dayheadcont {  }
#draftsdrawer .dayhead {
    float:none;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0px;
}
#draftsdrawer .day { border:0; }
#draftsdrawer .dayobj { height:auto; }
#draftsdrawer .postlist { 
    top:26px;
    padding-left: 5px;
}
#draftsdrawer .posttime { display:none; }
#draftsdrawer_loading {
	position:relative;
	margin:2em 2em 0 2em;
	top:0;
	left:0;
}


/* Calendar container */

#cal_cont, #edcal_scrollable {
    -x-system-font:none;
    font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
    font-size:11px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
}

#cal_cont {
    border:1px solid #dfdfdf;
    padding-bottom:1px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}

#edcal_scrollable {
    /* required settings */ 
    position:relative; 
    overflow:hidden; 

    /* This height will be reset with JavaScript */ 
    height: 100%;
    margin-top: 5px;
    margin-left: 4px;
    margin-right: 2px;
}

#cal {
    position:absolute; 

    /* this time we have very large space for the height */ 
    height:100%; 
    margin-right: 10px;
}



/* Day label table head */

.dayheadcont, .draftsdrawerheadcont {
    position: relative;
    height: 34px;
    top: 0px;
    background:#e9e9e9;
    background-image:-moz-linear-gradient(top,#f4f4f4,#e9e9e9);
    background-image:-o-linear-gradient(top,#f4f4f4,#e9e9e9);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#f4f4f4),to(#e9e9e9));
    background-image:-webkit-linear-gradient(top,#f4f4f4,#e9e9e9);
    background-image:linear-gradient(top,#f4f4f4,#e9e9e9);
    font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;
    font-size:14px;
    border-top:1px solid #fff;
    border-bottom:1px solid #dfdfdf;
    -moz-border-radius:3px 3px 0 0;
    -webkit-border-radius:3px 3px 0 0
    -o-border-radius:3px 3px 0 0
    border-radius:3px 3px 0 0
}

.dayhead {
    text-align: left;
    text-indent: 5px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    color: #000;
    line-height: 2.4em;
    min-width: 10em;
	float:left;
}

.dayhead.firstday {
    margin-left: 5px;
}

.dayhead.lastday {
}



/* Rows */

.edcal_row {
    height: 100%;
}



/* Days */

.day {
    border: 1px solid #ccc; /* this will add to total height in IE. So, 100% + 2px */
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    background: white;
}

.day.beforeToday {
    background: #ececec;
/*    background: #f9f9f9;*/
}

.day.todayAndAfter {
    background: #fff;
}

.day.day-active {
    background-color: lightyellow;
}

.scrollHover {
    background: lightblue;
}

.dayobj {
    position: relative;
    width: 100%;
    height: 100%;
}

.firstOfMonth .dayobj {
    background-color: #eaf2fb;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -o-border-radius:2px;
    border-radius:2px;
}

.daylabel {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    font-weight:bold;
    text-align: right;
    padding-right: 10px;
    line-height:1.8em;
    -moz-border-radius:2px 2px 0 0;
    -webkit-border-radius:2px 2px 0 0;
    -o-border-radius:2px 2px 0 0;
    border-radius:2px 2px 0 0;
}

.day.month-present .daylabel {
    border-bottom:1px solid #dfdfdf;
    background:#e9e9e9;
    background-image:-moz-linear-gradient(top,#f4f4f4,#e9e9e9);
    background-image:-o-linear-gradient(top,#f4f4f4,#e9e9e9);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#f4f4f4),to(#e9e9e9));
    background-image:-webkit-linear-gradient(top,#f4f4f4,#e9e9e9);
    background-image:linear-gradient(top,#f4f4f4,#e9e9e9);
}

.daynewlink {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    padding-left: 0.5em;
    padding-right: 0em;
    text-decoration: none;
    font-size:10px;
    z-index: 10;
    overflow: hidden;
    height: 1.5em;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 70%;
}

.day.today .daylabel {
    color: white;
    text-shadow:0 -1px 0 rgba(0,0,0,0.3);
    background:#8cc1e9;
    background-image:-webkit-gradient(linear,left bottom,left top,from(#72a7cf),to(#8cc1e9));
    background-image:-webkit-linear-gradient(bottom,#72a7cf,#8cc1e9);
    background-image:-moz-linear-gradient(bottom,#72a7cf,#8cc1e9);
    background-image:-o-linear-gradient(bottom,#72a7cf,#8cc1e9);
    background-image:linear-gradient(to top,#72a7cf,#8cc1e9);
}

.today .daynewlink {
    color: white;
}



/* Posts */

.post {
    display: block;
    list-style-type: none;
    z-index: 10;
    margin-left: 2px;
    margin-right: 2px;
    font-size: 10px;
    padding: 0px;
}

.posttime {
    font-weight: bold;
}

.post.draggable .postlink {
    cursor: move;
}

.post .postactions {
    display: none;
}

.postactions a {
  text-decoration:none;
}

.post .postlink:hover {
    color: #d54e21;
    background-color: #f5f5f5;
}

.publish, .post.readonly {
    color: #a4a4a4;
    font-weight:normal;
}

.postlist {
    position: relative;
    top:24px;  /* 1.5em; */
    overflow: auto;
}

.postlist li {
    margin-bottom: 8px;
}

/*.page-numbers {
    text-decoration: none;
    border-bottom-style: none;
    border: none;
    background: white;
    color: #21759B;
}*/



/* Quick Add/Edit Tooltip */

#edcal_quickedit {
    background: #f4f4f4;
    width:500px;
    border:1px solid #dfdfdf;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    -moz-box-shadow:0 4px 8px #c8c8c8, 0 1px 0 #FFFFFF inset;
    -webkit-box-shadow:0 4px 8px #c8c8c8, 0 1px 0 #FFFFFF inset;
    -o-box-shadow:0 4px 8px #c8c8c8, 0 1px 0 #FFFFFF inset;
    box-shadow:0 4px 8px #c8c8c8, 0 1px 0 #FFFFFF inset;
    position: relative;
    z-index: 25;
}

.edcal_quickedit {
    padding: 10px;
    position: relative;
    border-top:1px solid #fff;
}

#tooltiphead {
    background: #e9e9e9;
    background-image:-moz-linear-gradient(top,#f4f4f4,#e9e9e9);
    background-image:-o-linear-gradient(top,#f4f4f4,#e9e9e9);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#f4f4f4),to(#e9e9e9));
    background-image:-webkit-linear-gradient(top,#f4f4f4,#e9e9e9);
    background-image:linear-gradient(top,#f4f4f4,#e9e9e9);
}

#tooltiptitle {
    border-bottom:1px solid #dfdfdf;
    color:#464646;
    font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;
    font-size:15px;
    font-weight:normal;
    line-height:1;
    position:relative;
    text-shadow: #fff 0px 1px 0px;
    padding:7px 10px;
    margin:1px 0 0;
}

#tipclose {
    width: 15px;
    height: 15px;
    position: absolute;
    top:8px;
    right:10px;
}

#edcal_quickedit .inline-edit-row fieldset {
    padding-bottom:1.2em;
}

#edcal-title { /* not sure this is being used */
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

/*
TinyMCE Rich Editor and Media buttons are not currently used
#edcal_quickedit .mceEditor,*/
#edcal_quickedit textarea {
    height: 15em;
}

/*
#edcal_quickedit #cal_mediabar {
    font-size: 11px;
}

#edcal_quickedit #media-buttons {
    padding: 5px 0;
}*/

#edcal_quickedit #edcal-time {
    width: 9em;
    background-color: white;
}

#edcal-author-p {
    line-height:1.8em;
    padding-left:0.2em;
}

#edit-slug-buttons {
    position: relative;
    margin:0;
    padding:0 0 0.5em 0;
}

#edit-slug-buttons a {
}

#newPostScheduleButton {
    position: absolute;
    right: 0;
    top: -5px;
}

#newPostScheduleButton.disabled {
    color:#9FD0D5!important;
    background:#298CBA!important;
}

/* End Add/Edit Tooltip */



/* Screen Options */

#edcal_weeks_pref {
    width: 4em;
}

#calendar-fields-prefs {
    margin-bottom: 1em;
}

#calendar-fields-prefs label {
    margin-left: 1em;
    line-height: normal;
    vertical-align: baseline;
}

#edcal-qunit {
    margin-top: 2em;
}

.optionscolorrow {
    position: relative;
    height: 20px;
}

.optionscolor {
    width: 16px; 
    height: 16px; 
    margin-left: 1em; 
    display: block;
    position: absolute;
    top: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    opacity: 0.5;
    
}

.optionscolor:hover {
    opacity: 1;
}

.colorselected {
    opacity: 1;
}

.colorlabel {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#screen-meta #show-edcal-settings-link.show-settings {
    background-position: right -1px;
}

div.metabox-prefs {
    padding-left: 10px;
}

#contextual-help-wrap {
    margin-left: 8px;
    padding: 0 0 10px;
}



/* Feedback section */

#feedbacksection {
    margin-top: 15px;
    padding: 1em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 55%;
    min-width: 500px;
    background-color: #eaf2fb;
    font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
    font-size:11px;
}

#feedbacksection h2 {
    font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
    font-size: 14.3px;
    font-style: normal;
    font-weight: bold;
    color: #333333;
    padding: 0px;
    margin: 0px;
    margin-top: -10px;
}

#nofeedbacklink {
    margin-left: 1em;
}


#moveToToday {
    margin-left: 1.5em;
}

.tablenav .tablenav-pages a {
    background-position-y: -380px;
}