|
|
Line 20: |
Line 20: |
| margin-right:20px; | | margin-right:20px; |
| } | | } |
- | .calendar p, .calendar ul{ | + | |
- | text-indent:0!important;
| + | .cal-wrapper { |
- | margin-left:0!important;
| + | display: block; |
| + | background: blue; |
| + | border-radius: 5px; |
| + | padding: 5px; |
| } | | } |
- | .calendar{ | + | .calendar { |
- | background:#fefefe; | + | background-color: white; |
- | margin:0 auto; | + | border-radius: 5px; |
- | padding-top: 5px; | + | width: 60%; |
- | width: 100%; | + | float: left; |
- | height:100%;
| + | padding-top:5px; |
| + | padding-bottom: 5px; |
| + | } |
| + | .calendar-week, .calendar-day { |
| + | padding: 0; |
| + | margin: 0; |
| + | margin: auto 0; |
| + | margin-left: 5px; |
| + | } |
| + | .calendar-week li { |
| + | display: inline-block; |
| + | border-radius: 3px; |
| text-align: center; | | text-align: center; |
- | position: relative;
| + | font-weight: 700; |
- | color:#555;
| + | width: 13%; |
- | font-size:11px;
| + | padding:0; |
- | font-family:Lucida Grande;
| + | margin:0; |
- | margin-bottom:15px;
| + | background: #efefef; |
- | font-weight:400;
| + | border:0; |
| } | | } |
- | .calcontainer{ | + | .calendar-day li { |
- | margin-bottom:10px; | + | display: inline-block; |
- | margin-left:25px;
| + | border-radius: 3px; |
- | margin: 0 auto; | + | text-align: center; |
| + | font-weight: 700; |
| + | width: 13%; |
| + | padding:0; |
| + | margin:0; |
| + | background: #fdfdfd; |
| + | border:0; |
| + | list-style: none; |
| + | height: 30px; |
| + | line-height: 30px; |
| } | | } |
- | .daysmonth{ | + | .calendar-day a:hover li { |
- | clear:both; | + | background: blue; |
| + | color: white; |
| } | | } |
- | .dayweek{background:#fefefe;width:14%;height:30px;float:left;border-right:1px solid #e5e5e5;} | + | .clear { |
- | .dayweek p{display:block;text-align:center;font-size:10px;line-height:31px;text-shadow:0 1px 0 #ffffff;}
| + | clear: both; |
- | .week{overflow:hidden;border-top:1px solid #c2c2c2;}
| + | } |
- | .week:hover{background:#fefefe;cursor:pointer;} | + | .calendar-note { |
- | .weeku{overflow:hidden;border-top:1px solid #c2c2c2;border-bottom:1px solid #e5e5e5;}
| + | background-color: white; |
- | .today{background:#fffcdf;border-right:1px solid #e5e5e5;}
| + | border-radius: 5px; |
- | .today .daybar{background:#fffac1;}
| + | width: 39%; |
- | .day{width:14%;float:left;border-right:1px solid #e5e5e5;}
| + | float: right; |
- | .brn{border-right:none;}
| + | height: 100%; |
- | .bun{border-bottom:none;}
| + | |
- | .daybar{width:100%;float:left;background:#f3f3f3;}
| + | |
- | .daybar p{margin-left:5px;margin-top:3px;margin-bottom:3px;font-size:10px;font-weight:400;color:#969696;text-shadow:0 1px 0 #ffffff;}
| + | |
- | .dots{width:100%;height:35px;clear:both;}
| + | |
- | .dots ul{text-align:center;white-space:nowrap;overflow:hidden;}
| + | |
- | .dots ul li{margin-top:10px;display:inline-block;-webkit-border-radius:14px;width:12px;height:12px;}
| + | |
- | .big{width:14%;float:left;}
| + | |
- | .big:hover{background:#e9f0f8;cursor:pointer;}
| + | |
- | .big .dots{height:65px;}
| + | |
- | .big .dots li{margin-top:25px;}
| + | |
- | | + | |
- | /**************************** Events when slide is open ****************************/
| + | |
- | .open{height:200px;width:100%;border-top:1px solid #e5e5e5;float:left;clear:both;overflow:hidden;}
| + | |
- | .bigwk .open{height:600px;}
| + | |
- | .mweek .open{height:400px;}
| + | |
- | .open li{-webkit-border-radius:10px;margin-left:1px;margin-right:1px;border-bottom:#eeeeee solid 1px;padding:0;overflow:hidden;}
| + | |
- | .open li p{margin:1px;margin-top:3px;line-height:12px;font-size:12px;color:#ffffff;overflow:hidden;word-wrap:break-word;}
| + | |
- | .open li:hover{cursor:pointer;}
| + | |
- | | + | |
- | /**************************** Colors ****************************/
| + | |
- | .none{background:#d6d6d6;}
| + | |
- | .none:hover{background:#dfdfdf;}
| + | |
- | .blue{background:#5496dd;}
| + | |
- | .blue:hover{background:#5c9ef9;}
| + | |
- | .red{background:#ff454b;}
| + | |
- | .red:hover{background:#ff6164;}
| + | |
- | .yellow{
| + | |
- | background:rgba(255, 172, 77, 0.8) none repeat scroll 0 0 !important;
| + | |
| } | | } |
- | .yellow:hover{ | + | .note { |
- | background:rgba(255, 189 106, 0.8) none repeat scroll 0 0 !important;
| + | height: 100%; |
| + | margin: 5px; |
| } | | } |
- | .green{background:#7ec754;}
| |
- | .green:hover{background:#7ec754;}
| |
| | | |
- | /**************************** Duration of an event ****************************/
| |
- | .open li{height:200px;overflow:hidden;}
| |
- | .open li.e2{height:100px;overflow:hidden;}
| |
- | .open li.e3{height:67px;overflow:hidden;}
| |
- | .open li.e4{height:50px;overflow:hidden;}
| |
- | .open li.e5{height:40px;overflow:hidden;}
| |
- | .open li.e6{height:33.33px;overflow:hidden;}
| |
- | .open li.e7{height:28.57px;overflow:hidden;}
| |
- | .open li.e8{height:25px;overflow:hidden;}
| |
- | .bigwk .open li{height:600px;overflow:hidden;}
| |
- | .bigwk .open li.e2{height:300px;overflow:hidden;}
| |
- | .bigwk .open li.e3{height:200px;overflow:hidden;}
| |
- | .bigwk .open li.e4{height:150px;overflow:hidden;}
| |
- | .bigwk .open li.e5{height:120px;overflow:hidden;}
| |
- | .bigwk .open li.e6{height:100px;overflow:hidden;}
| |
- | .bigwk .open li.e7{height:85.71px;overflow:hidden;}
| |
- | .bigwk .open li.e8{height:75px;overflow:hidden;}
| |
- | .mweek .open li{height:400px;overflow:hidden;}
| |
- | .mweek .open li.e2{height:200px;overflow:hidden;}
| |
- | .mweek .open li.e3{height:134px;overflow:hidden;}
| |
- | .mweek .open li.e4{height:100px;overflow:hidden;}
| |
- | .mweek .open li.e5{height:80px;overflow:hidden;}
| |
- | .mweek .open li.e6{height:67px;overflow:hidden;}
| |
- | .mweek .open li.e7{height:57.14px;overflow:hidden;}
| |
- | .mweek .open li.e8{height:50px;overflow:hidden;}
| |
| | | |
- | /**************************** Legend ****************************/
| |
- | .caldot{width:12px;height:12px;border-radius:6px;margin-left:3px;margin-top:4px;margin-right:3px;}
| |
| </style> | | </style> |
| <script> | | <script> |