624 lines
16 KiB
CSS
624 lines
16 KiB
CSS
/************************************************************************************/
|
|
/* style_eventcal.css for serendipity_eventcal_cal.php v.1.68 2015-11-28 Ian */
|
|
/************************************************************************************/
|
|
|
|
/* disable 2k11 settings */
|
|
table {
|
|
border-collapse: separate;
|
|
border-spacing: 1px;
|
|
}
|
|
.serendipity_entry table {
|
|
border: 0 none;
|
|
margin: 0;
|
|
}
|
|
.serendipity_entry tbody td {
|
|
padding: inherit;
|
|
}
|
|
|
|
/* wraps and tags */
|
|
#eventcal_wrapper {
|
|
margin: 0;
|
|
padding: 0;
|
|
font: 500 11px/16px Verdana,Arial,Helvetica,sans-serif;
|
|
}
|
|
br.clear { clear: both; }
|
|
|
|
#eventcal_wrapper div.eventcal_intro {
|
|
padding: 4px;
|
|
background-color: #D5BFC0;/* todays color; #C0C0FF weekly color; #FF7400 orange color */
|
|
/* mozilla, chrome, safari, ie7+, (opera?) round corners */
|
|
border-color: hsl(360,100%,35%);
|
|
-moz-border-radius: 8px;
|
|
-webkit-border-radius: 8px;
|
|
-khtml-border-radius: 8px;
|
|
border: 1px solid hsl(360,100%,35%);
|
|
text-align:justify;
|
|
}
|
|
|
|
/**********************************/
|
|
/* Messages and Debug information */
|
|
/**********************************/
|
|
|
|
#eventcal_error_surrounder {
|
|
padding: 4px;
|
|
background-color:#999;
|
|
border: 1px solid #333;
|
|
}
|
|
.error_brand {
|
|
background-color: #000;
|
|
color: #FF3000;
|
|
font-weight: 600;
|
|
}
|
|
.error_table_main th {
|
|
color: #f0f0f0;
|
|
}
|
|
.error_value {
|
|
background-color: #FFFF00;
|
|
}
|
|
|
|
.eventcal_tpl_error {
|
|
font-weight: 600;
|
|
padding: 0;
|
|
margin-bottom: 1.5em;
|
|
}
|
|
.eventcal_tpl_message {
|
|
border: 1px solid #6280A2;
|
|
background-color: #C6C6DE;
|
|
margin-bottom: 1.5em;
|
|
padding: 6px;
|
|
}
|
|
|
|
.eventcal_tpl_error_inner {
|
|
background: #f2dede;
|
|
border: 1px solid #e4b9b9;
|
|
color: #b94a48;
|
|
margin-top: 1.5em;
|
|
padding: 6px;
|
|
width: auto;
|
|
}
|
|
.serendipity_msg_notice {
|
|
background: #fcf8e3;
|
|
border: 1px solid #fbeed5;
|
|
color: #c09853;
|
|
}
|
|
.serendipity_msg_hint {
|
|
background: #eee;
|
|
border: 1px solid #aaa;
|
|
color: #777;
|
|
}
|
|
.eventcal_tpl_message_inner {
|
|
width: auto;
|
|
border: 1px solid #6280A2;
|
|
background-color: #A29D8C; /* Violet */
|
|
color: #F5DEB3; /* Wheat */
|
|
padding: 6px;
|
|
}
|
|
|
|
/*******************************/
|
|
/* eventcal TABLE classes
|
|
/*******************************/
|
|
table.questionaire {
|
|
width: auto;padding: 2px;
|
|
color: #333;
|
|
border: 1px solid #6280A2;
|
|
border-collapse: separate; /*no cellspacing: collapse;*/
|
|
border-spacing: 3px 1px;
|
|
background-color: #C6C6DE;
|
|
}
|
|
table.eventborder {
|
|
margin: 20px 0 0 0;
|
|
padding: 0;
|
|
border: 1px solid #999;
|
|
background: #d0d0d0 !important;
|
|
width: 100%;
|
|
/*min-width:770px !important;*/
|
|
}
|
|
table.eventcal_monthbutton {
|
|
padding: 0;
|
|
margin: 0;
|
|
width: 100%;
|
|
background: #d0d0d0;
|
|
border: 0;
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
table.eventcal_monthbutton td.left { width: 34%; vertical-align: bottom; }
|
|
table.eventcal_monthbutton td.mid { width: 32%; vertical-align: bottom; }
|
|
table.eventcal_monthbutton td.right { width: 34%; vertical-align: bottom; }
|
|
|
|
table.innereventborder {
|
|
padding: 0;
|
|
margin: 0;
|
|
width: 100%;
|
|
background: #333;
|
|
border: 0;
|
|
border-collapse: separate; /*no cellspacing: collapse;*/
|
|
border-spacing: 1px 1px;
|
|
/*empty-cells: hide;*/
|
|
}
|
|
table.innereventborder td { padding:1px; }
|
|
table.innereventborder td.eventcal_weekly_eventlabel { width:2%; background-color: #555; text-align:center; color: #FF7400; }
|
|
table.innereventborder td.eventcal_weekly_eventtitle { width:45%; }
|
|
table.innereventborder td.eventcal_weekly_eventical { width:15%; text-align:center; font-weight:700; }
|
|
table.innereventborder td.eventcal_weekly_eventical img { border:1px solid #D5BFC0; width:28px; height:12px; }
|
|
table.innereventborder td.eventcal_weekly_eventdate { width:30%; text-align:center; font-size: xx-small; }
|
|
table.innereventborder td.eventcal_weekly_eventappby { width:8%; text-align:center; }
|
|
table.innereventborder td.eventcal_weekly_eventtext { width:98%; padding: 4px; }
|
|
table.innereventborder td.eventcal_weekly_eventtext div.eventcal_weekly_eventurl { float:right;padding:1px 3px;border:1px dashed #333;background-color:#FF7400; }
|
|
|
|
/* colors of day in monthview */
|
|
table.eventcal_today {
|
|
width: 100%;
|
|
background: #D5BFC0;
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
td.eventcal_today {
|
|
background: #D5BFC0 !important; /* make sure the full cell has the same color */
|
|
}
|
|
table.eventcal_isday {
|
|
width: 100%;
|
|
background: #f0f0f0;
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
table.eventcal_noday {
|
|
width: 100%;
|
|
background: #d0d0d0 !important;
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
td.eventcal_noday {
|
|
background: #d0d0d0 !important; /* make sure the full cell has the same color */
|
|
}
|
|
table.eventcal_isday tr,
|
|
table.eventcal_today tr,
|
|
table.eventcal_noday tr {
|
|
height: 1px;
|
|
}
|
|
table.eventcal_weeknav {
|
|
width: 100%;
|
|
border: 1px solid #333;
|
|
}
|
|
table.eventcal_weeknav_top {
|
|
border-bottom: 0;
|
|
}
|
|
/* be sure to have Weekday headers be near width 100% */
|
|
th.eventcal_weekhead {
|
|
font: 500 11px/16px Verdana,Arial,Helvetica,sans-serif;
|
|
width: 14.2% !important;
|
|
}
|
|
tr.d0 {
|
|
background-color: #d0d0d0;
|
|
}
|
|
tr.e1 {
|
|
background-color: #e1e5de;
|
|
}
|
|
tr.f0 {
|
|
background-color: #f0f0f0;
|
|
}
|
|
tr.ff {
|
|
background-color: #fff;
|
|
}
|
|
tr.a0, th.a0 {
|
|
background-color: #a0a0a0;
|
|
}
|
|
td.weekcw {
|
|
width: 2% !important;
|
|
}
|
|
|
|
|
|
/****************************************/
|
|
/* eventcal single entry table settings */
|
|
/****************************************/
|
|
table.eventtext_entry {
|
|
width: 100%;
|
|
padding: 6px 2px;
|
|
border-collapse: separate; /* no cellspacing: collapse; */
|
|
border-spacing: 2px;
|
|
font-size: 10px;
|
|
}
|
|
table.eventtext_entry tr {
|
|
background-color: #a0a0a0;
|
|
}
|
|
table.eventtext_entry th {
|
|
/* single entry shorttitle, date, app_by */
|
|
border: 1px solid navy;
|
|
text-align:left;
|
|
font: 500 9.5px verdana, arial, geneva, helvetica, sans-serif;
|
|
color: #BFB; /* some light-green color */
|
|
padding: 0 1px;
|
|
}
|
|
table.eventtext_entry td.entry {
|
|
background-color:#FDFDFD;
|
|
border: 1px solid navy;
|
|
width:78%;
|
|
padding: 2px;
|
|
}
|
|
table.eventtext_entry th.eventcal_links { height:12px; }
|
|
table.eventtext_entry th.center { text-align:center; }
|
|
table.eventtext_entry th.eventcal_links img { border:1px solid #D5BFC0; width:28px; height:12px; }
|
|
|
|
|
|
/********************************/
|
|
/* eventcal form table settings */
|
|
/********************************/
|
|
table.eventcal_form {
|
|
width: 100%;
|
|
border: 1px solid #999;
|
|
border-collapse: separate; /* no cellspacing: collapse; */
|
|
border-spacing: 1px 0;
|
|
}
|
|
th.eventformtitle {
|
|
font: 600 11.5px verdana, arial, geneva, helvetica, sans-serif;
|
|
text-align: left;
|
|
background: #cbcbcb;
|
|
}
|
|
.serendipity_entry tbody td.eventformdesc,
|
|
td.eventformdesc {
|
|
padding: 2px 0;
|
|
font: 500 11px verdana, arial, geneva, helvetica, sans-serif;
|
|
text-align: left;
|
|
background-color: #e0e0e0; /* form gray */
|
|
}
|
|
.formfield textarea {
|
|
width: 98%;
|
|
overflow: auto; /* in html wrap=virtual is not XHTML */
|
|
width: 300px;
|
|
}
|
|
td.eventformdesc input {
|
|
background-color: #fff;
|
|
}
|
|
td.eventformdesc input[type="text"] {
|
|
margin-right: .5em;
|
|
}
|
|
td.eventformdesc input[type="checkbox"],
|
|
td.eventformdesc input[type="radio"] {
|
|
box-sizing: border-box;
|
|
background-color: #ddd;
|
|
margin-right: .2em;
|
|
padding: 0;
|
|
vertical-align: sub;
|
|
}
|
|
td.eventformdesc input.info::before,
|
|
td.eventformdesc .icon-info-circled::before{
|
|
content: "?";
|
|
background-color: #f6f6f6;
|
|
background-image: -moz-radial-gradient(55% 50%, ellipse farthest-corner, #367e98, rgba(247, 255, 224, 0.5) 50%);
|
|
background-image: -webkit-radial-gradient(55% 50%, ellipse farthest-corner, #367e98, rgba(247, 255, 224, 0.5) 50%);
|
|
background-image: -o-radial-gradient(55% 50%, ellipse farthest-corner, #367e98, rgba(247, 255, 224, 0.5) 50%);
|
|
background-image: -ms-radial-gradient(55% 50%, ellipse farthest-corner, #367e98, rgba(247, 255, 224, 0.5) 50%);
|
|
background-image: radial-gradient(55% 50%, ellipse farthest-corner, #367e98, rgba(247, 255, 224, 0.5) 50%) rgba(199, 238, 252, 0.60);
|
|
border-radius: 0.8125em 0.8125em 0.8125em 0.8125em;
|
|
padding: 0.1em 0.5em;
|
|
-webkit-box-shadow: 0 0 2px 1px rgba(41, 69, 100, 0.5);
|
|
-moz-box-shadow: 0 0 2px 1px rgba(41, 69, 100, 0.5);
|
|
-o-box-shadow: 0 0 2px 1px rgba(41, 69, 100, 0.5);
|
|
box-shadow: 0 0 2px 1px rgba(41, 69, 100, 0.5);
|
|
outline: 0 none;
|
|
}
|
|
td.eventformdesc abbr[title] {
|
|
border-bottom: 0 none;
|
|
text-decoration: none;
|
|
}
|
|
td.eventformdesc sub,
|
|
td.eventformdesc sup {
|
|
font-size: 100%;
|
|
bottom:0;
|
|
}
|
|
td.eventformlink {
|
|
white-space:nowrap;
|
|
}
|
|
td.formfield {
|
|
margin:auto;
|
|
}
|
|
|
|
/********************************/
|
|
/* eventcal appform table settings */
|
|
/********************************/
|
|
table.eventcal_appform {
|
|
width: 100%;
|
|
border: 1px solid #999;
|
|
border-collapse: separate; /* no cellspacing: collapse; */
|
|
border-spacing: 0 2px;
|
|
}
|
|
th.eventcal_appform_title_lft {
|
|
padding-left:7px;
|
|
text-align: left;
|
|
}
|
|
th.eventcal_appform_title_rgt {
|
|
padding-right:12px;
|
|
text-align: right;
|
|
}
|
|
td.eventcal_appform_validation {
|
|
padding: 4px 2px 4px 7px;
|
|
text-align: left;
|
|
border-top: 1px solid #ff8040;
|
|
vertical-align: middle;
|
|
white-space:nowrap;
|
|
}
|
|
td.eventcal_appform_validation .eventcal_appdate {
|
|
white-space:normal;
|
|
}
|
|
td.eventcal_appform_validation .eventcal_appldesc {
|
|
width:57%;
|
|
}
|
|
input.eventcal_appform_move, img.eventcal_appform_move {
|
|
margin-right:10px;float:right;
|
|
}
|
|
|
|
/*******************************/
|
|
/* eventcal innertable styles
|
|
/*******************************/
|
|
#eventcal_wrapper .entryadmin {
|
|
font-weight: bold;
|
|
text-shadow: 0px 2px 3px #555;
|
|
color: #222;
|
|
vertical-align: bottom; /* depends on th.eventtext */
|
|
}
|
|
#eventcal_wrapper .entryadmin span {
|
|
padding:0 0 0 3px;
|
|
border:1px solid #ccc;
|
|
background-color:#eee;
|
|
}
|
|
#eventcal_wrapper .entryadmin span.left {
|
|
display:block;float:left;width:33%;height:15px;white-space:nowrap;
|
|
}
|
|
#eventcal_wrapper .entryadmin span.right {
|
|
display:block;float:right;width:33%;height:15px;text-align:right;padding-right:2px;white-space:nowrap;
|
|
}
|
|
#eventcal_wrapper .entryadmin input {
|
|
background-color:#FFABAB;
|
|
padding: 0;
|
|
}
|
|
.eventcal_todaycell {
|
|
color: #DF0000; /* div today */
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
}
|
|
.eventcal_lft {
|
|
text-align: left;
|
|
vertical-align:top;
|
|
}
|
|
.eventcal_rgt {
|
|
text-align: right;
|
|
vertical-align:top;
|
|
}
|
|
.serendipity_commentDirection {
|
|
text-align:justify;
|
|
}
|
|
.captcha {
|
|
border:1px solid #777;
|
|
}
|
|
.eventcal_msg {
|
|
text-align: center;
|
|
padding: 10px;
|
|
border: 1px solid #999;
|
|
background-color: #F0F0F0;
|
|
}
|
|
.eventcal_bg {
|
|
padding: 6px;
|
|
border: 1px solid #333;
|
|
background: #bababa;
|
|
}
|
|
.eventcal_button {
|
|
background-color: #d0d0d0;
|
|
border: 1px solid #bbb;
|
|
}
|
|
.eventcal_button img {
|
|
vertical-align: middle;
|
|
}
|
|
.eventcal_entrytop {
|
|
padding: 4px;
|
|
font: 500 11px arial,helvetica,sans-serif;
|
|
color: #800040;
|
|
text-align: left;
|
|
white-space:nowrap;
|
|
}
|
|
.eventcal_entrybottom {
|
|
padding: 4px;
|
|
background: #e1e5de;
|
|
border-top: 1px solid #996;
|
|
border-bottom: 1px solid #996;
|
|
margin-bottom: 6px;
|
|
font: 500 11px verdana,arial,helvetica,sans-serif;
|
|
text-align: left;
|
|
}
|
|
.eventcal_splitentries {
|
|
clear: both;
|
|
background-color: #e1e5de;
|
|
}
|
|
.eventcal_day {
|
|
margin: 0;
|
|
padding: 2px;
|
|
text-align: center;
|
|
background-color: #f0f0f0;/*#d0d0d0;*/
|
|
}
|
|
.eventcal_week_cw {
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align: center;
|
|
background-color: #a0a0a0;
|
|
color: #f0f0f0;
|
|
font: x-small arial, helvetica, sans-serif;
|
|
}
|
|
.eventcal_weeknav {
|
|
width: 42%;
|
|
vertical-align: bottom; /*depends on eventcal_lft/rgt which sets to top*/
|
|
}
|
|
.eventcal_weekly_title {
|
|
color: #800060;
|
|
font-weight: 800;
|
|
text-align: center;
|
|
}
|
|
.eventcal_weekly_daytitel {
|
|
text-align: left;
|
|
font-weight: 700;
|
|
color: #800060;
|
|
width: 100%;
|
|
}
|
|
.eventcal_input {
|
|
font: 500 11px verdana,arial,helvetica,sans-serif;
|
|
border: 1px solid #333;
|
|
text-align: left;
|
|
padding: 2px;
|
|
background-color: #bbb;
|
|
}
|
|
.eventcal_made {
|
|
padding: 10px;
|
|
border: 1px solid #999;
|
|
background-color: #F0F0F0;
|
|
}
|
|
.eventcal_tab {
|
|
text-align: center;
|
|
font: 700 10.0px arial, helvetica, sans-serif;
|
|
text-decoration: none;
|
|
vertical-align: middle;
|
|
}
|
|
.eventcal_tab_dim {
|
|
color: #888;
|
|
font-weight: 500;
|
|
font: x-small arial, helvetica, sans-serif;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
|
|
/************************************************************************************/
|
|
/* set td, span classes for single, multi, recur monthly and recuring weekly events */
|
|
/************************************************************************************/
|
|
.eventcal_helptip {
|
|
width: 25%;
|
|
}
|
|
.eventcal_ical a, .eventcal_ical img {
|
|
text-decoration: none;
|
|
border: 0 none;
|
|
}
|
|
/* the calendar event color buttons */
|
|
.mono {
|
|
background-color: #FFFFC0;
|
|
}
|
|
.multi {
|
|
background-color: #C8E4C8;/*#C0FFC0;*/
|
|
}
|
|
.recm {
|
|
background-color: #F3DBF3;
|
|
}
|
|
.recw {
|
|
background-color: #C0C0FF;
|
|
}
|
|
span.eventtype {
|
|
font: x-small arial, helvetica, sans-serif;
|
|
text-align: center;
|
|
border: 1px solid #808080;border-width: 0 0 1px 0;
|
|
}
|
|
/* the help color buttons at bottom */
|
|
span.mono {
|
|
display:block;float:left;width:100%;white-space:nowrap;
|
|
}
|
|
span.multi {
|
|
display:block;float:left;width:100%;white-space:nowrap;
|
|
}
|
|
span.recm {
|
|
display:block;float:left;width:100%;white-space:nowrap;
|
|
}
|
|
span.recw {
|
|
display:block;float:left;width:100%;white-space:nowrap;
|
|
}
|
|
span.tip {
|
|
font: xx-small arial, helvetica, sans-serif;
|
|
text-align:center;
|
|
border:1px solid #000080;
|
|
}
|
|
/* obfuscating spamblock markup and emoticate text */
|
|
.serendipity_comment_s9ymarkup {
|
|
display: none;
|
|
visibility: hidden;
|
|
}
|
|
.serendipity_comment_emoticate {
|
|
display: none;
|
|
visibility: hidden;
|
|
}
|
|
/* obfuscating spamblock captcha completly */
|
|
/*
|
|
.serendipity_comment_spamblock {
|
|
display: none;
|
|
visibility: hidden;
|
|
}
|
|
*/
|
|
|
|
|
|
/**************************/
|
|
/* link & button settings */
|
|
/**************************/
|
|
.eventcal_entrytop a,
|
|
.eventcal_entrytop a:link,
|
|
.eventcal_entrytop a:visited,
|
|
.eventcal_entrytop a:hover,
|
|
.eventcal_entrytop a:active,
|
|
.eventcal_entrytop a:focus {
|
|
font: 700 12px arial,helvetica,sans-serif;
|
|
text-decoration: none;
|
|
}
|
|
a.small_eventcal_link:link {
|
|
color: #0000df;
|
|
text-decoration: none;
|
|
font: xx-small arial, helvetica, sans-serif;
|
|
}
|
|
a.small_eventcal_link:visited {
|
|
color: #606060;
|
|
text-decoration: none;
|
|
font: xx-small arial, helvetica, sans-serif;
|
|
}
|
|
a.small_eventcal_link:hover {
|
|
color: #e00060;
|
|
text-decoration: none;
|
|
font: xx-small arial, helvetica, sans-serif;
|
|
}
|
|
a.small_eventcal_link:active {
|
|
color: #af00ff;
|
|
text-decoration: underline;
|
|
font: xx-small arial, helvetica, sans-serif;
|
|
}
|
|
a.small_eventcal_link:focus {
|
|
color: #00e000;
|
|
text-decoration: underline;
|
|
font: xx-small arial, helvetica, sans-serif;
|
|
}
|
|
|
|
#eventcal_wrapper td.eventformbutton input {
|
|
background: url('{TEMPLATE_PATH}img/button_background.png') repeat scroll 0 50% #80B0DA;
|
|
font-weight: 700 !important;
|
|
}
|
|
/* Special class if the button is <a> tag */
|
|
#eventcal_wrapper a.serendipityPrettyButton {
|
|
padding: 2px 4px 2px 4px;
|
|
cursor: pointer;
|
|
background:url("{TEMPLATE_PATH}img/button_background.png") repeat scroll 0 50% transparent;
|
|
}
|
|
#eventcal_wrapper a:link.serendipityPrettyButton,
|
|
#eventcal_wrapper a:visited.serendipityPrettyButton,
|
|
#eventcal_wrapper a:hover.serendipityPrettyButton {
|
|
text-decoration: none;
|
|
color: #1D2E3F;
|
|
}
|
|
|
|
#eventcal_wrapper .serendipityPrettyButton {
|
|
padding: 1px;
|
|
color: #1D2E3F;
|
|
font-weight: bold;
|
|
font-size: 0.9em;
|
|
border: 1px outset #000;
|
|
margin: 2px;
|
|
}
|
|
|
|
#eventcal_wrapper input.serendipityPrettyButton {
|
|
background: url('{TEMPLATE_PATH}img/button_background.png') repeat scroll 0 50% #80B0DA;
|
|
}
|
|
|
|
#eventcal_wrapper input.info { clear: both; font-style: italic; font-size: 8px; height: 12px; width: 12px; vertical-align: bottom;}
|
|
#eventcal_wrapper input.bbc_i { margin: 2px 2px 0; padding: 2px; font-style: italic; font-size: 12px; }
|
|
#eventcal_wrapper input.bbc_b { margin: 2px 2px 0; padding: 2px; font-weight: bold; font-size: 12px; }
|
|
#eventcal_wrapper input.bbc_u { margin: 2px 2px 0; padding: 2px; text-decoration: underline; font-size: 12px; }
|
|
#eventcal_wrapper input.bbc_s { margin: 2px 2px 0; padding: 2px; font-style: italic; font-size: 12px; }
|
|
|