(20 intermediate revisions by the same user not shown) | |||
Line 123: | Line 123: | ||
font-size:12px; | font-size:12px; | ||
} | } | ||
+ | /*****************MODAL****************************/ | ||
+ | .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; | ||
+ | -webkit-transition: opacity 400ms ease-in; | ||
+ | -moz-transition: opacity 400ms ease-in; | ||
+ | transition: opacity 400ms ease-in; | ||
+ | pointer-events: none; | ||
+ | } | ||
+ | .modalDialog:target { | ||
+ | opacity:1; | ||
+ | pointer-events: auto; | ||
+ | } | ||
+ | |||
+ | .modalDialog > div { | ||
+ | width: 80%; | ||
+ | max-width:1000px; | ||
+ | position: relative; | ||
+ | margin: 10% auto; | ||
+ | padding: 5px 20px 13px 20px; | ||
+ | border-radius: 10px; | ||
+ | border-color:rgba(217,226,242,.95); | ||
+ | background: white; | ||
+ | } | ||
+ | a.closepop { | ||
+ | background: rgba(217,226,242,1); | ||
+ | color:rgba(0,0,0,.8); | ||
+ | line-height: 40px; | ||
+ | position: absolute; | ||
+ | right: -12px; | ||
+ | text-align: center; | ||
+ | top: -10px; | ||
+ | width: 40px; | ||
+ | height: 40px; | ||
+ | text-decoration: none; | ||
+ | font-weight: bold; | ||
+ | -webkit-border-radius: 12px; | ||
+ | -moz-border-radius: 12px; | ||
+ | border-radius: 20px; | ||
+ | -moz-box-shadow: 1px 1px 3px #000; | ||
+ | -webkit-box-shadow: 1px 1px 3px #000; | ||
+ | box-shadow: 1px 1px 3px #000; | ||
+ | opacity:.9; | ||
+ | } | ||
+ | a.closepop{ color:rgba(0,0,0,.8);} | ||
+ | a.closepop:hover { background:rgba(217,226,242,.95); color:rgba(0,0,0,.8);} | ||
Line 173: | Line 226: | ||
width: 100%; | width: 100%; | ||
line-height:16px; | line-height:16px; | ||
+ | margin:0px; | ||
} | } | ||
Line 341: | Line 395: | ||
ul.criterionlist { | ul.criterionlist { | ||
+ | margin-left: 0px; | ||
+ | } | ||
+ | |||
+ | ul.special li{ | ||
+ | background-image: url("https://static.igem.org/mediawiki/2016/7/7c/T--SDU-Denmark--prize.png"); | ||
+ | background-repeat: no-repeat; | ||
+ | background-size:auto 40px; | ||
+ | /*line-height: 30px;*/ | ||
+ | padding-left: 40px; | ||
+ | padding-right: 30px; | ||
+ | list-style:none; | ||
+ | |||
+ | } | ||
+ | |||
+ | ul.special { | ||
margin-left: 0px; | margin-left: 0px; | ||
} | } |
Latest revision as of 14:51, 19 October 2016