Difference between revisions of "Template:SDU-Denmark-middle"
| (44 intermediate revisions by the same user not shown) | |||
| Line 68: | Line 68: | ||
hr{ | hr{ | ||
margin-top:5px; | margin-top:5px; | ||
| + | } | ||
| + | |||
| + | h3.icon{ | ||
| + | font-size:13px; | ||
| + | font-weight:300; | ||
} | } | ||
| Line 80: | Line 85: | ||
list-style-type: upper-latin; | list-style-type: upper-latin; | ||
} | } | ||
| + | ol.number{ | ||
| + | font-size:12px;} | ||
ul.list{ | ul.list{ | ||
| Line 116: | 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 156: | Line 218: | ||
/***************TABLES****************/ | /***************TABLES****************/ | ||
| + | |||
table { | table { | ||
font-family: arial, sans-serif; | font-family: arial, sans-serif; | ||
| Line 162: | Line 225: | ||
border-radius: 8px; | border-radius: 8px; | ||
width: 100%; | width: 100%; | ||
| + | line-height:16px; | ||
| + | margin:0px; | ||
} | } | ||
| Line 167: | Line 232: | ||
border: 1px solid #dddddd; | border: 1px solid #dddddd; | ||
text-align: left; | text-align: left; | ||
| − | padding: | + | padding: 2px; |
} | } | ||
| Line 250: | Line 315: | ||
margin-bottom:10px; | margin-bottom:10px; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| Line 317: | Line 362: | ||
#vgemcollaboration { | #vgemcollaboration { | ||
| − | + | background:url('https://static.igem.org/mediawiki/2016/d/de/T--Virginia--collabopen.png') no-repeat center center; | |
| − | background | + | |
| − | + | ||
position:relative; | position:relative; | ||
| − | |||
top:0; | top:0; | ||
| − | |||
left:0; | left:0; | ||
| − | |||
background-size:180px 220px; /*Adjust background-size and the width and height properties here if you wish to resize the icon*/ | 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; | ||
| − | |||
z-index:100; | z-index:100; | ||
| − | |||
} | } | ||
| − | |||
| − | |||
| − | |||
#vgemcollaboration:hover { | #vgemcollaboration:hover { | ||
| − | + | background:url('https://static.igem.org/mediawiki/2016/a/a5/T--Virginia--collabclosed.png') no-repeat center center; | |
| − | background | + | 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 { | ||
| − | |||
display:inline-block; | display:inline-block; | ||
| − | |||
width:100%; | width:100%; | ||
| − | |||
height:100%; | height:100%; | ||
| − | |||
} | } | ||
/*******end virginia badge*******/ | /*******end virginia badge*******/ | ||
| Line 370: | 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 415: | Line 455: | ||
line-height:30px; | line-height:30px; | ||
} | } | ||
| + | |||
| + | h3.icon{ | ||
| + | font-size:18px; | ||
| + | font-weight:300; | ||
| + | } | ||
h5{ | h5{ | ||
| Line 425: | Line 470: | ||
padding-top:4px; | padding-top:4px; | ||
} | } | ||
| + | ol.number{ | ||
| + | font-size:16px; | ||
| + | } | ||
ul.list{ | ul.list{ | ||
font-size:16px; | font-size:16px; | ||
| Line 444: | Line 492: | ||
button.accordion { | button.accordion { | ||
font-size:16px; | font-size:16px; | ||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
Latest revision as of 14:51, 19 October 2016
