github.com/apremalal/vamps-core@v1.0.1-0.20161221121535-d430b56ec174/server/webapps/app/base/plugins/bootstrap-datepicker/less/datepicker3.less (about)

     1  /*!
     2   * Datepicker for Bootstrap
     3   *
     4   * Copyright 2012 Stefan Petre
     5   * Improvements by Andrew Rowls
     6   * Licensed under the Apache License v2.0
     7   * http://www.apache.org/licenses/LICENSE-2.0
     8   *
     9   */
    10  
    11  .datepicker {
    12  	padding: 4px;
    13  	border-radius: 4px;
    14  	&-inline {
    15  		width: 220px;
    16  	}
    17  	direction: ltr;
    18  	&&-rtl {
    19  		direction: rtl;
    20  		table tr td span {
    21  			float: right;
    22  		}
    23  	}
    24  	&-dropdown {
    25  		top: 0;
    26  		left: 0;
    27  		&:before {
    28  			content: '';
    29  			display: inline-block;
    30  			border-left:   7px solid transparent;
    31  			border-right:  7px solid transparent;
    32  			border-bottom: 7px solid #ccc;
    33  			border-top:    0;
    34  			border-bottom-color: rgba(0,0,0,.2);
    35  			position: absolute;
    36  		}
    37  		&:after {
    38  			content: '';
    39  			display: inline-block;
    40  			border-left:   6px solid transparent;
    41  			border-right:  6px solid transparent;
    42  			border-bottom: 6px solid #fff;
    43  			border-top:    0;
    44  			position: absolute;
    45  		}
    46  		&.datepicker-orient-left:before   { left: 6px; }
    47  		&.datepicker-orient-left:after    { left: 7px; }
    48  		&.datepicker-orient-right:before  { right: 6px; }
    49  		&.datepicker-orient-right:after   { right: 7px; }
    50  		&.datepicker-orient-top:before    { top: -7px; }
    51  		&.datepicker-orient-top:after     { top: -6px; }
    52  		&.datepicker-orient-bottom:before {
    53  			bottom: -7px;
    54  			border-bottom: 0;
    55  			border-top:    7px solid #999;
    56  		}
    57  		&.datepicker-orient-bottom:after {
    58  			bottom: -6px;
    59  			border-bottom: 0;
    60  			border-top:    6px solid #fff;
    61  		}
    62  	}
    63  	>div {
    64  		display: none;
    65  	}
    66  	&.days div.datepicker-days {
    67  		display: block;
    68  	}
    69  	&.months div.datepicker-months {
    70  		display: block;
    71  	}
    72  	&.years div.datepicker-years {
    73  		display: block;
    74  	}
    75  	table{
    76  		margin: 0;
    77  		-webkit-touch-callout: none;
    78  		-webkit-user-select: none;
    79  		-khtml-user-select: none;
    80  		-moz-user-select: none;
    81  		-ms-user-select: none;
    82  		user-select: none;
    83  		tr {
    84  			td, th {
    85  				text-align: center;
    86  				width: 30px;
    87  				height: 30px;
    88  				border-radius: 4px;
    89  
    90  				border: none;
    91  			}
    92  		}
    93  	}
    94  	// Inline display inside a table presents some problems with
    95  	// border and background colors.
    96  	.table-striped & table tr {
    97  		td, th {
    98  			background-color:transparent;
    99  		}
   100  	}
   101  	table tr td {
   102  		&.day:hover, &.day.focused {
   103  			background: @gray-lighter;
   104  			cursor: pointer;
   105  		}
   106  		&.old,
   107  		&.new {
   108  			color: @btn-link-disabled-color;
   109  		}
   110  		&.disabled,
   111  		&.disabled:hover {
   112  			background: none;
   113  			color: @btn-link-disabled-color;
   114  			cursor: default;
   115  		}
   116  		&.today,
   117  		&.today:hover,
   118  		&.today.disabled,
   119  		&.today.disabled:hover {
   120  			@today-bg: lighten(orange, 30%);
   121  			.button-variant(#000, @today-bg, darken(@today-bg, 20%));
   122  		}
   123  		&.today:hover:hover { // Thank bootstrap 2.0 for this selector...
   124  			// TODO: Bump min BS to 2.1, use @textColor in buttonBackground above
   125  			color: #000;
   126  		}
   127  		&.today.active:hover {
   128  			color: #fff;
   129  		}
   130  		&.range,
   131  		&.range:hover,
   132  		&.range.disabled,
   133  		&.range.disabled:hover {
   134  			background:@gray-lighter;
   135  			border-radius: 0;
   136  		}
   137  		&.range.today,
   138  		&.range.today:hover,
   139  		&.range.today.disabled,
   140  		&.range.today.disabled:hover {
   141  			@today-bg: mix(orange, @gray-lighter, 50%);
   142  			.button-variant(#000, @today-bg, darken(@today-bg, 20%));
   143  			border-radius: 0;
   144  		}
   145  		&.selected,
   146  		&.selected:hover,
   147  		&.selected.disabled,
   148  		&.selected.disabled:hover {
   149  			.button-variant(#fff, @gray-light, @gray);
   150  			text-shadow: 0 -1px 0 rgba(0,0,0,.25);
   151  		}
   152  		&.active,
   153  		&.active:hover,
   154  		&.active.disabled,
   155  		&.active.disabled:hover {
   156  			.button-variant(@btn-primary-color, @btn-primary-bg, @btn-primary-border);
   157  			text-shadow: 0 -1px 0 rgba(0,0,0,.25);
   158  		}
   159  		span {
   160  			display: block;
   161  			width: 23%;
   162  			height: 54px;
   163  			line-height: 54px;
   164  			float: left;
   165  			margin: 1%;
   166  			cursor: pointer;
   167  			border-radius: 4px;
   168  			&:hover {
   169  				background: @gray-lighter;
   170  			}
   171  			&.disabled,
   172  			&.disabled:hover {
   173  				background: none;
   174  				color: @btn-link-disabled-color;
   175  				cursor: default;
   176  			}
   177  			&.active,
   178  			&.active:hover,
   179  			&.active.disabled,
   180  			&.active.disabled:hover {
   181  				.button-variant(@btn-primary-color, @btn-primary-bg, @btn-primary-border);
   182  				text-shadow: 0 -1px 0 rgba(0,0,0,.25);
   183  			}
   184  			&.old,
   185  			&.new {
   186  				color: @btn-link-disabled-color;
   187  			}
   188  		}
   189  	}
   190  
   191  	th.datepicker-switch {
   192  		width: 145px;
   193  	}
   194  
   195  	thead tr:first-child th,
   196  	tfoot tr th {
   197  		cursor: pointer;
   198  		&:hover{
   199  			background: @gray-lighter;
   200  		}
   201  	}
   202  	/*.dow {
   203  		border-top: 1px solid #ddd !important;
   204  	}*/
   205  
   206  	// Basic styling for calendar-week cells
   207  	.cw {
   208  		font-size: 10px;
   209  		width: 12px;
   210  		padding: 0 2px 0 5px;
   211  		vertical-align: middle;
   212  	}
   213  	thead tr:first-child th.cw {
   214  		cursor: default;
   215  		background-color: transparent;
   216  	}
   217  }
   218  .input-group {
   219  	&.date {
   220  		.input-group-addon i {
   221  			cursor: pointer;
   222  			width: 16px;
   223  			height: 16px;
   224  		}
   225  	}
   226  }
   227  .input-daterange {
   228  	input {
   229  		text-align:center;
   230  	}
   231  	input:first-child {
   232  		border-radius: 3px 0 0 3px;
   233  	}
   234  	input:last-child {
   235  		border-radius: 0 3px 3px 0;
   236  	}
   237  	.input-group-addon {
   238  		width: auto;
   239  		min-width: 16px;
   240  		padding: 4px 5px;
   241  		font-weight: normal;
   242  		line-height: @line-height-base;
   243  		text-align: center;
   244  		text-shadow: 0 1px 0 #fff;
   245  		vertical-align: middle;
   246  		background-color: @input-group-addon-bg;
   247  		border: solid @input-group-addon-border-color;
   248  		border-width: 1px 0;
   249  		margin-left:-5px;
   250  		margin-right:-5px;
   251  	}
   252  }