src/pyams_skin/resources/less/tables.less
changeset 0 bb4aabe07487
child 24 21ae3534db9b
equal deleted inserted replaced
-1:000000000000 0:bb4aabe07487
       
     1 /*
       
     2  * Tables and datatables
       
     3  */
       
     4 
       
     5 .table-full {
       
     6 	width: 100%;
       
     7 }
       
     8 
       
     9 .table-wrap {
       
    10 	overflow: auto;
       
    11 }
       
    12 
       
    13 .table.has-tickbox {
       
    14 	thead tr th:first-child {
       
    15 		width: 18px;
       
    16 	}
       
    17 	&.ams-form tbody tr td:first-child .checkbox,
       
    18 	&.ams-form tbody tr td:first-child .radio,
       
    19 	&.ams-form thead tr th:first-child .checkbox,
       
    20 	&.ams-form thead tr th:first-child .radio {
       
    21 		padding: 0!important;
       
    22 	}
       
    23 }
       
    24 
       
    25 .table-dnd {
       
    26 	tbody {
       
    27 		tr {
       
    28 			&.dragging-row {
       
    29 				td {
       
    30 					background-color: @activeTabBg!important;
       
    31 				}
       
    32 			}
       
    33 			td:first-child {
       
    34 				padding-left: 20px!important;
       
    35 			}
       
    36 		}
       
    37 		td.drag-handle {
       
    38 			background: transparent url('../img/vert-drag-handle.png') scroll no-repeat left 50%;
       
    39 		}
       
    40 	}
       
    41 }
       
    42 .table-tight {
       
    43 	td,
       
    44 	th {
       
    45 		padding: 4px 8px!important;
       
    46 		line-height: 1.3!important;
       
    47 	}
       
    48 }
       
    49 .table-mini {
       
    50 	td,
       
    51 	th {
       
    52 		padding: 1px 8px!important;
       
    53 		line-height: 1.1!important;
       
    54 	}
       
    55 }
       
    56 
       
    57 .table-bordered {
       
    58 	>thead >tr >td,
       
    59 	>thead >tr >th {
       
    60 		border-width: 1px;
       
    61 	}
       
    62 	.no-padding {
       
    63 		& >.table-bordered {
       
    64 			border: 0!important;
       
    65 
       
    66 			tbody tr td:first-child,
       
    67 			thead tr td:first-child,
       
    68 			thead tr th:first-child {
       
    69 				border-left-width: 0!important;
       
    70 			}
       
    71 			tbody tr td:last-child,
       
    72 			thead tr th:last-child {
       
    73 				border-right-width: 0!important;
       
    74 			}
       
    75 			tbody tr:last-child td {
       
    76 				border-bottom-width: 0!important;
       
    77 			}
       
    78 		}
       
    79 	}
       
    80 	.no-padding .note-editable & {
       
    81 		border: 1px solid #ddd!important;
       
    82 	}
       
    83 }
       
    84 
       
    85 tr.bordered-bottom {
       
    86 	th,
       
    87 	td {
       
    88 		border-bottom: 1px solid #ddd;
       
    89 	}
       
    90 }
       
    91 
       
    92 .table-hover {
       
    93 	>tbody >tr:hover >td,
       
    94 	>tbody >tr:hover >th {
       
    95 		background-color: #eee;
       
    96 	}
       
    97 }
       
    98 
       
    99 th.checker,
       
   100 td.checker {
       
   101 	width: 30px;
       
   102 }
       
   103 
       
   104 th.action,
       
   105 td.action {
       
   106 	width: 26px;
       
   107 }
       
   108 
       
   109 .dt-row {
       
   110 	padding: 4px 10px;
       
   111 }
       
   112 
       
   113 .dt-top-row {
       
   114 	height: 0;
       
   115 	line-height: 0;
       
   116 	position: relative;
       
   117 }
       
   118 
       
   119 .dt-bottom-row {
       
   120 	background: #fafafa;
       
   121 	font-size: 11px;
       
   122 	overflow: hidden;
       
   123 	padding: 5px 10px;
       
   124 	border-top: 1px solid #ccc;
       
   125 	-webkit-box-shadow: inset 0 1px #fff;
       
   126 	-ms-box-shadow: inset 0 1px #fff;
       
   127 	box-shadow: inset 0 1px #fff;
       
   128 }
       
   129 
       
   130 .dataTables_length {
       
   131 	position: absolute;
       
   132 	right: 13px;
       
   133 	top: -35px;
       
   134 
       
   135 	select {
       
   136 		width: 60px;
       
   137 		padding: 3px;
       
   138 		font-size: 13px;
       
   139 		border: 1px solid #bbb;
       
   140 	}
       
   141 }
       
   142 
       
   143 .dataTables_filter {
       
   144 	position: absolute;
       
   145 	left: 10px;
       
   146 	top: -35px;
       
   147 
       
   148 	input {
       
   149 		padding: 3px 8px 1px;
       
   150 		font-size: 13px;
       
   151 	}
       
   152 	.form-control {
       
   153 		height: 28px;
       
   154 	}
       
   155 	.input-group {
       
   156 		width: 180px!important;
       
   157 	}
       
   158 	input select {
       
   159 		border: 1px solid #bbb;
       
   160 	}
       
   161 }
       
   162 
       
   163 .dataTables_paginate {
       
   164 	margin: 4px 0 0;
       
   165 
       
   166 	.pagination {
       
   167 		margin: 0;
       
   168 	}
       
   169 	.btn-group {
       
   170 		a {
       
   171 			color: #2E5F87;
       
   172 		}
       
   173 	}
       
   174 }
       
   175 
       
   176 .dt-wrapper {
       
   177 	overflow: hidden;
       
   178 }
       
   179 
       
   180 .dataTables_wrapper {
       
   181 	position: relative;
       
   182 
       
   183 	table.table {
       
   184 		clear: both;
       
   185 		max-width: inherit;
       
   186 		margin-bottom: 0;
       
   187 
       
   188 		thead {
       
   189 			th {
       
   190 				white-space: nowrap;
       
   191 				text-overflow: ellipsis;
       
   192 				-ms-text-overflow: ellipsis;
       
   193 			}
       
   194 
       
   195 			.sorting,
       
   196 			.sorting_asc,
       
   197 			.sorting_asc_disabled,
       
   198 			.sorting_desc,
       
   199 			.sorting_desc_disabled {
       
   200 				cursor: pointer;
       
   201 				padding-right: 20px;
       
   202 			}
       
   203 
       
   204 			.sorting {
       
   205 				background: url(../img/datatable/sort_both.png) no-repeat center right;
       
   206 			}
       
   207 
       
   208 			.sorting_asc {
       
   209 				background: url(../img/datatable/sort_asc.png) no-repeat center right;
       
   210 			}
       
   211 
       
   212 			.sorting_desc {
       
   213 				background: url(../img/datatable/sort_desc.png) no-repeat center right;
       
   214 			}
       
   215 
       
   216 			.sorting_asc_disabled {
       
   217 				background: url(../img/datatable/sort_asc_disabled.png) no-repeat center right;
       
   218 			}
       
   219 
       
   220 			.sorting_desc_disabled {
       
   221 				background: url(../img/datatable/sort_desc_disabled.png) no-repeat center right;
       
   222 			}
       
   223 		}
       
   224 
       
   225 		tbody tr.active {
       
   226 			th,
       
   227 			td {
       
   228 				background-color: #08C;
       
   229 				color: #fff;
       
   230 			}
       
   231 
       
   232 			&:hover td,
       
   233 			&:hover th {
       
   234 				background-color: #0075b0!important;
       
   235 			}
       
   236 		}
       
   237 	}
       
   238 
       
   239 	table.dataTable th:active {
       
   240 		outline: 0;
       
   241 	}
       
   242 
       
   243 	.table-striped tbody tr.active:nth-child(odd) td,
       
   244 	.table-striped tbody tr.active:nth-child(odd) th {
       
   245 		background-color: #017ebc;
       
   246 	}
       
   247 
       
   248 	select {
       
   249 		min-height: inherit;
       
   250 	}
       
   251 
       
   252 	table+.row {
       
   253 		margin-bottom: 0;
       
   254 		margin-top: 10px;
       
   255 	}
       
   256 
       
   257 	.dt_actions {
       
   258 		float: left;
       
   259 		margin-right: 20px;
       
   260 	}
       
   261 
       
   262 	.bottom,
       
   263 	.top {
       
   264 		background-color: #f5f5f5;
       
   265 		border: 1px solid #CCC;
       
   266 		padding: 15px;
       
   267 	}
       
   268 
       
   269 	div.DTTT .btn:hover {
       
   270 		text-decoration: none!important;
       
   271 	}
       
   272 
       
   273 	ul.DTTT_dropdown.dropdown-menu {
       
   274 		a {
       
   275 			color: #333!important;
       
   276 		}
       
   277 
       
   278 		li:hover a {
       
   279 			background-color: #08c;
       
   280 			color: #fff!important;
       
   281 		}
       
   282 	}
       
   283 
       
   284 	div.DTTT_print_info {
       
   285 		&.modal {
       
   286 			height: 150px;
       
   287 			margin-top: -75px;
       
   288 			text-align: center;
       
   289 		}
       
   290 
       
   291 		h6 {
       
   292 			font-weight: 400;
       
   293 			font-size: 28px;
       
   294 			line-height: 28px;
       
   295 			margin: 1em;
       
   296 		}
       
   297 
       
   298 		p {
       
   299 			font-size: 14px;
       
   300 			line-height: 20px;
       
   301 		}
       
   302 	}
       
   303 
       
   304 	div.DTFC_LeftFootWrapper table,
       
   305 	div.DTFC_LeftHeadWrapper table,
       
   306 	table.DTFC_Cloned tr.even {
       
   307 		background-color: #fff;
       
   308 	}
       
   309 
       
   310 	div.DTFC_LeftHeadWrapper table {
       
   311 		margin-bottom: 0!important;
       
   312 		border-top-right-radius: 0!important;
       
   313 		border-bottom-left-radius: 0!important;
       
   314 		border-bottom-right-radius: 0!important;
       
   315 	}
       
   316 }
       
   317 
       
   318 .dataTables_scrollBody {
       
   319 	-webkit-overflow-scrolling: touch;
       
   320 }
       
   321 
       
   322 .dataTables_info {
       
   323 	.top & {
       
   324 		float: none;
       
   325 	}
       
   326 
       
   327 	div.dt-bottom-row & {
       
   328 		float: left;
       
   329 		padding-top: 10px;
       
   330 		font-size: 12px;
       
   331 	}
       
   332 }
       
   333 
       
   334 .dataTables_full {
       
   335 	width: 100%!important;
       
   336 }
       
   337 
       
   338 .dataTables_empty {
       
   339 	text-align: center!important;
       
   340 	font-size: 15px;
       
   341 	background: #fff!important;
       
   342 	padding: 20px 0!important;
       
   343 	cursor: default;
       
   344 }
       
   345 
       
   346 .dataTables_scroll {
       
   347 	clear: both;
       
   348 }
       
   349 
       
   350 .dataTables_scrollHeadInner table.table-bordered {
       
   351 	border-radius: 4px 4px 0 0;
       
   352 
       
   353 	&,
       
   354 	& thead {
       
   355 		border-bottom: 0;
       
   356 	}
       
   357 }
       
   358 
       
   359 .dataTables_scrollBody table {
       
   360 	border-top: 0;
       
   361 }
       
   362 
       
   363 .dataTables_processing {
       
   364 	position: absolute;
       
   365 	top: 50%;
       
   366 	margin-top: -24px;
       
   367 	z-index: 100;
       
   368 	left: 50%;
       
   369 	width: 250px;
       
   370 	margin-left: -125px;
       
   371 	border: 1px solid #ddd;
       
   372 	text-align: center;
       
   373 	color: #000;
       
   374 	background: #fff;
       
   375 	font-size: 15px!important;
       
   376 	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
       
   377 	-ms-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
       
   378 	box-shadow: 0 0 4px rgba(0, 0, 0, .2);
       
   379 	padding: 10px 0;
       
   380 }
       
   381 
       
   382 .dataTables_wrapper {
       
   383 	.center {
       
   384 		text-align: center;
       
   385 	}
       
   386 
       
   387 	.details,
       
   388 	.details:hover {
       
   389 		background: #ddd!important;
       
   390 	}
       
   391 
       
   392 	.details table td {
       
   393 		background: #fff!important;
       
   394 	}
       
   395 }
       
   396 
       
   397 .dataTables_scrollHeadInner table.table,
       
   398 .dataTables_wrapper .details table.table {
       
   399 	margin: 0!important;
       
   400 }
       
   401 
       
   402 .dataTables_scrollHead table {
       
   403 	margin-bottom: 0!important;
       
   404 	border-bottom-left-radius: 0;
       
   405 	border-bottom-right-radius: 0;
       
   406 
       
   407 	thead tr:last-child th:first-child {
       
   408 		border-bottom-left-radius: 0!important;
       
   409 		border-bottom-right-radius: 0!important;
       
   410 	}
       
   411 }
       
   412 
       
   413 .DTFC_LeftHeadWrapper table thead tr:last-child td:first-child,
       
   414 .DTFC_LeftHeadWrapper table thead tr:last-child th:first-child {
       
   415 	border-bottom-left-radius: 0!important;
       
   416 	border-bottom-right-radius: 0!important;
       
   417 }
       
   418 
       
   419 .DTFC_LeftBodyWrapper table,
       
   420 .dataTables_scrollBody table {
       
   421 	border-top: 0;
       
   422 	margin-bottom: 0!important;
       
   423 }
       
   424 .DTFC_LeftBodyWrapper tbody tr:first-child td,
       
   425 .DTFC_LeftBodyWrapper tbody tr:first-child th,
       
   426 div.DTFC_LeftFootWrapper table,
       
   427 div.dataTables_scrollBody tbody tr:first-child th,
       
   428 div.dataTables_scrollFoot table {
       
   429 	border-top: 0;
       
   430 }
       
   431 
       
   432 
       
   433 /*
       
   434  * Datatables ColVis plug-in
       
   435  */
       
   436 
       
   437 .ColVis {
       
   438 	position: absolute;
       
   439 	right: 83px;
       
   440 	top: -35px;
       
   441 }
       
   442 
       
   443 .ColVis_collection {
       
   444 	position: relative;
       
   445 	width: 180px;
       
   446 	background-color: #fff;
       
   447 	border: 1px solid rgba(0, 0, 0, .2);
       
   448 	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
       
   449 	box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
       
   450 	z-index: 1102;
       
   451 	padding-top: 3px;
       
   452 	padding-left: 10px;
       
   453 	list-style-type: none;
       
   454 	list-style-position: outside;
       
   455 
       
   456 	.ColVis_Button {
       
   457 		position: relative;
       
   458 		margin-right: 3px;
       
   459 		height: 30px;
       
   460 		background-color: #fff;
       
   461 		border: 1px solid #d0d0d0;
       
   462 		cursor: hand;
       
   463 		padding: 3px 5px;
       
   464 	}
       
   465 
       
   466 	button.ColVis_Button {
       
   467 		padding: 4px 12px;
       
   468 		height: 26px;
       
   469 		background-color: #fff;
       
   470 		border: 0;
       
   471 		width: 100%;
       
   472 		float: none;
       
   473 		font-size: 12px;
       
   474 
       
   475 		&+button.ColVis_Button {
       
   476 			border-top: 1px solid #e1e1e1;
       
   477 		}
       
   478 
       
   479 		button.ColVis_Button input {
       
   480 			margin: 0;
       
   481 		}
       
   482 	}
       
   483 }
       
   484 
       
   485 button.ColVis_Button {
       
   486 	padding: 4px 5px;
       
   487 	text-align: left;
       
   488 
       
   489 	&::-moz-focus-inner {
       
   490 		border: 0!important;
       
   491 		padding: 0;
       
   492 	}
       
   493 }
       
   494 
       
   495 .ColVis_collectionBackground {
       
   496 	position: fixed;
       
   497 	top: 0;
       
   498 	left: 0;
       
   499 	width: 100%;
       
   500 	height: 100%;
       
   501 	background-color: #000;
       
   502 	z-index: 1100;
       
   503 }
       
   504 
       
   505 div.ColVis_catcher {
       
   506 	position: absolute;
       
   507 	z-index: 1101;
       
   508 }
       
   509 
       
   510 span.ColVis_radio {
       
   511 	display: inline-block;
       
   512 	width: 20px;
       
   513 	vertical-align: -2px;
       
   514 }
       
   515 
       
   516 .ColVis_text_hover,
       
   517 div.ColVis_collection button.ColVis_Button:hover {
       
   518 	background: #F2F2F2;
       
   519 	color: #222;
       
   520 }
       
   521 
       
   522 
       
   523 /*
       
   524  * Datatables columns reorder plug-in
       
   525  */
       
   526 
       
   527 table.DTCR_clonedTable {
       
   528 	background-color: #fff;
       
   529 	z-index: 202;
       
   530 }
       
   531 
       
   532 div.DTCR_pointer {
       
   533 	width: 1px;
       
   534 	background-color: #0259C4;
       
   535 	z-index: 201;
       
   536 }
       
   537 
       
   538 ul.DTTT_dropdown.dropdown-menu li {
       
   539 	position: relative;
       
   540 
       
   541 	&:hover a {
       
   542 		background-color: #f2f2f2;
       
   543 		color: #333!important;
       
   544 	}
       
   545 }
       
   546 
       
   547 .table_tools_group {
       
   548 	position: absolute;
       
   549 	right: 83px;
       
   550 	top: -37px;
       
   551 }
       
   552 
       
   553 .DTTT.btn-group {
       
   554 	position: absolute;
       
   555 	top: -38px;
       
   556 	right: 83px;
       
   557 }
       
   558 
       
   559 .DTTT_dropdown {
       
   560 	z-index: 2002;
       
   561 }
       
   562 
       
   563 .DTFC_LeftHeadWrapper {
       
   564 	border-bottom: 1px solid #ddd;
       
   565 }
       
   566 
       
   567 div.DTTT_container {
       
   568 	position: relative;
       
   569 	float: right;
       
   570 	margin-bottom: 1em;
       
   571 }
       
   572 
       
   573 a.DTTT_button,
       
   574 button.DTTT_button,
       
   575 div.DTTT_button {
       
   576 	position: relative;
       
   577 	float: left;
       
   578 	margin-right: 3px;
       
   579 	padding: 5px 8px;
       
   580 	border: 1px solid #999;
       
   581 	cursor: pointer;
       
   582 	*cursor: hand;
       
   583 	font-size: .88em;
       
   584 	color: #000!important;
       
   585 	-o-border-radius: 2px;
       
   586 	border-radius: 2px;
       
   587 	-webkit-box-shadow: 1px 1px 3px #ccc;
       
   588 	-ms-box-shadow: 1px 1px 3px #ccc;
       
   589 	-o-box-shadow: 1px 1px 3px #ccc;
       
   590 	box-shadow: 1px 1px 3px #ccc;
       
   591 	background: #fff;
       
   592 	background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%);
       
   593 	background: -webkit-gradient(linear, top left, bottom left, from(#fff), color-stop(89%, #f3f3f3), to(#f9f9f9));
       
   594 	background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%);
       
   595 	background: linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%);
       
   596 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',  endColorstr='#f9f9f9',  GradientType=0);
       
   597 
       
   598 	&:hover {
       
   599 		border: 1px solid #666;
       
   600 		text-decoration: none!important;
       
   601 		-webkit-box-shadow: 1px 1px 3px #999;
       
   602 		-ms-box-shadow: 1px 1px 3px #999;
       
   603 		-o-box-shadow: 1px 1px 3px #999;
       
   604 		box-shadow: 1px 1px 3px #999;
       
   605 		background: #f3f3f3;
       
   606 		background: -webkit-linear-gradient(top, #f3f3f3 0, #e2e2e2 89%, #f4f4f4 100%);
       
   607 		background: -webkit-gradient(linear, top left, bottom left, from(#f3f3f3), color-stop(89%, #e2e2e2), to(#f4f4f4));
       
   608 		background: -webkit-linear-gradient(top, #f3f3f3 0, #e2e2e2 89%, #f4f4f4 100%);
       
   609 		background: linear-gradient(top, #f3f3f3 0, #e2e2e2 89%, #f4f4f4 100%);
       
   610 		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3',  endColorstr='#f4f4f4',  GradientType=0);
       
   611 	}
       
   612 }
       
   613 
       
   614 button.DTTT_button {
       
   615 	height: 30px;
       
   616 	padding: 3px 8px;
       
   617 }
       
   618 
       
   619 .DTTT_button embed {
       
   620 	outline: 0;
       
   621 }
       
   622 
       
   623 a.DTTT_disabled,
       
   624 button.DTTT_disabled,
       
   625 div.DTTT_disabled {
       
   626 	color: #999;
       
   627 	border: 1px solid #d0d0d0;
       
   628 	background: #fff;
       
   629 	background: -webkit-linear-gradient(top, #fff 0, #f9f9f9 89%, #fafafa 100%);
       
   630 	background: -webkit-gradient(linear, top left, bottom left, from(#fff), color-stop(89%, #f9f9f9), to(#fafafa));
       
   631 	background: -webkit-linear-gradient(top, #fff 0, #f9f9f9 89%, #fafafa 100%);
       
   632 	background: linear-gradient(top, #fff 0, #f9f9f9 89%, #fafafa 100%);
       
   633 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',  endColorstr='#fafafa',  GradientType=0);
       
   634 }
       
   635 
       
   636 table.DTTT_selectable tbody tr {
       
   637 	cursor: pointer;
       
   638 	*cursor: hand;
       
   639 }
       
   640 table.dataTable tr.DTTT_selected {
       
   641 	&.odd {
       
   642 		td.sorting_1,
       
   643 		td.sorting_2,
       
   644 		td.sorting_3 {
       
   645 			background-color: #9FAFD1;
       
   646 		}
       
   647 	}
       
   648 
       
   649 	&.even {
       
   650 		td.sorting_1,
       
   651 		td.sorting_2,
       
   652 		td.sorting_3 {
       
   653 			background-color: #B0BED9;
       
   654 		}
       
   655 	}
       
   656 }
       
   657 
       
   658 div.DTTT_collection {
       
   659 	width: 150px;
       
   660 	padding: 8px 8px 4px;
       
   661 	border: 1px solid #ccc;
       
   662 	border: 1px solid rgba(0, 0, 0, .4);
       
   663 	background-color: #f3f3f3;
       
   664 	background-color: rgba(255, 255, 255, .3);
       
   665 	overflow: hidden;
       
   666 	z-index: 2002;
       
   667 	-o-border-radius: 5px;
       
   668 	border-radius: 5px;
       
   669 	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .3);
       
   670 	-ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, .3);
       
   671 	-o-box-shadow: 3px 3px 5px rgba(0, 0, 0, .3);
       
   672 	box-shadow: 3px 3px 5px rgba(0, 0, 0, .3);
       
   673 
       
   674 	a.DTTT_button,
       
   675 	button.DTTT_button,
       
   676 	div.DTTT_button {
       
   677 		position: relative;
       
   678 		left: 0;
       
   679 		right: 0;
       
   680 		display: block;
       
   681 		float: none;
       
   682 		margin-bottom: 4px;
       
   683 		-webkit-box-shadow: 1px 1px 3px #999;
       
   684 		-ms-box-shadow: 1px 1px 3px #999;
       
   685 		-o-box-shadow: 1px 1px 3px #999;
       
   686 		box-shadow: 1px 1px 3px #999;
       
   687 	}
       
   688 }
       
   689 
       
   690 div.DTTT_collection_background {
       
   691 	z-index: 2001;
       
   692 }
       
   693 
       
   694 .DTTT_print_info {
       
   695 	position: fixed;
       
   696 	top: 50%;
       
   697 	left: 50%;
       
   698 	width: 400px;
       
   699 	height: 150px;
       
   700 	margin-left: -200px;
       
   701 	margin-top: -75px;
       
   702 	text-align: center;
       
   703 	color: #333;
       
   704 	padding: 10px 30px;
       
   705 	background: #fff;
       
   706 	background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%);
       
   707 	background: -webkit-gradient(linear, top left, bottom left, from(#fff), color-stop(89%, #f3f3f3), to(#f9f9f9));
       
   708 	background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%);
       
   709 	background: linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%);
       
   710 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',  endColorstr='#f9f9f9',  GradientType=0);
       
   711 	opacity: .95;
       
   712 	border: 1px solid #000;
       
   713 	border: 1px solid rgba(0, 0, 0, .5);
       
   714 	-o-border-radius: 6px;
       
   715 	border-radius: 6px;
       
   716 	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .5);
       
   717 	-ms-box-shadow: 0 3px 7px rgba(0, 0, 0, .5);
       
   718 	-o-box-shadow: 0 3px 7px rgba(0, 0, 0, .5);
       
   719 	box-shadow: 0 3px 7px rgba(0, 0, 0, .5);
       
   720 
       
   721 	h6 {
       
   722 		font-weight: 400;
       
   723 		font-size: 28px;
       
   724 		line-height: 28px;
       
   725 		margin: 1em;
       
   726 	}
       
   727 
       
   728 	p {
       
   729 		font-size: 14px;
       
   730 		line-height: 20px;
       
   731 	}
       
   732 }