added styling for info & error boxes and test buttons
This commit is contained in:
		| @@ -36,3 +36,92 @@ label { | ||||
|     display: block; | ||||
|     padding: 1ex; | ||||
| } | ||||
|  | ||||
| .panel_float { | ||||
|     position: fixed; | ||||
|     overflow: hidden; | ||||
|     z-index: 2400; | ||||
|     opacity: 0.70; | ||||
|     margin: auto; | ||||
|     top: 110px !important; | ||||
|     -webkit-transition: all 0.5s ease-in-out; | ||||
|     -moz-transition: all 0.5s ease-in-out; | ||||
|     -ms-transition: all 0.5s ease-in-out; | ||||
|     -o-transition: all 0.5s ease-in-out; | ||||
|     transition: all 0.5s ease-in-out; | ||||
| } | ||||
|  | ||||
| #info_box { | ||||
|     background-color: #3fc52a; | ||||
|     border: solid #cdcdcd; | ||||
|     border-radius: 5px; | ||||
|     color: #1f1f1f; | ||||
|     display: none; | ||||
|     padding: 10px; | ||||
|     font-weight: bold; | ||||
|     position: absolute; | ||||
|     z-index: 10; | ||||
|     width: 50%; | ||||
|     margin-left: 200px; | ||||
|     margin-right: 200px; | ||||
| } | ||||
|  | ||||
| .info_button { | ||||
|     border-radius: 5px; | ||||
|     border: solid #cdcdcd; | ||||
|     color: #1f1f1f; | ||||
|     padding: 8px 32px; | ||||
|     text-align: center; | ||||
|     text-decoration: none; | ||||
|     display: inline-block; | ||||
|     font-size: 16px; | ||||
|     margin: 4px 2px; | ||||
|     background-color: #3fc52a; | ||||
|     transition-duration: 0.4s; | ||||
|     cursor: pointer; | ||||
| } | ||||
|  | ||||
| #error_box { | ||||
|     background-color: #e06844; | ||||
|     border: solid #cdcdcd; | ||||
|     border-radius: 5px; | ||||
|     color: #1f1f1f; | ||||
|     display: none; | ||||
|     padding: 10px; | ||||
|     font-weight: bold; | ||||
|     position: absolute; | ||||
|     z-index: 10; | ||||
|     width: 50%; | ||||
|     margin-left: 200px; | ||||
|     margin-right: 200px; | ||||
| } | ||||
|  | ||||
| .error_button { | ||||
|     border-radius: 5px; | ||||
|     border: solid #cdcdcd; | ||||
|     color: #1f1f1f; | ||||
|     padding: 8px 32px; | ||||
|     text-align: center; | ||||
|     text-decoration: none; | ||||
|     display: inline-block; | ||||
|     font-size: 16px; | ||||
|     margin: 4px 2px; | ||||
|     background-color: #e06844; | ||||
|     transition-duration: 0.4s; | ||||
|     cursor: pointer; | ||||
| } | ||||
|  | ||||
| .close_button { | ||||
|     margin-left: 15px; | ||||
|     color: white; | ||||
|     font-weight: bold; | ||||
|     float: right; | ||||
|     font-size: 22px; | ||||
|     line-height: 20px; | ||||
|     cursor: pointer; | ||||
|     transition: 0.3s; | ||||
| } | ||||
|  | ||||
| .close_button:hover { | ||||
|     color: black; | ||||
| } | ||||
		Reference in New Issue
	
	Block a user