|
|
| Line 7: |
Line 7: |
| | padding-left: 200px; | | padding-left: 200px; |
| | background: transparent url(quote.gif) no-repeat; } | | background: transparent url(quote.gif) no-repeat; } |
| - |
| |
| - | @import url(http://fonts.googleapis.com/css?family=Open+Sans:300,700);
| |
| - |
| |
| - | form input[type=radio] { display: none; visibility: collapse; }
| |
| - |
| |
| - | form input[type=radio] + label {
| |
| - | -webkit-transition: all 0.2s ease;
| |
| - | -moz-transition: all 0.3s ease;
| |
| - | -o-transition: all 0.3s ease;
| |
| - | transition: all 0.3s ease;
| |
| - | margin: 25px;
| |
| - | padding: 0;
| |
| - | width: 200px;
| |
| - | height: 200px;
| |
| - | position: relative;
| |
| - | clear: none;
| |
| - | float: left;
| |
| - | display: inline-block;
| |
| - | background-size: 200px auto;
| |
| - | background-position: 50% 0px;
| |
| - | background-repeat: no-repeat;
| |
| - | outline: 0;
| |
| - | cursor: pointer;
| |
| - | -webkit-border-radius: 3px;
| |
| - | -moz-border-radius: 3px;
| |
| - | border-radius: 3px;
| |
| - | -khtml-border-radius: 3px;
| |
| - | }
| |
| - |
| |
| - | form input[type=radio]#radio-01 + label
| |
| - | { background-image: url(http://pad.ample.pw/cssdeck/opt01.png); }
| |
| - | form input[type=radio]#radio-02 + label
| |
| - | { background-image: url(http://pad.ample.pw/cssdeck/opt02.png); }
| |
| - | form input[type=radio]#radio-03 + label
| |
| - | { background-image: url(http://pad.ample.pw/cssdeck/opt03.png); }
| |
| - |
| |
| - | html body form input[type=radio]:hover+ label,
| |
| - | input[type=radio] + label:hover
| |
| - | { background-position: 50% -200px; }
| |
| - |
| |
| - | html body form input[type=radio]:checked + label
| |
| - | { background-position: 50% -400px; }
| |
| - |
| |
| - | body { background-color: #231f20; } form { margin: 0 0 0 45px; max-width: 750px; overflow: auto; } p { width: 100%; height: auto; margin: 0; padding: 0; overflow: auto; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; color: rgba(255,255,255,0.3); cursor: default; } p span { font-weight: 700; } a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin: 0 0 0 25px; color: rgba(255,255,255,0.3); text-decoration: none; } a:hover { color: rgba(255,255,255,0.1); } a:active { color: rgba(255,255,255,0.2); }
| |
| - |
| |
| | | | |
| | </style> | | </style> |
| Line 60: |
Line 15: |
| | This year our work was mainly about science diffusion and awareness through interactive activities. Our team collaborated with four teams in the discovery of synthetic biology acceptance through surveys, partnered with a team to mathematically model part of their project, helped characterize the promoter of another team, organized a symposium to give a taste of synbio and biological systems applications for our community and opened a space for the artistic expression of students to draw their perception on synthetic biology. | | This year our work was mainly about science diffusion and awareness through interactive activities. Our team collaborated with four teams in the discovery of synthetic biology acceptance through surveys, partnered with a team to mathematically model part of their project, helped characterize the promoter of another team, organized a symposium to give a taste of synbio and biological systems applications for our community and opened a space for the artistic expression of students to draw their perception on synthetic biology. |
| | | | |
| - |
| |
| - | <form>
| |
| - |
| |
| - | <input type="radio" name="ample.pw" id="radio-01" value="Option - 01"><label for="radio-01"></label>
| |
| - | <input type="radio" name="ample.pw" id="radio-02" value="Option - 02"><label for="radio-02"></label>
| |
| - | <input type="radio" name="ample.pw" id="radio-03" value="Option - 03"><label for="radio-03"></label>
| |
| | </body> | | </body> |
| | </html> | | </html> |
"
