friendica-addons/dav/wdcal/css/main.css

555 lines
9.7 KiB
CSS
Raw Normal View History

2012-06-03 18:19:28 +00:00
.toolBotton
{
border: none;
overflow: hidden;
position: relative;
height: 25px;
padding:0;
margin:0;
}
.toolBotton a
{
display:block;
width:auto;
cursor:pointer;
}
.toolBotton a span
{
float: left;
display:block;
width:auto;
cursor:pointer;
}
input
{
border: solid 1px #3C7FB1;
}
select
{
border: #3C7FB1 1px solid;
}
input[type='text']
{
border: solid 1px #3C7FB1;
height:18px;
}
input[type='checkbox']
{
border: none;
}
input[type='radio']
{
border: none;
}
textarea
{
border: solid 1px #3C7FB1;
overflow:auto;
}
.ellipsis
{
white-space: nowrap;
text-overflow: ellipsis; /* for internet explorer */
overflow: hidden;
display: block;
}
html > body .ellipsis
{
clear: both;
}
.bbit-main
{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:0;
background-color:#E8F1F8;
}
a.linkdelete span
{
text-decoration:underline;
color: #000000;
padding-left:18px;
background: url(./images/icons/delete.png) no-repeat left 6px;
padding-top:5px;
}
a.imgbtn
{
color: #000000;
}
a.imgbtn span
{
border: #E8E8FF 1px solid;
padding: 4px 4px 3px 21px;
cursor: pointer;
}
a.imgbtn:hover span
{
border: #466094 1px solid;
cursor: pointer;
background-color: #C3C3FF;
}
a.imgbtn span.Save
{
background: url(./images/icons/Item.Save.gif) no-repeat 3px 4px;
}
a.imgbtn span.Close
{
background: url(./images/icons/Btn.Close.gif) no-repeat 3px 4px;
}
a.imgbtn span.Delete
{
background: url(./images/icons/delete.png) no-repeat 3px 4px;
}
a.addcal
2012-06-03 18:19:28 +00:00
{
padding-left:20px;
background: url(./images/icons/date_add.png) no-repeat 1px 50%;
color: black;
2012-06-03 18:19:28 +00:00
}
span.showdayview
{
padding-left:20px;
background: url(./images/icons/cal-day.gif) no-repeat 1px 50%;
}
span.showweekview
{
padding-left:20px;
background: url(./images/icons/cal-week.gif) no-repeat 1px 50%;
}
span.showwkweekview
{
padding-left:20px;
background: url(./images/icons/cal-wk-week.gif) no-repeat 1px 50%;
}
span.chinese
{
padding-left:20px;
background: url(./images/icons/cn.gif) no-repeat 1px 50%;
}
span.english
{
padding-left:20px;
background: url(./images/icons/us.gif) no-repeat 1px 50%;
}
span.english_au
{
padding-left:20px;
background: url(./images/icons/au.gif) no-repeat 1px 50%;
}
span.showmonthview
{
padding-left:20px;
background: url(./images/icons/cal-month.gif) no-repeat 1px 50%;
}
span.showtoday
{
padding-left:20px;
background: url(./images/icons/date.png) no-repeat 1px 50%;
}
span.fprev
{
width:18px;
background:url("./images/icons/resultset_previous.png") no-repeat 1px bottom;
}
span.fnext
{
width:18px;
background:url("./images/icons/resultset_next.png") no-repeat 1px bottom;
}
span.showdayflash
{
padding-left:20px;
background:url("./images/icons/date_reflash.png") no-repeat 1px 50%;
}
.size1
{
width:50px;
}
.size2
{
width:100px;
}
.size3
{
width:160px;
}
.size4
{
width:200px;
}
.size5
{
width:260px;
}
.size6
{
width:300px;
}
.size7
{
width:360px;
}
.X
{
float:right;
padding-right:3px;
color:#555;
cursor:pointer;
height:16px;
}
.nodisplay
{
display:none;
}
/* JQuery Validation */
label.error
{
padding: 2px 0 2px 20px;
display: block;
background: url(images/validation/exclamation.png) no-repeat 2px center;
}
input.error,select.error,textarea.error, input.cusErrorPanel,cusErrorPanel.cusErrorPanel,textarea.cusErrorPanel
{
border:solid 1px red;
}
label.checked
{
float:none;
position:relative;
padding: 0 0 0 18px;
background: url(images/validation/accept.png) no-repeat 2px center;
}
div.error
{
}
div.cusErrorPanel
{
z-index: auto;
position:absolute;
width: 276px;
height: 35px;
overflow: hidden;
text-indent: 5px;
line-height: 40px;
font-size: 12px;
font-family: Arial;
background: url(images/validation/tooltop.gif) no-repeat left top;
opacity:0.9;
filter: alpha(opacity=90);
}
.infocontainer
{
margin:2px;
padding:4px;
}
.fform
{
margin:0;
}
.fform label
{
display:block;
margin-top:2px;
padding:2px;
vertical-align:top;
}
.fform label.checkp
{
display:inline;
}
.fform label span
{
font-weight:bold;
display:block;
}
input.noborder
{
border:none;
}
.doing
{
color: red;
vertical-align: middle;
display: none;
position: absolute;
left: 20%;
top: 20%;
border: solid 1px #555;
background-color: #FFFF00;
padding: 5px;
}
div.clear
{
clear:both;
}
div.cHead
{
background: url(images/calendar/headbg.gif) repeat-x top;
border: 1px solid #99bbe8;
border-top: 0px;
font-weight: bold;
display: block;
overflow: hidden;
white-space: nowrap;
position: relative;
}
div.cHead div
{
padding:4px;
white-space: nowrap;
}
div.cHead div.ftitle
{
background:url("images/calendar/grid.png") no-repeat left ;
color:#15428b;
margin-left:10px;
padding-left:20px;
}
div.cHead div.ptogtitle
{
position: absolute;
top: 3px;
right: 15px;
height: 18px;
padding: 1px 2px 1px 2px;
font-weight: normal;
}
div.cHead div.loadicon
{
background:#c44;
color:#fff;
}
div.cHead div.loaderror
{
padding: 1px 4px 1px 4px;
background:#fad163;
}
div.cHead div.ptogtitle input
{
height:16px;
border:solid 1px #ccc;
background-color:#fff;
padding-left:4px;
}
div.ctoolbar
{
OVERFLOW: hidden;
POSITION: relative;
HEIGHT: 25px;
background: #E0E0FF;
margin-bottom: 2px;
}
div.ctoolbar div.fbutton
{
PADDING-RIGHT: 1px;
DISPLAY: block;
PADDING-LEFT: 1px;
FLOAT: left;
PADDING-BOTTOM: 1px;
CURSOR: pointer;
PADDING-TOP: 1px;
HEIGHT: 22px;
margin-left:1px;
}
div.ctoolbar div.fbutton div
{
float: left;
padding: 2px 3px;
}
div.ctoolbar div.fbutton span
{
float: left;
display: block;
height:18px;
}
div.ctoolbar div.fbutton.fcurrent
{
border: #555 1px solid;
padding: 0;
cursor: pointer;
background-color: #EDF1D5;
}
div.ctoolbar div.fbutton.fcurrent div
{
padding: 1px 2px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
}
div.ctoolbar div.fbutton:hover, .div.ctoolbar div.fbutton.fbOver
{
border: #466094 1px solid;
padding: 0;
cursor: pointer;
background-color: #EDF1D5;
}
div.ctoolbar div.fbutton:hover div, .div.ctoolbar div.fbutton.fbOver div
{
padding: 1px 2px;
border: 1px solid #fff;
border-right-color: #eee;
border-bottom-color: #eee;
}
div.ctoolbar div.btnseparator
{
float: left;
height: 18px;
border-left: 1px solid #ccc;
border-right: 1px solid #fff;
margin: 1px;
}
div.ctoolbar div.fshowdatep
{
padding: 1px;
display: block;
float: left;
cursor:default;
height: 22px;
}
div.ctoolbar div.fshowdatep div
{
float: left;
padding: 2px 3px;
}
div.ctoolbar div.fshowdatep span
{
float: left;
display: block;
}
div.cbody div.ctablehead
{
border: 1px solid #ccc;
border-top-color: #fff;
border-bottom: 0 #9c9c9c;
background: #e3f7ff url('images/calendar/gridth.gif') repeat-x left bottom;
overflow: hidden;
position: relative ;
height:25px;
}
div.cbody div.ctablehead th div,div.cbody div.ctablebody td div
{
padding: 4px;
border-left:none;
overflow:hidden;
}
div.cbody div.ctablehead th /* common cell properties*/
{
text-align: left;
border-right:solid 1px #ddd;
border-left:solid 1px #fff;
overflow: hidden;
vertical-align: top !important;
font-weight: normal;
cursor: default;
white-space: nowrap;
}
div.cbody div.ctablehead div.ctableheadp
{
float:left;
}
div.cbody div.ctablehead th div
{
height:17px;
}
div.cbody div.ctablebody
{
BORDER-RIGHT: #ccc 1px solid;
BORDER-TOP: #ccc 0px solid;
BACKGROUND: #dfe8f6;
OVERFLOW: auto;
BORDER-LEFT: #ccc 1px solid;
BORDER-BOTTOM: #ccc 1px solid;
POSITION: relative
}
div.cbody div.ctablebody td /* common cell properties*/
{
text-align: left;
border-left:solid 1px #fff;
border-top: none;
border-bottom: 1px dotted #ddd;
border-right:solid 1px #ddd;
overflow: hidden;
vertical-align: top !important;
white-space: nowrap;
background-color:#fff;
cursor:default;
}
div.cbody div.ctablebody tr.erow td
{
background: #F5FFEF;
}
div.cbody div.ctablebody tr:hover td,
div.cbody div.ctablebody tr.trOver td
{
background: #FFFFBB;
border-left: 1px solid #eef8ff;
border-bottom: 1px dotted #a8d8eb;
}
div.cbody div.ctablebody td div
{
border-top: 0 solid #fff;
padding-bottom: 2px;
}
div.ViewgBlock
{
background: #E3E3E3 url('images/calendar/load-bg.png');
}
div.ViewgBlock>div.loading
{
width: 100%;
height: 100%;
display: block;
opacity:0.5;
filter: alpha(opacity=50);
background:#f4f4f4 url('images/calendar/indicator_web20_working.gif') no-repeat center center;
}
.transparent
{
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
background-color:#000;
}