|
|
| Line 61: |
Line 61: |
| display: inline-block; | | display: inline-block; |
| position: relative; | | position: relative; |
| | text-decoration:underline; |
| | text-decoration-style: dotted; |
| } | | } |
|
| |
|
| Line 75: |
Line 77: |
| background-color:#eef; | | background-color:#eef; |
| padding:2px 7px 2px 7px; | | padding:2px 7px 2px 7px; |
| }
| |
|
| |
| .modalBox:target {
| |
| opacity: 1;
| |
| pointer-events: auto;
| |
| }
| |
|
| |
| .modalDialog {
| |
| position: fixed;
| |
| font-family: Arial, Helvetica, sans-serif;
| |
| top: 0;
| |
| right: 0;
| |
| bottom: 0;
| |
| left: 0;
| |
| /* background: rgba(0,0,0,0.8); */
| |
| z-index: 99999;
| |
| opacity:0;
| |
| transition: opacity 400ms ease-in;
| |
| pointer-events: none;
| |
| }
| |
|
| |
| .modalDialog:target {
| |
| opacity:1;
| |
| pointer-events: auto;
| |
| }
| |
|
| |
| .modalDialog > div {
| |
| position: relative;
| |
| width: 50%;
| |
| height: auto;
| |
| margin: 10% auto;
| |
| /* padding: 5px 20px 13px 20px; */
| |
| border-radius: 10px;
| |
| /* background: #fff; */
| |
| /* background: linear-gradient(#fff, #999); */
| |
| }
| |
|
| |
| .modalDialog img {
| |
| width:100%;
| |
| height: auto;
| |
| }
| |
|
| |
| .close {
| |
| background: #606061;
| |
| color: #fff;
| |
| line-height: 25px;
| |
| position: absolute;
| |
| right: -12px;
| |
| text-align: center;
| |
| top: -10px;
| |
| width: 24px;
| |
| text-decoration: none;
| |
| font-weight: bold;
| |
| border-radius: 12px;
| |
| box-shadow: 1px 1px 3px #000;
| |
| }
| |
|
| |
| .close:hover {
| |
| background: #00d9ff;
| |
| } | | } |
|
| |
|