redakcja/static/datepicker/less/datepicker.less

   1 /*!
   2  * Datepicker for Bootstrap
   3  *
   4  * Copyright 2012 Stefan Petre
   5  * Licensed under the Apache License v2.0
   6  * http://www.apache.org/licenses/LICENSE-2.0
   7  *
   8  */
   9
  10 .datepicker {
  11         top: 0;
  12         left: 0;
  13         padding: 4px;
  14         margin-top: 1px;
  15         .border-radius(4px);
  16         &:before {
  17                 content: '';
  18                 display: inline-block;
  19                 border-left:   7px solid transparent;
  20                 border-right:  7px solid transparent;
  21                 border-bottom: 7px solid #ccc;
  22                 border-bottom-color: rgba(0,0,0,.2);
  23                 position: absolute;
  24                 top: -7px;
  25                 left: 6px;
  26         }
  27         &:after {
  28                 content: '';
  29                 display: inline-block;
  30                 border-left:   6px solid transparent;
  31                 border-right:  6px solid transparent;
  32                 border-bottom: 6px solid @white;
  33                 position: absolute;
  34                 top: -6px;
  35                 left: 7px;
  36         }
  37         >div {
  38                 display: none;
  39         }
  40         table{
  41                 width: 100%;
  42                 margin: 0;
  43         }
  44         td,
  45         th{
  46                 text-align: center;
  47                 width: 20px;
  48                 height: 20px;
  49                 .border-radius(4px);
  50         }
  51         td {
  52                 &.day:hover {
  53                         background: @grayLighter;
  54                         cursor: pointer;
  55                 }
  56                 &.day.disabled {
  57                         color: @grayLighter;
  58                 }
  59                 &.old,
  60                 &.new {
  61                         color: @grayLight;
  62                 }
  63                 &.active,
  64                 &.active:hover {
  65                         .buttonBackground(@btnPrimaryBackground, spin(@btnPrimaryBackground, 20));
  66                         color: #fff;
  67                         text-shadow: 0 -1px 0 rgba(0,0,0,.25);
  68                 }
  69                 span {
  70                         display: block;
  71                         width: 47px;
  72                         height: 54px;
  73                         line-height: 54px;
  74                         float: left;
  75                         margin: 2px;
  76                         cursor: pointer;
  77                         .border-radius(4px);
  78                         &:hover {
  79                                 background: @grayLighter;
  80                         }
  81                         &.active {
  82                                 .buttonBackground(@btnPrimaryBackground, spin(@btnPrimaryBackground, 20));
  83                                 color: #fff;
  84                                 text-shadow: 0 -1px 0 rgba(0,0,0,.25);
  85                         }
  86                         &.old {
  87                                 color: @grayLight;
  88                         }
  89                 }
  90         }
  91
  92         th {
  93                 &.switch {
  94                         width: 145px;
  95                 }
  96                 &.next,
  97                 &.prev {
  98                         font-size: @baseFontSize * 1.5;
  99                 }
 100         }
 101
 102         thead tr:first-child th {
 103                 cursor: pointer;
 104                 &:hover{
 105                         background: @grayLighter;
 106                 }
 107         }
 108         /*.dow {
 109                 border-top: 1px solid #ddd !important;
 110         }*/
 111 }
 112 .input-append,
 113 .input-prepend {
 114         &.date {
 115                 .add-on i {
 116                         display: block;
 117                         cursor: pointer;
 118                         width: 16px;
 119                         height: 16px;
 120                 }
 121         }
 122 }