src/ztfy/myams/resources/less/modal.less
changeset 182 681edeb5c6ef
parent 156 61176c64158d
child 206 02a40997d8cb
equal deleted inserted replaced
181:edc461e6a13b 182:681edeb5c6ef
    67 		margin: 0 15px 0 0;
    67 		margin: 0 15px 0 0;
    68 	}
    68 	}
    69 }
    69 }
    70 
    70 
    71 .modal-overflow {
    71 .modal-overflow {
       
    72 	position: relative;
       
    73 
    72 	.modal-body {
    74 	.modal-body {
    73 		overflow: hidden;
    75 		overflow: hidden;
    74 	}
    76 	}
    75 }
    77 	.scrollmarker {
       
    78 		position: absolute;
       
    79 		width: 100%;
       
    80 		height: 20px;
       
    81 
       
    82 		&.top {
       
    83 			background: -moz-linear-gradient(top,  rgba(50, 118, 177, 1) 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); /* FF3.6+ */
       
    84 			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(50, 118, 177, 1)), color-stop(17%,rgba(50, 118, 177, 0.83)), color-stop(100%,rgba(50, 118, 177,0))); /* Chrome,Safari4+ */
       
    85 			background: -webkit-linear-gradient(top,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* Chrome10+,Safari5.1+ */
       
    86 			background: -o-linear-gradient(top,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* Opera 11.10+ */
       
    87 			background: -ms-linear-gradient(top,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* IE10+ */
       
    88 			background: linear-gradient(to bottom,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* W3C */
       
    89 }
       
    90 		&.bottom {
       
    91 			background: -moz-linear-gradient(bottom,  rgba(50, 118, 177, 1) 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); /* FF3.6+ */
       
    92 			background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(50, 118, 177, 1)), color-stop(17%,rgba(50, 118, 177, 0.83)), color-stop(100%,rgba(50, 118, 177,0))); /* Chrome,Safari4+ */
       
    93 			background: -webkit-linear-gradient(bottom,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* Chrome10+,Safari5.1+ */
       
    94 			background: -o-linear-gradient(bottom,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* Opera 11.10+ */
       
    95 			background: -ms-linear-gradient(bottom,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* IE10+ */
       
    96 			background: linear-gradient(to top,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* W3C */
       
    97 		}
       
    98 	}
       
    99 }
       
   100 
    76 .modal-viewport {
   101 .modal-viewport {
       
   102 	overflow-x: hidden;
       
   103 	overflow-y: auto;
       
   104 
    77 	fieldset {
   105 	fieldset {
    78 		.alert {
   106 		.alert {
    79 			margin: 0 -5px 5px!important;
   107 			margin: 0 -5px 5px!important;
    80 		}
   108 		}
    81 	}
   109 	}
   283 				border-color: #000;
   311 				border-color: #000;
   284 			}
   312 			}
   285 		}
   313 		}
   286 	}
   314 	}
   287 }
   315 }
   288 
       
   289 .modal-overflow {
       
   290 	position: relative;
       
   291 
       
   292 	.scrollmarker {
       
   293 		position: absolute;
       
   294 		width: 100%;
       
   295 		height: 20px;
       
   296 
       
   297 		&.top {
       
   298 			background: -moz-linear-gradient(top,  rgba(50, 118, 177, 1) 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); /* FF3.6+ */
       
   299 			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(50, 118, 177, 1)), color-stop(17%,rgba(50, 118, 177, 0.83)), color-stop(100%,rgba(50, 118, 177,0))); /* Chrome,Safari4+ */
       
   300 			background: -webkit-linear-gradient(top,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* Chrome10+,Safari5.1+ */
       
   301 			background: -o-linear-gradient(top,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* Opera 11.10+ */
       
   302 			background: -ms-linear-gradient(top,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* IE10+ */
       
   303 			background: linear-gradient(to bottom,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* W3C */
       
   304 		}
       
   305 		&.bottom {
       
   306 			background: -moz-linear-gradient(bottom,  rgba(50, 118, 177, 1) 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); /* FF3.6+ */
       
   307 			background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(50, 118, 177, 1)), color-stop(17%,rgba(50, 118, 177, 0.83)), color-stop(100%,rgba(50, 118, 177,0))); /* Chrome,Safari4+ */
       
   308 			background: -webkit-linear-gradient(bottom,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* Chrome10+,Safari5.1+ */
       
   309 			background: -o-linear-gradient(bottom,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* Opera 11.10+ */
       
   310 			background: -ms-linear-gradient(bottom,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* IE10+ */
       
   311 			background: linear-gradient(to top,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* W3C */
       
   312 		}
       
   313 	}
       
   314 }