Difference between revisions of "Template:SDU-Denmark-middle"
| (29 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);} | ||
| + | |||
/****************DROPDOWNS**************************/ | /****************DROPDOWNS**************************/ | ||
| Line 163: | Line 218: | ||
/***************TABLES****************/ | /***************TABLES****************/ | ||
| + | |||
table { | table { | ||
font-family: arial, sans-serif; | font-family: arial, sans-serif; | ||
| Line 169: | Line 225: | ||
border-radius: 8px; | border-radius: 8px; | ||
width: 100%; | width: 100%; | ||
| + | line-height:16px; | ||
| + | margin:0px; | ||
} | } | ||
| Line 174: | Line 232: | ||
border: 1px solid #dddddd; | border: 1px solid #dddddd; | ||
text-align: left; | text-align: left; | ||
| − | padding: | + | padding: 2px; |
} | } | ||
| Line 304: | Line 362: | ||
#vgemcollaboration { | #vgemcollaboration { | ||
| − | background | + | background:url('https://static.igem.org/mediawiki/2016/d/de/T--Virginia--collabopen.png') no-repeat center center; |
position:relative; | position:relative; | ||
top:0; | top:0; | ||
left:0; | left:0; | ||
| − | background-size: | + | background-size:180px 220px; /*Adjust background-size and the width and height properties here if you wish to resize the icon*/ |
width:180px; | width:180px; | ||
height:220px; | height:220px; | ||
| Line 314: | Line 372: | ||
} | } | ||
#vgemcollaboration:hover { | #vgemcollaboration:hover { | ||
| − | background | + | background:url('https://static.igem.org/mediawiki/2016/a/a5/T--Virginia--collabclosed.png') no-repeat center center; |
| + | background-size:180px 220px; /*Adjust background-size and the width and height properties here if you wish to resize the icon*/ | ||
} | } | ||
#vgemcollaboration a { | #vgemcollaboration a { | ||
| Line 336: | 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; | ||
} | } | ||
| Line 418: | Line 492: | ||
button.accordion { | button.accordion { | ||
font-size:16px; | font-size:16px; | ||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
Latest revision as of 14:51, 19 October 2016
