http://2010.igem.org/wiki/index.php?title=Special:Contributions&feed=atom&limit=250&target=Tomoaki
2010.igem.org - User contributions [en]
2024-03-28T13:32:06Z
From 2010.igem.org
MediaWiki 1.16.5
http://2010.igem.org/Team:UT-Tokyo/Sudoku_notebook_8
Team:UT-Tokyo/Sudoku notebook 8
2010-10-28T03:03:08Z
<p>Tomoaki: </p>
<hr />
<div>__NOTOC__{{UT-Tokyo_CSS3}}{{UT-Tokyo_CSS_p}}{{UT-Tokyo_Head}}<br />
= '''Sudoku''' =<br />
<html><br />
<div><br />
<ul id="inpagemenu"><br />
<li><a href="/Team:UT-Tokyo/Sudoku_abstract" id="abstract">Introduction</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_construct" id="construct">System</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_modeling" id="modeling">Modeling</a></li><br />
<li><span>Experiments</span></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_perspective" id="perspective">Perspective</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_reference" id="reference">Reference</a></li><br />
</ul><br />
</div><br />
<div id="clear"></div><br />
</html><br /><br />
Note Book =><br />
[<br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_notebook_6 June] /<br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_notebook July] /<br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_notebook_2 August] /<br />
September - October<br />
]<br />
<br />
== '''Notebook''' ==<br />
<br />
From september to October, we made assayes. What we did is mentioned <br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_lab_note here].<br />
<br />
{{UT-Tokyo_Foot}}</div>
Tomoaki
http://2010.igem.org/Team:UT-Tokyo/Sudoku_notebook_2
Team:UT-Tokyo/Sudoku notebook 2
2010-10-28T03:02:07Z
<p>Tomoaki: </p>
<hr />
<div>__NOTOC__{{UT-Tokyo_CSS3}}{{UT-Tokyo_CSS_p}}{{UT-Tokyo_Head}}<br />
<br />
= '''Sudoku''' =<br />
<html><br />
<div><br />
<ul id="inpagemenu"><br />
<li><a href="/Team:UT-Tokyo/Sudoku_abstract" id="abstract">Introduction</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_construct" id="construct">System</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_modeling" id="modeling">Modeling</a></li><br />
<li><span>Experiments</span></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_perspective" id="perspective">Perspective</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_reference" id="reference">Reference</a></li><br />
</ul><br />
</div><br />
<div id="clear"></div><br />
</html><br /><br />
Note Book =><br />
[<br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_notebook_6 June] /<br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_notebook July] /<br />
August / <br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_notebook_8 September - October] <br />
]<br />
<br />
<br />
<br />
== Note Book ==<br />
<br />
<br />
==== 8/4 ====<br />
<br />
'''Inoculation'''<br />
<br />
sudoku 12-I & 12-II<br />
<br />
sudoku 13-I & 13-II<br />
<br />
(8/3 Transformation)<br />
<br />
<br />
'''Enzyme digestion'''<br />
<br />
EScut i 1-99234I (7/24 Miniprep & Sequencing)<br />
<br />
EScut ii 1-9234I (7/21 Miniprep / 7/24 Sequencing)<br />
<br />
EXcut iii 1,5,11,7,8,4II (7/29 Miniprep) <br />
<br />
<br />
'''Gel extract'''<br />
<br />
i 1-99234 8.8ng/uL<br />
<br />
ii 1-9234 7.1ng/uL<br />
<br />
iii 1-5-11-7-8-4 18.0ng/uL<br />
<br />
<br />
'''Ligation'''<br />
<br />
i-iii, ii-iii<br />
<br />
(8/4 Miniprep)<br />
<br />
<br />
'''Miniprep'''<br />
<br />
12-i 58.7ng/uL <br />
<br />
12-ii 55.9ng/uL <br />
<br />
13-i 48.7ng/uL <br />
<br />
13-ii 48.5ng/uL <br />
<br />
(8/4 Inoculation)<br />
<br />
<br />
==== 8/5 ====<br />
<br />
'''Enzyme digestion'''<br />
<br />
1234 107.2ng/uL (8/4 gel extract)<br />
<br />
<br />
'''Gel extract'''<br />
<br />
sudoku (1234) 6.6ng/uL<br />
<br />
<br />
'''Ligation'''<br />
<br />
0(1234)&iii<br />
<br />
<br />
'''Transformation'''<br />
<br />
i-iii & ii-iii <br />
<br />
0(1234)-iii<br />
<br />
(8/4 & 8/5)<br />
<br />
<br />
==== 8/6 ====<br />
<br />
'''Inoculation'''<br />
<br />
0-iii, (i-iii), ii-iii (8/5 transformation)<br />
<br />
<br />
'''transformation'''<br />
<br />
i-iii (8/4 ligation)<br />
<br />
<br />
==== 8/9 ====<br />
<br />
<br />
'''Enzyme digestion'''<br />
<br />
0 107.2ng/uL (7/10 Miniprep) <br />
<br />
iii 100.7ng/uL (7/29 Miniprep ii)<br />
<br />
<br />
'''Gel extract'''<br />
<br />
0 & iii 56.6ng/uL<br />
<br />
(8/9 Enzyme digestion)<br />
<br />
<br />
'''Sequencing'''<br />
<br />
iii-II (7/29 Miniprep)<br />
<br />
<br />
==== 8/10 ====<br />
<br />
<br />
'''Cutcheck'''<br />
<br />
XScut 0-iii, I, II (8/9 ligation)<br />
<br />
-> failure<br />
<br />
<br />
'''transformation'''<br />
<br />
0-iii (8/9 ligation)<br />
<br />
<br />
==== 8/11 ====<br />
<br />
'''Inoculation'''<br />
<br />
sudoku 0-iii I,II,III,IV<br />
<br />
(8/10 transformation)<br />
<br />
<br />
'''Miniprep'''<br />
<br />
I 21.2ng/uL<br />
<br />
II 18.8ng/uL<br />
<br />
III 70.6ng/uL<br />
<br />
IV 122.3ng/uL<br />
<br />
(8/11 Inoculation)<br />
<br />
<br />
'''Cutcheck'''<br />
<br />
I, II, III, IV <br />
<br />
<br />
==== 8/12 ====<br />
<br />
'''Transformation'''<br />
<br />
sudoku iii-II(7/29)<br />
<br />
<br />
==== 8/13 ====<br />
<br />
'''colonyPCR'''<br />
<br />
sudoku 0-iii (x16)<br />
<br />
program PCR<br />
<br />
94℃ 10min<br />
<br />
{94℃ 20sec 53℃ 20sec 72℃ 3min}x35<br />
<br />
4℃ forever <br />
<br />
<br />
'''Sequencing(ethanol precipitation)'''<br />
<br />
master mix(8/13)<br />
<br />
<br />
==== 8/14 ====<br />
<br />
'''Miniprep'''<br />
<br />
iii(II)-Ⅰ 113.4 ng/uL<br />
<br />
iii(II)-II 98.9 ng/uL<br />
<br />
iii(II)-III 153.2 ng/uL<br />
<br />
(8/13 Inoculation)<br />
<br />
<br />
==== 8/16 ====<br />
<br />
'''Enzyme digestion'''<br />
<br />
EXcut 1,12 <br />
<br />
EScut 4 <br />
<br />
SPcut 12<br />
<br />
XPcut 2,3,4<br />
<br />
<br />
'''Gel extract'''<br />
<br />
1,2,3,4,12<br />
<br />
<br />
'''ligation'''<br />
<br />
12-2,3,4<br />
<br />
<br />
'''Inoculation'''<br />
<br />
4,14<br />
<br />
<br />
'''transformation'''<br />
<br />
12-2,3,4<br />
<br />
<br />
==== 8/18 ====<br />
<br />
'''Gel extract'''<br />
<br />
4-1 EXcut 20.6ng/uL <br />
<br />
4-2 EScut 4.3ng/uL<br />
<br />
(8/17 enzyme digestion)<br />
<br />
<br />
'''Inoculation'''<br />
<br />
15 (8/17 transformation)<br />
<br />
<br />
==== 8/19 ====<br />
<br />
'''Miniprep'''<br />
<br />
15-I, 15-II (8/18 Inoculation)<br />
<br />
15-I 75.3ng/uL<br />
<br />
15-II 74.8ng/uL<br />
<br />
<br />
'''Ligation'''<br />
<br />
12 EXcut 21.6ng/uL (8/16 enzyme digestion & gel extract)<br />
<br />
4-I EScut 4.3ng/uL (8/17 enzyme digestion & 8/18 gel extract)<br />
<br />
4-I EXcut ?ng/uL (8/17 enzyme digestion & 8/18 gel extract)<br />
<br />
4-12<br />
<br />
vector 12EX 7.7ul<br />
<br />
insert 4ES 2.3ul<br />
<br />
4-4<br />
<br />
vector 4EX 8uL<br />
<br />
insert 4ES 2uL<br />
<br />
<br />
'''Transformation'''<br />
<br />
4-1, 4-12, 4-4 (8/19 ligation)<br />
<br />
12-234 (8/16 ligation)<br />
<br />
<br />
'''Enzyme digestion'''<br />
<br />
SPcut 12-I (8/4 Miniprep)<br />
<br />
<br />
==== 8/20 ====<br />
<br />
'''Enzyme digestion'''<br />
<br />
EXcut 12-I (8/4 Miniprep)<br />
<br />
<br />
'''Ligation'''<br />
<br />
12-I SPcut 10.2ng/uL, 2000bp (8/20 gel extract) &<br />
<br />
2,3,4 XPcut 10.2ng/uL, 1100bp (7/8 gel extract)<br />
<br />
12-I SPcut 10.2ng/uL (8/20 gel extract) &<br />
<br />
2,3,4 XPcut 9.1ng/uL (8/16 enzyme digestion & gel extract)<br />
<br />
<br />
'''Transformation'''<br />
<br />
12-2,3,4 (8/20 ligation) x2<br />
<br />
<br />
==== 8/21 ====<br />
<br />
'''Miniprep'''<br />
<br />
4-4 (I, II) (8/20 inoculation)<br />
<br />
<br />
'''Annealing'''<br />
<br />
PSP6revES(17) f & r 232.2ng/uL<br />
<br />
Lox2272XP(18) f & r 476.3ng/uL<br />
<br />
loadingrevXP(19) f & r 363.8ng/uL<br />
<br />
<br />
'''Inoculation'''<br />
<br />
sudoku1 & 4-4<br />
<br />
<br />
'''Ligation'''<br />
<br />
pSP6revES(17) 1uL (vector)<br />
<br />
lox2272XP(18) 1uL (vector)<br />
<br />
loading revXP(19) 1uL (vector)<br />
<br />
4-I EScut 4.3ng/uL, 95bp (8/19 enzyme digestion)<br />
<br />
12 EXcut 21.6ng/uL, 2000bp (8/16 enzyme digestion)<br />
<br />
<br />
'''Transformation'''<br />
<br />
4-1 (8/19 ligation)<br />
<br />
4-12 (8/21 ligation)<br />
<br />
<br />
'''Gel extant'''<br />
<br />
12-I (8/19 enzyme digestion)<br />
<br />
<br />
'''RT-PCR'''<br />
<br />
cDNA of MS2<br />
<br />
PCR program<br />
<br />
1. 94℃, 2 minutes<br />
<br />
2. 94℃, 15 seconds<br />
<br />
3. 55℃, 30 seconds<br />
<br />
4. 68℃, 3minutes 3 seconds<br />
<br />
5. 2,3,4 x 24<br />
<br />
6. 68℃, 4 minutes<br />
<br />
7. 4℃, forever<br />
<br />
<br />
==== 8/22 ====<br />
<br />
'''purification'''<br />
<br />
cDNA of MS2 (8/21 PCR)<br />
<br />
<br />
'''Miniprep'''<br />
<br />
1(II)<br />
<br />
I 99.2ng/uL<br />
<br />
II 112.8ng/uL<br />
<br />
(8/21 Inoculation)<br />
<br />
4-4<br />
<br />
III 45.6ng/uL<br />
<br />
IV 33.4ng/uL<br />
<br />
(8/21 Inoculation)<br />
<br />
12-2,3,4<br />
<br />
I 17.9ng/uL<br />
<br />
II 3.3ng/uL<br />
<br />
(7/8 ligation & transformation / 8/21 Inoculation)<br />
<br />
III 1.1ng/uL<br />
<br />
IV 7.3ng/uL<br />
<br />
(8/16 ligation & transformation / 8/21 Inoculation)<br />
<br />
<br />
'''Inoculation'''<br />
<br />
4-4 & 12-234<br />
<br />
(8/22 Miniprep)<br />
<br />
<br />
'''XPcut(RT-PCR)'''<br />
<br />
XPcut cDNA of MS2 with Restriction Enzyme sites<br />
<br />
(8/22 purification)<br />
<br />
<br />
'''Gel extract'''<br />
<br />
12-I EXcut 12.3ng/uL<br />
(8/20 enzyme digestion)<br />
<br />
<br />
'''Transformation'''<br />
<br />
17, 18, 19 (8/21 ligation)<br />
<br />
<br />
'''Enzyme digestion'''<br />
<br />
1(II)-II EXcut (8/22 miniprep)<br />
<br />
<br />
'''Ligation'''<br />
<br />
12-I EXcut (8/22 gel extract)<br />
<br />
4-I EScut (8/18 gel extract)<br />
<br />
<br />
==== 8/24 ====<br />
<br />
<br />
'''Transformation'''<br />
<br />
4-1 (8/23 ligation)<br />
<br />
17, 18, 19 (8/21 ligation)<br />
<br />
<br />
'''Enzyme digestion'''<br />
<br />
4-4 (EScut,insert) (8/23 miniprep)<br />
<br />
12-234 (XPcut,insert) (8/23 miniprep)<br />
<br />
14 (SPcut,vector) (8/17 miniprep)<br />
<br />
15 (EXcut、vector) (8/19 miniprep)<br />
<br />
<br />
'''cutcheck'''<br />
<br />
44 ES -> failure & recheck<br />
<br />
12-234 XP -> failure & recheck<br />
<br />
14 SP<br />
<br />
15 EX<br />
<br />
(8/24 enzyme digestion)<br />
<br />
<br />
'''Inoculation'''<br />
<br />
44, 12-2,3,4<br />
<br />
<br />
==== 8/25 ====<br />
<br />
'''PCR'''<br />
<br />
hin(rev)<br />
<br />
PCR program<br />
<br />
94℃ 2min<br />
<br />
94℃ 15sec<br />
<br />
64.4℃ 30sec<br />
<br />
68℃ 45sec<br />
<br />
x25times<br />
<br />
68℃ 7min<br />
<br />
4℃ forever<br />
<br />
<br />
'''Inoculation'''<br />
<br />
4-1 (8/24 transformation) x2<br />
17, 18, 19<br />
<br />
<br />
'''Miniprep'''<br />
<br />
4-4<br />
<br />
VII 74.5ng/uL<br />
<br />
VIII 83.2ng/uL<br />
<br />
IX 78.4ng/uL<br />
<br />
X 96.1ng/uL<br />
<br />
12-234<br />
<br />
VII 36.7ng/uL<br />
<br />
VIII 35.3ng/uL<br />
<br />
IX 43.2ng/uL<br />
<br />
X 42.4ng/uL<br />
<br />
5<br />
<br />
I 91.3ng/uL<br />
<br />
II 83.9ng/uL<br />
<br />
4-12<br />
<br />
I 42.9ng/uL<br />
<br />
II 38.1ng/uL<br />
<br />
(8/24 Inoculation)<br />
<br />
<br />
'''ligation'''<br />
<br />
17ES (vector, 4.5uL)<br />
<br />
18XP (vector, 4.5uL)<br />
<br />
<br />
'''Annealing'''<br />
<br />
rbs rev 289.0ng/uL<br />
<br />
rbs anti rev 174.9ng/ul<br />
<br />
location <br />
<br />
1 281.9ng/uL<br />
<br />
2 330.6ng/uL<br />
<br />
3 292.4ng/uL<br />
<br />
4 235.5ng/uL<br />
<br />
linker gt EX 267.0ng/uL<br />
<br />
linker gt SP 291.8ng/uL<br />
<br />
<br />
'''lox71 rescue'''<br />
<br />
iii-lox71<br />
<br />
PCR program<br />
<br />
94℃ 2min<br />
<br />
94℃ 15sec<br />
<br />
64.4℃ 30sec<br />
<br />
68℃ 45sec<br />
<br />
x25times<br />
<br />
68℃ 7min<br />
<br />
4℃ forever<br />
<br />
<br />
'''Gel extract'''<br />
<br />
hinrev 8ng/uL<br />
<br />
<br />
'''Cutcheck'''<br />
<br />
4-4(VII~X), 12-234(VII~X) (8/25 Miniprep)<br />
<br />
<br />
==== 8/26 ====<br />
<br />
'''restriction enzyme digestion'''<br />
<br />
5-I EXcut (8/25 miniprep)<br />
<br />
<br />
'''Ligation'''<br />
<br />
location 1 & gt-EX <br />
<br />
location 1 & gt-SP <br />
<br />
(8/25 annealing)<br />
<br />
<br />
'''Miniprep'''<br />
<br />
4-1 I 71.5ng/uL<br />
<br />
4-1 II 63.4ng/uL<br />
<br />
(8/25 Inoculation)<br />
<br />
<br />
'''PCR & purification'''<br />
<br />
MS2 RT<br />
<br />
PCR program<br />
<br />
94℃ 2min<br />
<br />
94℃ 15sec<br />
<br />
63℃ 30sec<br />
<br />
68℃ 4min<br />
<br />
x25times<br />
<br />
68℃ 1min<br />
<br />
4℃ forever<br />
<br />
<br />
'''transformation'''<br />
<br />
17, 18 (8/25 Inoculation)<br />
<br />
<br />
'''Cutcheck'''<br />
<br />
4-4 VII 6.5ng/uL<br />
<br />
4-12 I 5.9ng/uL<br />
<br />
4-12 II 5.6ng/uL<br />
<br />
12-234 VII 12.8ng/uL<br />
<br />
12-234 VIII 8.6ng/uL<br />
<br />
12-234 IX 8.1ng/uL<br />
<br />
12-234 X 8.4ng/uL<br />
<br />
5-I 17.5ng/uL<br />
<br />
bioA 13.7ng/uL<br />
<br />
4-12 I vector 13.2ng/uL<br />
<br />
4-12 II vector 12.0ng/uL<br />
<br />
<br />
'''sequencing(PCR)'''<br />
<br />
sudoku(8/4) II<br />
<br />
PCR program<br />
<br />
96℃ 1min<br />
<br />
i = 0<br />
<br />
while i < 25: <br />
<br />
98℃ 10sec<br />
<br />
50℃ 5sec<br />
<br />
60℃ 4min<br />
<br />
i += 1<br />
<br />
while 1<br />
<br />
4℃<br />
<br />
(use 7/20 protocol of sudoku)<br />
<br />
<br />
==== 8/27 ====<br />
<br />
'''hinPCR'''<br />
<br />
hinrev<br />
<br />
<br />
PCR program<br />
<br />
94℃ 2min<br />
<br />
94℃ 15sec<br />
<br />
64.4℃ 30sec<br />
<br />
68℃ 45sec<br />
<br />
x25times<br />
<br />
68℃ 7min<br />
<br />
4℃ forever<br />
<br />
<br />
'''PCR(MS2 RT)'''<br />
<br />
MS2 RT<br />
<br />
<br />
PCR program<br />
<br />
94℃ 2min<br />
<br />
94℃ 15sec<br />
<br />
64.4℃ 30sec<br />
<br />
68℃ 4min<br />
<br />
x25times<br />
<br />
68℃ 1min<br />
<br />
4℃ forever<br />
<br />
<br />
'''Enzyme digestion'''<br />
<br />
XPcut location (8/26 ligation)<br />
<br />
<br />
'''Gel extract'''<br />
<br />
hin(rev) & MS2-RT (8/27 PCR)<br />
<br />
location (8/27 XPcut)<br />
<br />
<br />
'''PCR'''<br />
<br />
?????<br />
<br />
<br />
==== 8/27 ====<br />
<br />
'''PCR(retry)'''<br />
<br />
hinrev<br />
<br />
<br />
PCR program<br />
<br />
94℃ 2min<br />
<br />
94℃ 15sec<br />
<br />
68℃ 45sec<br />
<br />
x35times<br />
<br />
68℃ 7min<br />
<br />
4℃ forever<br />
<br />
<br />
'''Transformation'''<br />
<br />
17, 4-5 & 14-12-234 (8/27 ligation)<br />
<br />
<br />
==== 8/29 ====<br />
<br />
'''Inoculation'''<br />
<br />
18 III, IV<br />
<br />
19 III, IV <br />
<br />
(8/28 transformation)<br />
<br />
12 III, IV<br />
<br />
<br />
'''transformation'''<br />
<br />
parts1 & sudoku2(rbs)<br />
<br />
<br />
'''PCR'''<br />
<br />
MS2(EX-SP)<br />
<br />
<br />
PCRprogram<br />
<br />
94℃ 2min<br />
<br />
94℃ 15sec<br />
<br />
60℃ 30sec<br />
<br />
68℃ 4min30sec<br />
<br />
x30<br />
<br />
68℃ 60sec<br />
<br />
4℃ forever<br />
<br />
<br />
'''Ligation'''<br />
<br />
17 EScut (8/21 annealing)<br />
<br />
4-I EScut (insert) & 5-I EXcut (vector)<br />
<br />
12-234VII XPcut (8/26 gel extract) & 14 SPcut (8/24 gel extract)<br />
<br />
<br />
'''Enzyme digestion'''<br />
<br />
XPcut 234 (7/6 miniprep)<br />
<br />
EScut 4-II (8/17 miniprep)<br />
<br />
SPcut 12-I (8/4 miniprep)<br />
<br />
<br />
'''Gel extract'''<br />
<br />
PCR product of MS2 PCR<br />
<br />
3600bp 7.0ng/uL<br />
<br />
2000bp 6.ong/uL<br />
<br />
<br />
==== 8/30 ====<br />
<br />
'''miniprep'''<br />
<br />
18-I 56.5ng/uL<br />
<br />
18-II 71.8ng/uL<br />
<br />
18-III 45.5ng/uL<br />
<br />
18-IV 85.6ng/uL<br />
<br />
19-I 52.3ng/uL<br />
<br />
19-II 44.9ng/uL<br />
<br />
19-III 43.5ng/uL<br />
<br />
19-IV 50.7ng/uL<br />
<br />
12-III 54.9ng/uL<br />
<br />
<br />
'''Gel extract'''<br />
<br />
234 XPcut<br />
<br />
4-Ⅱ EScut<br />
<br />
12-I SPcut<br />
<br />
PCR product of MS2<br />
<br />
<br />
'''Ligation'''<br />
<br />
lox71 (8/25)<br />
<br />
12-I SP 8.3ng/uL (vector, 8/30 gel extract)<br />
<br />
4-12 XP 5.6ng/uL (insurt, 8/26 gel extract)<br />
<br />
<br />
'''Enzyme digestion'''<br />
<br />
EXcut 18 II, IV (8/30 miniprep)<br />
<br />
<br />
'''Phosphorylation'''<br />
<br />
location 1~4, rbs, rbs anti<br />
<br />
<br />
'''Ligation'''<br />
<br />
location 1 EXcut <br />
<br />
location 1 SPcut<br />
<br />
(8/27 gel extract)<br />
<br />
<br />
'''Cut check'''<br />
<br />
MS2 PCR product<br />
<br />
<br />
PCRprogram<br />
<br />
94℃ 2min<br />
<br />
94℃ 15sec<br />
<br />
68℃ 4min<br />
<br />
68℃ 60sec<br />
<br />
x35times<br />
<br />
4℃ forever<br />
<br />
<br />
==== 8/31 ====<br />
<br />
'''Inoculation'''<br />
<br />
lox71-rescue, flpe1st,<br />
<br />
empty vector, 12-4-12<br />
<br />
<br />
'''Ligation'''<br />
<br />
location2, 3, 4 (8/30 Phosphorylation)<br />
<br />
<br />
<br />
{{UT-Tokyo_Foot}}</div>
Tomoaki
http://2010.igem.org/Team:UT-Tokyo/Sudoku_notebook_6
Team:UT-Tokyo/Sudoku notebook 6
2010-10-28T03:00:18Z
<p>Tomoaki: </p>
<hr />
<div>__NOTOC__{{UT-Tokyo_CSS3}}{{UT-Tokyo_CSS_p}}{{UT-Tokyo_Head}}<br />
<br />
= '''Sudoku''' =<br />
<html><br />
<div><br />
<ul id="inpagemenu"><br />
<li><a href="/Team:UT-Tokyo/Sudoku_abstract" id="abstract">Introduction</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_construct" id="construct">System</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_modeling" id="modeling">Modeling</a></li><br />
<li><span>Experiments</span></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_perspective" id="perspective">Perspective</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_reference" id="reference">Reference</a></li><br />
</ul><br />
</div><br />
<div id="clear"></div><br />
</html><br /><br />
Notebook => <br />
[<br />
June /<br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_notebook July] /<br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_notebook_2 August] / <br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_notebook_8 September - October] <br />
]<br />
<br />
== '''Notebook''' ==<br />
<br />
====6/23====<br />
<br />
'''Transformation'''<br />
<br />
2010 Kit plate1: 6N,1H,5D,17J,4H,18A<br />
<br />
2010 Kit plate2: 24C,2K<br />
<br />
<br />
====6/24====<br />
<br />
'''Inoculation'''<br />
<br />
2010 Kit plate1: 6N,1H,5D,17J,4H,18A<br />
<br />
2010 Kit plate2: 24C,2K<br />
<br />
(6/23 Transformation)<br />
<br />
<br />
====6/25====<br />
<br />
'''Miniprep'''<br />
<br />
2010 Kit plate1: 6N,1H,5D,17J,4H,18A<br />
<br />
2010 Kit plate2: 24C,2K<br />
<br />
(6/24 Inoculation)<br />
<br />
<br />
====6/27====<br />
<br />
'''Enxyme digestion'''<br />
<br />
1~7, 9 & 10 plasmid<br />
<br />
1: 117.2 ng/uL -> 2.56 uL / SP<br />
<br />
2: 59.3 ng/uL -> 5.06 uL / SP<br />
<br />
3: 124.2 ng/uL -> 2.42 uL / XP<br />
<br />
4: 114.5 ng/uL -> 2.62 uL / EX<br />
<br />
5: 81.3 ng/uL -> 3.69 uL / SP<br />
<br />
6: 101.7 ng/uL -> 2.95 uL / ES<br />
<br />
7: 81.5 ng/uL -> 3.68 uL / EX<br />
<br />
9: 85.4 ng/uL -> 3.51 uL / SP<br />
<br />
10: 73.5 ng/uL -> 4.08 uL / SP<br />
<br />
<br />
====6/28====<br />
<br />
'''Gel extract'''<br />
<br />
1~7, 9 & 10 plasmid (6/27 enzyme digestion)<br />
<br />
6 -> failed, others -> succeeded<br />
<br />
<br />
====6/29====<br />
<br />
'''Cutcheck'''<br />
<br />
EScut: 1~5, 7, 9 & 10 (6/27 enzyme digestion)<br />
<br />
HindIII cut: 6<br />
<br />
<br />
====6/30====<br />
<br />
'''Ligation'''<br />
<br />
2-3 <br />
<br />
2: 5uL, 3: 5uL, ligation mix: 10uL<br />
<br />
(6/27 Enzyme digestion)<br />
<br />
<br />
'''Transformation'''<br />
<br />
2010 Kit plate1: 1N (TetA(C) (Backwards))<br />
<br />
2010 Kit plate2: 22P (OmpA)<br />
<br />
2-3 (6/30 Ligation)<br />
<br />
{{UT-Tokyo_Foot}}</div>
Tomoaki
http://2010.igem.org/Team:UT-Tokyo/Sudoku_notebook
Team:UT-Tokyo/Sudoku notebook
2010-10-28T02:59:51Z
<p>Tomoaki: </p>
<hr />
<div>__NOTOC__{{UT-Tokyo_CSS3}}{{UT-Tokyo_CSS_p}}{{UT-Tokyo_Head}}<br />
<br />
= '''Sudoku''' =<br />
<html><br />
<div><br />
<ul id="inpagemenu"><br />
<li><a href="/Team:UT-Tokyo/Sudoku_abstract" id="abstract">Introduction</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_construct" id="construct">System</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_modeling" id="modeling">Modeling</a></li><br />
<li><span>Experiments</span></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_perspective" id="perspective">Perspective</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_reference" id="reference">Reference</a></li><br />
</ul><br />
</div><br />
<div id="clear"></div><br />
</html><br /><br />
Note Book =><br />
[<br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_notebook_6 June] /<br />
July /<br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_notebook_2 August] / <br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_notebook_8 September - October] <br />
]<br />
<br />
== '''Notebook''' ==<br />
<br />
== Pre-experiment ==<br />
<br />
=== Make construct ===<br />
<br />
==== 7/1 ====<br />
<br />
'''Transformation'''<br />
<br />
2-3 plasmid (6/30 ligation)<br />
<br />
< 6/30 transformation -> fail ><br />
<br />
<br />
'''Inoculation'''<br />
<br />
11 plasmid (6/30 thaw, transformation)<br />
<br />
<br />
'''Enzyme digestion'''<br />
<br />
2, 3, 5, 9 plasmid (6/25 miniprep)<br />
<br />
2 : 59.3 ng/uL SP<br />
<br />
3 : 124.2 ng/uL XP<br />
<br />
5 : 81.3 ng/uL SP<br />
<br />
9 : 85.4 ng/uL SP<br />
<br />
<br />
'''Gel extract'''<br />
<br />
2, 3, 5, 9 plasmid (7/1 enzyme digestion)<br />
<br />
Label : 100701 数X (2,3,5,9) ゲル抽出<br />
<br />
<br />
<br />
==== 7/2 ====<br />
<br />
'''Miniprep'''<br />
<br />
2-3, 11 plasmid (7/1 inoculation)<br />
<br />
2-3 -> 105 ng/uL<br />
<br />
11 (1st) -> 191.3 ng/uL<br />
<br />
11 (2nd) -> 49.5 ng/uL<br />
<br />
<br />
'''Enzyme digestion'''<br />
<br />
2-3, 11 plasmid (7/2 miniprep)<br />
<br />
2-3 : ES<br />
<br />
11 (1st) : ES -> Judged failure by cut check → miniprep again<br />
<br />
11 (2nd) : ES<br />
<br />
<br />
<br />
==== 7/3 ====<br />
<br />
'''Gel extract'''<br />
<br />
2-3, 11 plasmid (7/2 enzyme digestion)<br />
<br />
Label : 100703 X ゲル抽出<br />
<br />
<br />
<br />
==== 7/5 ====<br />
<br />
'''Ligation'''<br />
<br />
2-3 (insert, 7/3 ES enzyme digestion) & 4 (vector, probably 6/28 gel extract, EX enzyme digestion) / 11 (insert, 7/3 ES enzyme digestion) & 7 (vector, probably 6/28 gel extract, EX enzyme digestion) <br />
<br />
2-3 : 37.5 ng/uL -> 5 uL & 4 : 5.2 ng/uL -> 5 uL<br />
<br />
11 : 4.2 ng/uL -> 7.5 uL & 7 : Unknown -> 2.5 uL<br />
<br />
<br />
'''Transformation'''<br />
<br />
2-3-4 plasmid (7/5 ligation) / 11-7 plasmid (7/5 ligation)<br />
<br />
<br />
==== 7/6 ====<br />
<br />
'''Inoculation'''<br />
<br />
234 plasmid (7/5 plate)<br />
<br />
11-7 plasmid (7/5 plate) -> failure<br />
<br />
<br />
'''Miniprep'''<br />
<br />
234 plasmid (7/6 plate)<br />
<br />
234 I -> 84.9 ng/uL<br />
<br />
234 II -> 98.9 ng/uL<br />
<br />
234 III -> 98.1 ng/uL<br />
<br />
234 IV -> 99.4 ng/uL<br />
<br />
<br />
'''Enzyme digestion'''<br />
<br />
11 (7/1 miniprep)<br />
<br />
11 : ES<br />
<br />
<br />
'''ethanol precipitation'''<br />
<br />
failure<br />
<br />
<br />
'''Inoculation'''<br />
<br />
7 plasmid (6/23 plate)<br />
<br />
<br />
'''Enzyme digestion'''<br />
<br />
1, 4 (6/28 enzyme digestion -> short), 11 plasmid (7/6 miniprep)<br />
<br />
1 : SP<br />
<br />
4 : EX<br />
<br />
234 : XP<br />
<br />
<br />
'''Inoculation'''<br />
<br />
5 plasmid (6/23 plate)<br />
<br />
<br />
<br />
==== 7/7 ====<br />
<br />
'''Gel extract'''<br />
<br />
1, 4, 234 ,11 plasmid (7/6 enzyme digestion)<br />
<br />
<br />
'''Miniprep'''<br />
<br />
5, 7 plasmid (7/6 plate)<br />
<br />
5 -> 25.5 ng/uL<br />
<br />
7 -> 22.3 ng/uL<br />
<br />
<br />
'''Enzyme digestion'''<br />
<br />
5,7 (7/7 miniprep)<br />
<br />
5 : SP<br />
<br />
7 : EX<br />
<br />
<br />
'''Gel extract'''<br />
<br />
5, 7 plasmid (7/7 enzyme digestion)<br />
<br />
<br />
'''Ligation'''<br />
<br />
1 (7/7 gel extract) & 234 (7/7 gel extract) / 9 (7/1 gel extract) & 234 (7/7 gel extract) / 7 (7/7 gel extract) & 11 (7/7 gel extract) <br />
<br />
<br />
<br />
==== 7/8 ====<br />
<br />
'''Enzyme digestion'''<br />
<br />
11 (7/7 gel extract ,4.1 ng/uL), 7<br />
<br />
11 : ES<br />
<br />
7 : EX<br />
<br />
<br />
'''Gel extract'''<br />
<br />
7 (7/6 enzyme digestion), 234 (7/7 enzyme digestion) plasmid<br />
<br />
<br />
'''Ligation'''<br />
<br />
234(7/8 gel extract) & 9(7/1 gel extract)<br />
<br />
234 : 10.2 ng/uL -> 4.1 uL & 9 : 10.6 ng/uL -> 5.9 uL<br />
<br />
<br />
==== 7/9 ====<br />
<br />
'''Transformation'''<br />
<br />
9-234 plasmid (7/8 ligation)<br />
<br />
<br />
'''Gel extract'''<br />
<br />
11 plasmid (7/8 enzyme digestion)<br />
<br />
<br />
'''Cut check'''<br />
<br />
7 (7/8 enzyme digestion)<br />
<br />
<br />
'''Inoculation'''<br />
<br />
1-234 plasmid (7/7 transformation), 9 plasmid (6/23)<br />
<br />
<br />
'''Ligation'''<br />
<br />
11 (7/1 ligation) & 7 (7/8 ligation)<br />
<br />
11 : 6.5 ng/uL<br />
<br />
<br />
<br />
==== 7/10 ====<br />
<br />
'''Miniprep'''<br />
<br />
1-234 (7/9 inoculation)<br />
<br />
1-234 : 107.2 ng/uL<br />
<br />
<br />
'''Transformation'''<br />
<br />
9-234<br />
<br />
<br />
'''Inoculation'''<br />
<br />
9 (6/23 transformation)<br />
<br />
<br />
<br />
==== 7/11 ====<br />
<br />
'''enzyme digestion'''<br />
<br />
7 (7/7 miniprep), 234 (7/6 miniprep)<br />
<br />
7 : EX<br />
<br />
234 : XP<br />
<br />
<br />
'''Inoculation'''<br />
<br />
9-234 (7/9 transformation -> failure), 11-7 (7/10 transformation),<br />
9 (6/23 transformation), 11 (6/30 transformation)<br />
<br />
<br />
<br />
==== 7/12 ====<br />
<br />
'''Miniprep'''<br />
<br />
11-7, 9, 11 (7/11 inoculation)<br />
<br />
11-7 : 81.2 ng/uL<br />
<br />
9 : 84.4 ng/uL<br />
<br />
11 : 81.2 ng/uL<br />
<br />
<br />
'''Enzyme digestion'''<br />
<br />
11-7, 9 (7/12 miniprep)<br />
<br />
11-7 : XP<br />
<br />
9 : SP<br />
<br />
<br />
'''Cut check'''<br />
<br />
1-234 (7/10 107.2 ng/uL), 234 (7/6 98.1 ng/uL), 2-3 (7/2 105.0 ng/uL), <br />
3 (6/25 124.2 ng/uL) plasmid<br />
<br />
<br />
<br />
==== 7/13 ====<br />
<br />
'''Gel extraction'''<br />
<br />
11-7, 9 (7/12 enzyme digestion), 2-3-4 (7/11 enzyme digestion)<br />
<br />
<br />
'''Ligation'''<br />
<br />
9 & 2-3-4 (7/13 gel extract)/ 5 (7/7 gel extract) & 11-7 (7/13 gel extract)<br />
<br />
<br />
<br />
==== 7/14 ====<br />
<br />
'''Transformation'''<br />
<br />
5-11-7, 9-234 (7/13 gel extract)<br />
<br />
<br />
'''Inoculation'''<br />
<br />
5-11-7, 9-234 (7/14 transformation)<br />
<br />
<br />
<br />
==== 7/15 ====<br />
<br />
'''Miniprep'''<br />
<br />
5-11-7, 9-234 (7/14 inoculation)<br />
<br />
5-11-7 I 62.6 ng/uL<br />
<br />
5-11-7 II 82.6 ng/uL<br />
<br />
5-11-7 III 59.5 ng/uL<br />
<br />
9-234 I 46.4 ng/uL<br />
<br />
9-234 II 50.6 ng/uL<br />
<br />
9-234 III 41.8 ng/uL<br />
<br />
<br />
'''Enzyme digestion'''<br />
<br />
5-11-7, 9-234 (7/15 miniprep)<br />
<br />
<br />
==== 7/16 ====<br />
<br />
'''Inoculation'''<br />
<br />
9-234 (7/14 plate)<br />
<br />
<br />
'''Ligation'''<br />
<br />
9 & 234 (7/13 gel extract) / 1 (7/7 gel extract) & 5-11-7 (7/16 gel extract)<br />
<br />
<br />
'''Enzyme digestion'''<br />
<br />
9 (7/12 miniprep)<br />
<br />
9 : SP<br />
<br />
<br />
'''Gel extraction'''<br />
<br />
9-234, 5-11-7 (7/15 enzyme digestion)<br />
<br />
<br />
==== 7/17 ====<br />
<br />
'''Miniprep'''<br />
<br />
9-234 (7/16 inoculation)<br />
<br />
9-234 I 35.0 ng/uL<br />
<br />
9-234 II 75.4 ng/uL<br />
<br />
<br />
'''Enzyme digestion'''<br />
<br />
9-234 (7/17 miniprep)<br />
<br />
<br />
'''Gel extraction'''<br />
<br />
9 (7/16 enzyme digestion)<br />
<br />
<br />
'''Transformation'''<br />
<br />
9-234, 1-5-11-7, 9 (7/16 ligation)<br />
<br />
<br />
<br />
==== 7/18 ====<br />
<br />
'''Gel extract'''<br />
<br />
9-234 (7/17 enzyme digestion)<br />
<br />
<br />
'''Ligation'''<br />
<br />
9 (vector, 7/17 SP gel extract) & 234 (insert, 7/13 XP gel extract) <br />
<br />
9 : 10.8 ng/uL -> 5 uL & 234 : 7.1 ng/uL -> 5 uL<br />
<br />
<br />
'''Ligation'''<br />
<br />
9 (vector, 7/17 SP gel extract) & 9234 (insert, 7/18 XP gel extract) / 1 (vector, 7/7 SP gel extract) & 9234 (insert, 7/18 XP gel extract)<br />
<br />
9 : 10.8 ng/uL -> 5 uL & 9234 : 8.6 ng/uL -> 5 uL<br />
<br />
1 : 28.4 ng/uL -> 3 uL & 9234 : 8.6 ng/uL -> 7 uL <br />
<br />
<br />
'''Gel extract'''<br />
<br />
9-234 (7/17 XP enzyme digestion)<br />
<br />
<br />
==== 7/19 ====<br />
<br />
'''Transformation'''<br />
<br />
9-9234, 1-9234 (7/18 ligation)<br />
<br />
<br />
'''Miniprep'''<br />
<br />
1-5-11-7 (7/17 inoculation)<br />
<br />
1-5-11-7 I : 142.1 ng/uL<br />
<br />
1-5-11-7 II : 143.9 ng/uL<br />
<br />
1-5-11-7 III : 131.5 ng/uL<br />
<br />
<br />
==== 7/20 ====<br />
<br />
'''Sequencing'''<br />
<br />
9-234 II(7/17 miniprep)<br />
<br />
1-234 (7/10 miniprep)<br />
<br />
234 (7/6 miniprep)<br />
<br />
1-5-11-7 (7/19 miniprep)<br />
<br />
<br />
'''Inoculation'''<br />
<br />
9-9234, 1-9234 (7/19 plate)<br />
<br />
<br />
==== 7/21 ====<br />
<br />
'''Miniprep'''<br />
<br />
1-9234, 9-9234 (7/20 inoculation)<br />
<br />
1-9234 I 69.4 ng/uL<br />
<br />
1-9234 II 58.7 ng/uL<br />
<br />
1-9234 III 50.5 ng/uL<br />
<br />
1-9234 IV 68.8 ng/uL<br />
<br />
9-9234 I 100.3 ng/uL<br />
<br />
9-9234 II 29.4 ng/uL<br />
<br />
9-9234 III 76.8 ng/uL<br />
<br />
9-9234 IV 70.3 ng/uL<br />
<br />
<br />
'''Enzyme digestion'''<br />
<br />
9-9234 I,III (7/21 miniprep) : XPcut<br />
<br />
<br />
====7/22====<br />
<br />
'''Gel extract'''<br />
<br />
99234 plasmid (7/21 enzyme digestion)<br />
<br />
<br />
'''Ligation'''<br />
<br />
1 (7/7 gel extract) & 99234 (7/22 gel extract)<br />
<br />
1: 28.4ng/uL -> 3uL, 99234: 13.2ng/uL -> 7uL<br />
<br />
<br />
'''Transformation'''<br />
<br />
1-99234 (7/22 ligation)<br />
<br />
<br />
====7/23====<br />
<br />
'''Inoculation'''<br />
<br />
1-99234 (7/22 transformation) -> 4 samples (I, II, III, IV)<br />
<br />
<br />
'''Cut check'''<br />
<br />
XScut<br />
<br />
234 (7/6 miniprep)<br />
<br />
9234 (7/17 miniprep)<br />
<br />
19234 (7/21 miniprep)<br />
<br />
99234 (7/21 miniprep)<br />
<br />
<br />
'''Ligation'''<br />
<br />
8 (lox 71) & 4 (7/7 gel extract)<br />
<br />
8: 1105ng/uL -> 0.5uL, 4: 11.9ng/uL -> 4.5uL<br />
<br />
<br />
'''Transformation'''<br />
<br />
8-4 (7/23 ligation)<br />
<br />
<br />
====7/24====<br />
<br />
'''Miniprep'''<br />
<br />
1-99234 (7/23 Inoculation)<br />
<br />
I: 116.8ng/uL<br />
<br />
II: 81.6ng/uL<br />
<br />
III: 110.2ng/uL<br />
<br />
IV: 139.5ng/uL<br />
<br />
<br />
'''Inoculation'''<br />
<br />
8-4 (7/23 transformation)<br />
<br />
<br />
'''Sequencing'''<br />
<br />
1-99234 I, II, III, IV (7/24 miniprep)<br />
<br />
1-9234 I, II, III, IV (7/21 miniprep)<br />
<br />
PCR program<br />
<br />
1. 96℃, 1 minute<br />
<br />
2. 98℃, 10 seconds<br />
<br />
3. 50℃, 5 seconds<br />
<br />
4. 60℃, 4minutes<br />
<br />
5. 2,3,4 x 25<br />
<br />
6. 4℃, forever<br />
<br />
<br />
====7/25====<br />
<br />
'''Enzyme digestion'''<br />
<br />
8-4 (7/25 miniprep): XScut, EXcut<br />
<br />
4 (control): XScut<br />
<br />
1-5-11-7 (7/14 miniprep): EScut<br />
<br />
<br />
'''Miniprep'''<br />
<br />
8-4 (7/24 inoculation): 82.4ng/uL<br />
<br />
<br />
====7/26====<br />
<br />
'''Gel extract'''<br />
<br />
8-4 EXcut (7/25 enzyme digestion)<br />
<br />
1-5-11-7 EScut (7/25 enzyme digestion)<br />
<br />
<br />
'''Cut check'''<br />
<br />
8-4 XScut (7/25 enzyme digestion) -> failed<br />
<br />
4 XScut (7/25 enzyme digestion)<br />
<br />
<br />
'''Ligation'''<br />
<br />
8 (7/23 annealing) & 4 (7/7 gel extraction)<br />
<br />
8: 200ng/uL -> 0.5uL, 4: 11.9ng/uL -> 4.5uL<br />
<br />
<br />
'''Transformation'''<br />
<br />
8-4 (7/26 ligation)<br />
<br />
<br />
====7/27====<br />
<br />
'''Ligation'''<br />
<br />
1-5-11-7 (7/26 gel extraction) & 8-4 (7/26 gel extraction)<br />
<br />
1-5-11-7 (EScut): 13.1ng/uL -> 4.4uL, 8-4 (EXcut): 12.5ng/uL -> 5.6uL<br />
<br />
<br />
'''Transformation'''<br />
<br />
1-5-11-7-8-4 (7/27 ligation)<br />
<br />
<br />
'''Inoculation'''<br />
<br />
8-4 (7/26 transformation)<br />
<br />
<br />
'''Miniprep'''<br />
<br />
8-4 (7/27 inoculation)<br />
<br />
I: 65.4ng/uL<br />
<br />
II: 29.6ng/uL<br />
<br />
<br />
'''Enzyme digestion'''<br />
<br />
8-4 (7/27 miniprep): EScut<br />
<br />
4 (6/25 miniprep): EScut<br />
<br />
<br />
====7/28====<br />
<br />
'''Gel extract'''<br />
<br />
8-4 (7/27 enzyme digestion)<br />
<br />
<br />
'''Ligation'''<br />
<br />
1-5-11-7 (7/26 gel extraction) & 8-4 (7/28 gel extraction)<br />
<br />
1-5-11-7 (EScut): 13.1ng/uL -> 5uL, 8-4 (EXcut): 12.5ng/uL -> 5uL<br />
<br />
<br />
'''Inoculation'''<br />
<br />
1-5-11-7-8-4 (7/27 transformation) -> 4 samples (I, II, III, IV)<br />
<br />
<br />
====7/29====<br />
<br />
'''Miniprep'''<br />
<br />
1-5-11-7-8-4 I, II, III, IV (7/28 inoculation)<br />
<br />
I 109.8ng/uL<br />
<br />
II 100.7ng/uL<br />
<br />
III 118.9ng/uL<br />
<br />
IV 118.0ng/uL<br />
<br />
<br />
'''Transformation'''<br />
<br />
1-5-11-7-8-4 I, II, III, IV (7/28 miniprep)<br />
<br />
<br />
'''Cut check'''<br />
<br />
1-5-11-7 (control)<br />
<br />
1-5-11-7-8-4 I<br />
<br />
1-5-11-7-8-4 II<br />
<br />
1-5-11-7-8-4 III<br />
<br />
1-5-11-7-8-4 IV -> failed<br />
<br />
<br />
'''Sequencing'''<br />
<br />
1-5-11-7-8-4 I, II, III<br />
<br />
{{UT-Tokyo_Foot}}</div>
Tomoaki
http://2010.igem.org/Team:UT-Tokyo/Sudoku_notebook_6
Team:UT-Tokyo/Sudoku notebook 6
2010-10-28T02:57:56Z
<p>Tomoaki: </p>
<hr />
<div>__NOTOC__{{UT-Tokyo_CSS3}}{{UT-Tokyo_CSS_p}}{{UT-Tokyo_Head}}<br />
<br />
= '''Sudoku''' =<br />
<html><br />
<div><br />
<ul id="inpagemenu"><br />
<li><a href="/Team:UT-Tokyo/Sudoku_abstract" id="abstract">Introduction</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_construct" id="construct">System</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_modeling" id="modeling">Modeling</a></li><br />
<li><span>Experiments</span></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_perspective" id="perspective">Perspective</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_reference" id="reference">Reference</a></li><br />
</ul><br />
</div><br />
<div id="clear"></div><br />
</html><br />
Notebook => <br />
[<br />
June /<br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_notebook July] /<br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_notebook_2 August] / <br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_notebook_8 September - October] <br />
]<br />
<br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_perspective Perspective]<br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_reference Reference]<br />
<br />
== '''Notebook''' ==<br />
<br />
====6/23====<br />
<br />
'''Transformation'''<br />
<br />
2010 Kit plate1: 6N,1H,5D,17J,4H,18A<br />
<br />
2010 Kit plate2: 24C,2K<br />
<br />
<br />
====6/24====<br />
<br />
'''Inoculation'''<br />
<br />
2010 Kit plate1: 6N,1H,5D,17J,4H,18A<br />
<br />
2010 Kit plate2: 24C,2K<br />
<br />
(6/23 Transformation)<br />
<br />
<br />
====6/25====<br />
<br />
'''Miniprep'''<br />
<br />
2010 Kit plate1: 6N,1H,5D,17J,4H,18A<br />
<br />
2010 Kit plate2: 24C,2K<br />
<br />
(6/24 Inoculation)<br />
<br />
<br />
====6/27====<br />
<br />
'''Enxyme digestion'''<br />
<br />
1~7, 9 & 10 plasmid<br />
<br />
1: 117.2 ng/uL -> 2.56 uL / SP<br />
<br />
2: 59.3 ng/uL -> 5.06 uL / SP<br />
<br />
3: 124.2 ng/uL -> 2.42 uL / XP<br />
<br />
4: 114.5 ng/uL -> 2.62 uL / EX<br />
<br />
5: 81.3 ng/uL -> 3.69 uL / SP<br />
<br />
6: 101.7 ng/uL -> 2.95 uL / ES<br />
<br />
7: 81.5 ng/uL -> 3.68 uL / EX<br />
<br />
9: 85.4 ng/uL -> 3.51 uL / SP<br />
<br />
10: 73.5 ng/uL -> 4.08 uL / SP<br />
<br />
<br />
====6/28====<br />
<br />
'''Gel extract'''<br />
<br />
1~7, 9 & 10 plasmid (6/27 enzyme digestion)<br />
<br />
6 -> failed, others -> succeeded<br />
<br />
<br />
====6/29====<br />
<br />
'''Cutcheck'''<br />
<br />
EScut: 1~5, 7, 9 & 10 (6/27 enzyme digestion)<br />
<br />
HindIII cut: 6<br />
<br />
<br />
====6/30====<br />
<br />
'''Ligation'''<br />
<br />
2-3 <br />
<br />
2: 5uL, 3: 5uL, ligation mix: 10uL<br />
<br />
(6/27 Enzyme digestion)<br />
<br />
<br />
'''Transformation'''<br />
<br />
2010 Kit plate1: 1N (TetA(C) (Backwards))<br />
<br />
2010 Kit plate2: 22P (OmpA)<br />
<br />
2-3 (6/30 Ligation)<br />
<br />
{{UT-Tokyo_Foot}}</div>
Tomoaki
http://2010.igem.org/Team:UT-Tokyo/Sudoku_notebook_6
Team:UT-Tokyo/Sudoku notebook 6
2010-10-28T02:56:11Z
<p>Tomoaki: </p>
<hr />
<div>__NOTOC__{{UT-Tokyo_CSS3}}{{UT-Tokyo_CSS_p}}{{UT-Tokyo_Head}}<br />
<br />
= '''Sudoku''' =<br />
<html><br />
<div><br />
<ul id="inpagemenu"><br />
<li><a href="/Team:UT-Tokyo/Sudoku_abstract" id="abstract">Introduction</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_construct" id="construct">System</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_modeling" id="modeling">Modeling</a></li><br />
<li><span>Experiments</span></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_perspective" id="perspective">Perspective</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_reference" id="reference">Reference</a></li><br />
</ul><br />
</div><br />
<div id="clear"></div><br />
</html><br />
Notebook => <br />
[<br />
June /<br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_notebook July] /<br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_notebook_2 August] / <br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_notebook_8 September - October] <br />
]<br />
<br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_perspective Perspective]<br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_reference Reference]<br />
<br />
== '''Notebook''' ==<br />
<br />
====6/23====<br />
<br />
'''Transformation'''<br />
<br />
2010 Kit plate1: 6N,1H,5D,17J,4H,18A<br />
<br />
2010 Kit plate2: 24C,2K<br />
<br />
<br />
====6/24====<br />
<br />
'''Inoculation'''<br />
<br />
2010 Kit plate1: 6N,1H,5D,17J,4H,18A<br />
<br />
2010 Kit plate2: 24C,2K<br />
<br />
(6/23 Transformation)<br />
<br />
<br />
====6/25====<br />
<br />
'''Miniprep'''<br />
<br />
2010 Kit plate1: 6N,1H,5D,17J,4H,18A<br />
<br />
2010 Kit plate2: 24C,2K<br />
<br />
(6/24 Inoculation)<br />
<br />
<br />
====6/27====<br />
<br />
'''Enxyme digestion'''<br />
<br />
1~7, 9 & 10 plasmid<br />
<br />
1: 117.2 ng/uL -> 2.56 uL / SP<br />
<br />
2: 59.3 ng/uL -> 5.06 uL / SP<br />
<br />
3: 124.2 ng/uL -> 2.42 uL / XP<br />
<br />
4: 114.5 ng/uL -> 2.62 uL / EX<br />
<br />
5: 81.3 ng/uL -> 3.69 uL / SP<br />
<br />
6: 101.7 ng/uL -> 2.95 uL / ES<br />
<br />
7: 81.5 ng/uL -> 3.68 uL / EX<br />
<br />
9: 85.4 ng/uL -> 3.51 uL / SP<br />
<br />
10: 73.5 ng/uL -> 4.08 uL / SP<br />
<br />
<br />
====6/28====<br />
<br />
'''Gel extract'''<br />
<br />
1~7, 9 & 10 plasmid (6/27 enzyme digestion)<br />
<br />
6 -> failed, others -> succeeded<br />
<br />
<br />
====6/29====<br />
<br />
'''Cutcheck'''<br />
<br />
EScut: 1~5, 7, 9 & 10 (6/27 enzyme digestion)<br />
<br />
HindIII cut: 6<br />
<br />
<br />
====6/30====<br />
<br />
'''Ligation'''<br />
<br />
2-3 <br />
<br />
2: 5uL, 3: 5uL, ligation mix: 10uL<br />
<br />
(6/27 Enzyme digestion)<br />
<br />
<br />
'''Transformation'''<br />
<br />
2010 Kit plate1: 1N (TetA(C) (Backwards))<br />
<br />
2010 Kit plate2: 22P (OmpA)<br />
<br />
2-3 (6/30 Ligation)<br />
<br />
{{UT-Tokyo_Foot}}</div>
Tomoaki
http://2010.igem.org/Team:UT-Tokyo/Sudoku_assay_LeakSw
Team:UT-Tokyo/Sudoku assay LeakSw
2010-10-28T02:51:13Z
<p>Tomoaki: </p>
<hr />
<div>__NOTOC__{{UT-Tokyo_CSS3}}{{UT-Tokyo_CSS_p}}{{UT-Tokyo_Head}}<br />
<br />
= '''Sudoku''' =<br />
<html><br />
<div><br />
<ul id="inpagemenu"><br />
<li><a href="/Team:UT-Tokyo/Sudoku_abstract" id="abstract">Introduction</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_construct" id="construct">System</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_modeling" id="modeling">Modeling</a></li><br />
<li><span>Experiments</span></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_perspective" id="perspective">Perspective</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_reference" id="reference">Reference</a></li><br />
</ul><br />
</div><br />
<div id="clear"></div><br />
</html><br />
<br /><br />
=>-Assay-<br />
Terminator Leak/<br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_assay_LocSq Location Sequence]/ <br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_assay_MS2 Phage MS2]<br />
<br />
='''Terminator Leak'''=<br />
== '''Abstract''' ==<br />
<br />
<br />
<br />
To construct 4C3 leak-switch, which is indispensable to determine the numbers when solving Sudoku, the following system is required: do not express enough amount of Cre gene that has two or more terminators on the upstream, and express enough amount of Cre gene that has only one terminator there. For this purpose, it is neccessary to use appropriate terminator.<br />
<br />
The aim of terminator leakiness assay is to make sure whether our terminator is appropriate or not. We measured the fluorescence of GFP expressed when Cre protein recombine DNA construct. When the fluorescence of expressed GFP depends on the existence of Cre gene in this construct, our system works properly. However, in the first trial, the fluorescence of GFP cannot be observed in our construct. We considered whether lox sequence, cre coding sequence or both of them have some errors, and performed some experiments to make sure our hypothesis. As a result, it elucidated that lox sequence is not functional.<br />
<br />
<br />
=='''INDEX'''==<br />
<br />
<br />
(experiment1-4)<br />
<br />
Profiling of the gene expression by T7 RNA polymerase<br />
<br />
(experiment5,6)<br />
<br />
Verification of the recombination activity of Cre protein<br />
<br />
(experiment7)<br />
<br />
Verification of the activity of the lox sequence in our construct<br />
<br />
<br />
=='''Experiment 1'''==<br />
<br />
<br />
Profiling of the gene expression by T7 RNA polymerase<br />
<br />
First, we did some experiments to profile the gene expression by T7 RNA polymerase. The part 1-24 (T7 promoter – GFP unit) plasmid was transformed to BL21 (DE3) strain, and incubated on the LB plate at 37 oC.One colony was isolated and cultivated in two LB mediums.<br />
One sample was added IPTG (final conc. 1mM) and incubated at 37 oC. The samples were centrifuged and the supernatant were removed. We checked fluorescence from pellets on our eyes.<br />
<br />
*DE3 strain is one of the E.coli strain which codes the gene of T7 RNA polymerase at the downstream of lac operon on its genome.<br />
<br />
As a result, we could not observe the increasing of the GFP flourescence by addition of IPTG.The cultivated bacteria without the addition of IPTG turned green and those with the addition of IPTG did not turn green. <br />
<br />
From this result, the following possibility was suggested.<br />
Green bacteria without the addition of IPTG → T7 RNA polymerase was expressed weakly and transcribed the mRNA coding gfp. <br />
White bacteria with the addition of IPTG → Overexpressed GFP made inclusion body. <br />
<br />
<br />
=='''Experiment 2'''==<br />
<br />
<br />
From the previous result, we expected that reduced IPTG concentration will prevent the formation of inclution body and performed experiment 1 in low IPTG concentration.We checked the GFP fluorescence of both samples on our eyes.<br />
<br />
The GFP fluorescence of both samples were measured and there was no difference between the two samples .<br />
<br />
It was suggested that BL21(DE3) is not proper to control the expression of gene expression. <br />
<br />
We desided to use Rossetta (DE3) pLysS, that can repress the activity of the leaked T7 RNA polymerase. <br />
<br />
<br />
=='''Experiment 3'''==<br />
<br />
<br />
The plasmid containing part 1-24 was transformed to Rosetta (DE3) plysS.<br />
<br />
<br />
=='''Experiment 4'''==<br />
<br />
<br />
We improved the protocol to the following.<br />
<br />
We used full growth samples preserved in glycerol made in experiment three. We added samples I-V into LB medium and cultured at 37oC. One colony was isolated and cultured in LB medium in duplicate.<br />
We added IPTG into one and cultured at room temperature. Then we observed green fluorescence.<br />
(The concentration of IPTG was 0.1mM)<br />
<br />
As a result, we confirmed that IPTG is able to induce expression in samples<br />
I-III. Regarding IV, a small amount of green fluorescence was detected in the sample without IPTG too. We were not able to detect any green fluorescence in V whether IPTG was added or not. <br />
<br />
<br />
=='''Experiment 5'''==<br />
<br />
<br />
Verification of the recombination activity of Cre protein<br />
<br />
We assayed how the fluorescent intensity of GFP changes over time for sample 1, the sample we were able to induce in the previous assay..<br />
<br />
I:The plasmid containing part 1-24 transformed to Rosetta (DE3) plysS<br />
<br />
When the OD reached 0.6, we added IPTG to a final concentration of 0.1 mM.<br />
<br />
We measured the fluorescence and graphed the results:<br />
<br />
Result<br />
<br />
We observed fluorescence without IPTG. However, fluorescence intensity was half compared to that after IPTG induction. <br />
<br />
<br />
=='''Experiment 6'''==<br />
<br />
<br />
We make four constructs. The first, “Aoi,” does not have a terminator between the promoter and the ribosome binding site. The second, “Murasaki,” has one terminator, and “Rokujo” has two terminators. “Char,” the fourth, expresses GFP when the lox sites are recombined. We combine these to make three units.<br />
1. Aoi + Char unit<br />
2. Murasaki + Char unit<br />
3. Rokujo + Char unit<br />
<br />
Cre protein is placed downstream of the RBS.<br />
<br />
The terminator is placed between the two lox sites. GFP is expressed when terminators between the lox sites are excised by the Cre protein.<br />
<br />
GFP is expressed when the terminators between the lox sites are excised by Cre protein.<br />
<br />
<br />
A terminator exists between the promoter and the rbs, so cre is not translated. However, this terminator is leaky and transcribes a small amount of cre, so the terminators are gradually excised and GFP is expressed.<br />
<br />
Terminators exist between the promoter and the rbs, so cre is not translated. The terminator is not excised and GFP is not expressed.<br />
<br />
We transformed E.coli containing Char, Aoi&Char, Murasaki&Char and Rokujo&Char to Rosetta(DE3) plyS.We cultured these and measured the fluorescence intensity of GFP after IPTG induction. <br />
<br />
With Char, we were not able to observe GFP fluorescence because terminator is not excised in this construct.(negative control)<br />
<br />
<br />
With Murasaki & Char, IPTG induces the expression of Cre and the terminators are gradually excised, so the ratio of plasmids able to produce GFP increases.<br />
<br />
Therefore, the intensity of GFP fluorescence increases gradually.Murasaki & Char express Cre at low levels, so the terminator is excised infrequently.Therefore, the intensity of GFP fluorescence increases slowly.<br />
<br />
With Rokujo & Char, Cre is seldom expressed, so the intensity of GFP should be similar to that of Char.<br />
<br />
Result<br />
<br />
We were only able to observe fluorescence native to bacterial proteins. We deciphered this result as the following.<br />
<br />
The sequence of our parts were identical to those reported on the registry, so the possibility of errors in our sequence was eliminated.<br />
<br />
1. We used BBa_I71801(lox66)and (lox71)BBa_I718017 as our lox sites. There is the possibility that these sequences were dysfunctional.<br />
<br />
2. We used BBa_J61047 as our Cre protein. There is the possibility that the sequence of this Cre protein was incorrect and Cre is dysfunctional.<br />
<br />
<br />
=='''experiment 7'''==<br />
<br />
<br />
Verification of the activity of the lox sequence in our construct<br />
<br />
We planned the following experiment to certify whether 1(in experiment 6) was true or not.<br />
<br />
We dperformed experiments in vitro using purified the Cre protein.<br />
We enzymatically digested CMV and Char and adjusted the base length so that we could observe the base length alteration caused by Cre.<br />
CMV is a positive control previously reported to be recognized by Cre recombinase as a target of homologous recombination.<br />
<br />
<br />
plasmid map<br />
<br />
<br />
We cut this by Cre in vitro and observed the resulting band by electrophoresis.<br />
<br />
<br />
As a result, we were able to confirm that Cre cuts on-CMV.<br />
<br />
<br />
photo band<br />
<br />
<br />
In contrast we were unable to observe a cut in the sample using Char. <br />
<br />
<br />
discussion<br />
We concluded that lox66 and lox 71 incorporated into Char are dysfunctional or have very low excision efficiency.<br />
{{UT-Tokyo_Foot}}</div>
Tomoaki
http://2010.igem.org/Team:UT-Tokyo/Sudoku_assay_LeakSw
Team:UT-Tokyo/Sudoku assay LeakSw
2010-10-28T02:48:30Z
<p>Tomoaki: </p>
<hr />
<div>__NOTOC__{{UT-Tokyo_CSS3}}{{UT-Tokyo_CSS_p}}{{UT-Tokyo_Head}}<br />
<br />
= '''Sudoku''' =<br />
<html><br />
<div><br />
<ul id="inpagemenu"><br />
<li><a href="/Team:UT-Tokyo/Sudoku_abstract" id="abstract">Introduction</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_construct" id="construct">System</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_modeling" id="modeling">Modeling</a></li><br />
<li><span>Experiments</span></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_perspective" id="perspective">Perspective</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_reference" id="reference">Reference</a></li><br />
</ul><br />
</div><br />
<div id="clear"></div><br />
</html><br />
<br /><br />
=>-Assay-<br />
Terminator Leak/<br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_assay_LocSq Location Sequence]/ <br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_assay_MS2 Phage MS2]<br />
<br />
<br />
<br />
<br />
= '''Abstract''' =<br />
<br />
<br />
<br />
To construct 4C3 leak-switch, which is indispensable to determine the numbers when solving Sudoku, the following system is required: do not express enough amount of Cre gene that has two or more terminators on the upstream, and express enough amount of Cre gene that has only one terminator there. For this purpose, it is neccessary to use appropriate terminator.<br />
<br />
The aim of terminator leakiness assay is to make sure whether our terminator is appropriate or not. We measured the fluorescence of GFP expressed when Cre protein recombine DNA construct. When the fluorescence of expressed GFP depends on the existence of Cre gene in this construct, our system works properly. However, in the first trial, the fluorescence of GFP cannot be observed in our construct. We considered whether lox sequence, cre coding sequence or both of them have some errors, and performed some experiments to make sure our hypothesis. As a result, it elucidated that lox sequence is not functional.<br />
<br />
<br />
='''INDEX'''=<br />
<br />
<br />
(experiment1-4)<br />
<br />
Profiling of the gene expression by T7 RNA polymerase<br />
<br />
(experiment5,6)<br />
<br />
Verification of the recombination activity of Cre protein<br />
<br />
(experiment7)<br />
<br />
Verification of the activity of the lox sequence in our construct<br />
<br />
<br />
='''Experiment 1'''=<br />
<br />
<br />
Profiling of the gene expression by T7 RNA polymerase<br />
<br />
First, we did some experiments to profile the gene expression by T7 RNA polymerase. The part 1-24 (T7 promoter – GFP unit) plasmid was transformed to BL21 (DE3) strain, and incubated on the LB plate at 37 oC.One colony was isolated and cultivated in two LB mediums.<br />
One sample was added IPTG (final conc. 1mM) and incubated at 37 oC. The samples were centrifuged and the supernatant were removed. We checked fluorescence from pellets on our eyes.<br />
<br />
*DE3 strain is one of the E.coli strain which codes the gene of T7 RNA polymerase at the downstream of lac operon on its genome.<br />
<br />
As a result, we could not observe the increasing of the GFP flourescence by addition of IPTG.The cultivated bacteria without the addition of IPTG turned green and those with the addition of IPTG did not turn green. <br />
<br />
From this result, the following possibility was suggested.<br />
Green bacteria without the addition of IPTG → T7 RNA polymerase was expressed weakly and transcribed the mRNA coding gfp. <br />
White bacteria with the addition of IPTG → Overexpressed GFP made inclusion body. <br />
<br />
<br />
='''Experiment 2'''=<br />
<br />
<br />
From the previous result, we expected that reduced IPTG concentration will prevent the formation of inclution body and performed experiment 1 in low IPTG concentration.We checked the GFP fluorescence of both samples on our eyes.<br />
<br />
The GFP fluorescence of both samples were measured and there was no difference between the two samples .<br />
<br />
It was suggested that BL21(DE3) is not proper to control the expression of gene expression. <br />
<br />
We desided to use Rossetta (DE3) pLysS, that can repress the activity of the leaked T7 RNA polymerase. <br />
<br />
<br />
='''Experiment 3'''=<br />
<br />
<br />
The plasmid containing part 1-24 was transformed to Rosetta (DE3) plysS.<br />
<br />
<br />
='''Experiment 4'''=<br />
<br />
<br />
We improved the protocol to the following.<br />
<br />
We used full growth samples preserved in glycerol made in experiment three. We added samples I-V into LB medium and cultured at 37oC. One colony was isolated and cultured in LB medium in duplicate.<br />
We added IPTG into one and cultured at room temperature. Then we observed green fluorescence.<br />
(The concentration of IPTG was 0.1mM)<br />
<br />
As a result, we confirmed that IPTG is able to induce expression in samples<br />
I-III. Regarding IV, a small amount of green fluorescence was detected in the sample without IPTG too. We were not able to detect any green fluorescence in V whether IPTG was added or not. <br />
<br />
<br />
='''Experiment 5'''=<br />
<br />
<br />
Verification of the recombination activity of Cre protein<br />
<br />
We assayed how the fluorescent intensity of GFP changes over time for sample 1, the sample we were able to induce in the previous assay..<br />
<br />
I:The plasmid containing part 1-24 transformed to Rosetta (DE3) plysS<br />
<br />
When the OD reached 0.6, we added IPTG to a final concentration of 0.1 mM.<br />
<br />
We measured the fluorescence and graphed the results:<br />
<br />
Result<br />
<br />
We observed fluorescence without IPTG. However, fluorescence intensity was half compared to that after IPTG induction. <br />
<br />
<br />
='''Experiment 6'''=<br />
<br />
<br />
We make four constructs. The first, “Aoi,” does not have a terminator between the promoter and the ribosome binding site. The second, “Murasaki,” has one terminator, and “Rokujo” has two terminators. “Char,” the fourth, expresses GFP when the lox sites are recombined. We combine these to make three units.<br />
1. Aoi + Char unit<br />
2. Murasaki + Char unit<br />
3. Rokujo + Char unit<br />
<br />
Cre protein is placed downstream of the RBS.<br />
<br />
The terminator is placed between the two lox sites. GFP is expressed when terminators between the lox sites are excised by the Cre protein.<br />
<br />
GFP is expressed when the terminators between the lox sites are excised by Cre protein.<br />
<br />
<br />
A terminator exists between the promoter and the rbs, so cre is not translated. However, this terminator is leaky and transcribes a small amount of cre, so the terminators are gradually excised and GFP is expressed.<br />
<br />
Terminators exist between the promoter and the rbs, so cre is not translated. The terminator is not excised and GFP is not expressed.<br />
<br />
We transformed E.coli containing Char, Aoi&Char, Murasaki&Char and Rokujo&Char to Rosetta(DE3) plyS.We cultured these and measured the fluorescence intensity of GFP after IPTG induction. <br />
<br />
With Char, we were not able to observe GFP fluorescence because terminator is not excised in this construct.(negative control)<br />
<br />
<br />
With Murasaki & Char, IPTG induces the expression of Cre and the terminators are gradually excised, so the ratio of plasmids able to produce GFP increases.<br />
<br />
Therefore, the intensity of GFP fluorescence increases gradually.Murasaki & Char express Cre at low levels, so the terminator is excised infrequently.Therefore, the intensity of GFP fluorescence increases slowly.<br />
<br />
With Rokujo & Char, Cre is seldom expressed, so the intensity of GFP should be similar to that of Char.<br />
<br />
Result<br />
<br />
We were only able to observe fluorescence native to bacterial proteins. We deciphered this result as the following.<br />
<br />
The sequence of our parts were identical to those reported on the registry, so the possibility of errors in our sequence was eliminated.<br />
<br />
1. We used BBa_I71801(lox66)and (lox71)BBa_I718017 as our lox sites. There is the possibility that these sequences were dysfunctional.<br />
<br />
2. We used BBa_J61047 as our Cre protein. There is the possibility that the sequence of this Cre protein was incorrect and Cre is dysfunctional.<br />
<br />
<br />
='''experiment 7'''=<br />
<br />
<br />
Verification of the activity of the lox sequence in our construct<br />
<br />
We planned the following experiment to certify whether 1(in experiment 6) was true or not.<br />
<br />
We dperformed experiments in vitro using purified the Cre protein.<br />
We enzymatically digested CMV and Char and adjusted the base length so that we could observe the base length alteration caused by Cre.<br />
CMV is a positive control previously reported to be recognized by Cre recombinase as a target of homologous recombination.<br />
<br />
<br />
plasmid map<br />
<br />
<br />
We cut this by Cre in vitro and observed the resulting band by electrophoresis.<br />
<br />
<br />
As a result, we were able to confirm that Cre cuts on-CMV.<br />
<br />
<br />
photo band<br />
<br />
<br />
In contrast we were unable to observe a cut in the sample using Char. <br />
<br />
<br />
discussion<br />
We concluded that lox66 and lox 71 incorporated into Char are dysfunctional or have very low excision efficiency.<br />
{{UT-Tokyo_Foot}}</div>
Tomoaki
http://2010.igem.org/Team:UT-Tokyo/Sudoku_assay_LocSq
Team:UT-Tokyo/Sudoku assay LocSq
2010-10-28T02:46:58Z
<p>Tomoaki: </p>
<hr />
<div>__NOTOC__{{UT-Tokyo_CSS3}}{{UT-Tokyo_CSS_p}}{{UT-Tokyo_Head}}<br />
<br />
= '''Sudoku''' =<br />
<html><br />
<div><br />
<ul id="inpagemenu"><br />
<li><a href="/Team:UT-Tokyo/Sudoku_abstract" id="abstract">Introduction</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_construct" id="construct">System</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_modeling" id="modeling">Modeling</a></li><br />
<li><span>Experiments</span></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_perspective" id="perspective">Perspective</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_reference" id="reference">Reference</a></li><br />
</ul><br />
</div><br />
<div id="clear"></div><br />
</html><br /><br />
=> -Assay-<br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_assay_LeakSw Terminator Leak]/<br />
Location Sequence/ <br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_assay_MS2 Phage MS2]<br />
<br />
='''Location assay'''=<br />
<br />
=='''Introduction'''==<br />
The object of the assay is to test whether signaling antisense RNA will bind to its complementary sequence encompassing the rbs and prevent translation. The location sequence unit which codes the information of the cell number is carried by a virus remains which was expressed inside the ''E.coli'', and transmitted to other ''E.coli'', while the antisense RNA is transcribed constantly inside themselves. If irrelevant mRNA are transmitted by irrelevant virus remains, their antisense will prevent translation from their mRNA.<br />
<br />
In this assay, we used pBAD promoter to drive transcription of the location sequence which will be transmitted by a virus remains in our system. The strength of the promoter depends on the concentration of arabinose. By adjusting the concentration of arabinose, we will mimic the concentration of RNA emitted by a population of virus. On the other hand, we used c-pro as the promoter that drives transcription of antisense RNA. c-pro is the strongest constitutive promoter we were able to find in the igem parts registry. <br />
<br />
In assay I, we examined the relative strength of pBAD (with eight different concentrations of arabinose) to c-pro. There are two main object for this assay; to quantify the amount of RNA transcribed by pBAD and c-pro, and to control the amount of RNA transcribed by pBAD which depends on the concentration of arabinose.<br />
<br />
By using the result of assay I, we can make a condition which the amount of location sequence unit is less than that of antisense RNA, and in assay II we observe whether our antisense RNA is able to prevent translation or not. We prepared two location sequence units (L2 and L4), and two antisense RNA sequences (L2’ and L4’). L2’ is complementary to L2 and L4’ is complementary to L4. There are 4 samples.<br />
<br />
<br />
* a) J61002/ terminator(rev)-gfp(rev)-L2-pBAD(rev)-cpro-L2’-terminator<br />
* b) J61002/ terminator(rev)-gfp(rev)-L2-pBAD(rev)-cpro-L4’-terminator <br />
* c) J61002/ terminator(rev)-gfp(rev)-L4-pBAD(rev)-cpro-L2’-terminator <br />
* d) J61002/ terminator(rev)-gfp(rev)-L4-pBAD(rev)-cpro-L4’-terminator <br />
<br />
(The location sequence unit contains the ribosome binding site (rbs).)<br />
<br />
In sample a) and d), the antisense will bind to the location sequence unit, so there should be no gfp expressed.<br />
<br />
In sample b) and c), the antisense is not complementary to the location sequence unit, so gfp should be expressed.<br />
<br />
=='''Assay I'''==<br />
<br />
* To quantify the amount of RNA transcribed by pBAD and c-pro.<br />
* To control the amount of RNA transcribed by pBAD which depends on the concentration of arabinose.<br />
<br />
<br />
<br />
'''Day 1'''<br/><br />
Prepare E.coli that contains the following four constructs:<br />
<br />
* pSB1A3/ pBAD-LS-rbs-gfp-terminator<br />
* pSB1A3/ pBAD-terminator<br />
* J61002/ cpro-rbs-gfp-terminator<br />
* J61002/ cpro-terminator.<br />
<br />
# Transform each of the above constructed plasmids to JM109 competent cells.<br />
# Incubate these plates at 37 oC for about twelve hours.<br />
<br />
<br />
<br />
'''Day 2'''<br/><br />
<br />
Culture the full-growth bacteria.<br />
<br />
# Make full-growth bacteria for eight samples (A to H).<br />
* Sample A; pSB1A3/ pBAD-LS-rbs-gfp-terminator, add 1.0x10<sup>-2</sup> M arabinose solution<br />
* Sample B; pSB1A3/ pBAD-LS-rbs-gfp-terminator, add 1.0x10<sup>-3</sup> M arabinose solution<br />
* Sample C; pSB1A3/ pBAD-LS- rbs-gfp-terminator, add 1.0x10<sup>-4</sup> M arabinose solution<br />
* Sample D; pSB1A3/ pBAD-LS- rbs-gfp-terminator, add 1.0x10<sup>-5</sup> M arabinose solution<br />
* Sample E; pSB1A3/ pBAD-LS- rbs-gfp-terminator, add 1.0x10<sup>-6</sup> M arabinose solution<br />
* Sample F; pSB1A3/ pBAD-LS-terminator<br />
* Sample G; J61002/ cpro- rbs-gfp-terminator<br />
* Sample H; J61002/ cpro-terminator<br />
<br />
# Add tip which picked up one colony from the plate of each sample in 15 mL of LB broth (with 100ug/ml ampicillin).<br />
<br />
# Incubate sample at 37 oC with constant shaking at 180 rpm for more than 12 hours (until the medium become the state of full growth).<br />
<br />
<br />
<br />
'''Day 3'''<br/><br />
Measure OD600 and make samples for measurement of gfp fluorescence.<br />
<br />
<br />
# Prepare 1 ml full growth medium for all samples in 100ml LB broth.<br />
# Make diluted arabinose solutions for sample A to E. <br />
* a) Add “L-(+)-Arabinose, minimum 99%” 1.5 g into 10ml arabinose to make master mix solution of 1.0x10<sup>-2</sup>^(-2)M arabinose for sample A.<br />
* b) Add 150 ul master mix solution to 1350 ul LB broth to make 1.0x10<sup>-3</sup>M arabinose solution for sample B.<br />
* c) Add 150 ul 1.0x10<sup>-3</sup>M arabinose solution to 1350 ul LB broth to make 1.0x10^(-4) arabinose solution for sample C.<br />
* d) Add 150 ul 1.0x10<sup>-4</sup>M arabinose solution to 1350 ul LB broth to make 1.0x10^(-5) arabinose solution for sample D.<br />
* e) Add 150 ul 1.0x10<sup>-5</sup>M arabinose solution to 1350 ul LB broth to make 1.0x10^(-6) arabinose solution for sample E.<br />
# Incubate sample at 25 oC with constant shaking at 180 rpm.<br />
# Extract 300 ul from each sample and measure OD600 once every hour.<br />
# Add arabinose solution of each concentration to the medium when the OD600 approaches 2.0. <br />
# Extract 1ml from each sample, centrifuge the medium and discard the supernatant to make E.coli pellet. Preserve all samples in a -20 oC freezer.<br />
<br />
<br />
<br />
<br />
'''Day 4'''<br/><br />
Measure gfp fluorescence<br />
<br />
# Add 100 ul 8M urea buffer into each pellet and make suspension solution.<br />
# Incubate sample solutions at room temperature for 30 minutes.<br />
# Sonicate the cells. (10 seconds, 10% power.)<br />
# Cool the samples on ice and cool it down.<br />
# Repeat steps 3 and 4.<br />
# Centrifuge the tube at 150rpm, 2 minutes, 4 oC.<br />
# Measure the fluorescence.<br />
<br />
<br />
'''Result'''<br/><br />
[[Image:AssayI.png|200px|thumb|The result of assay I]]<br />
<br />
As you can see from the figure, the strongest fluorescence observed was sample G, and it is followed by sample A, B, C, D, E. In this assay, we used two different types of vectors for plasmids; J61002 and pSB1A3. Copy number of these plasmids are the same (100 ~ 200) and all the plasmids use the same rbs and gfp. So, we assume that the amount of transcribed RNA closely correlate with the amount of gfp expression. The more gfp expressed, the stronger fluorescence must be observed, so the order of the strength of promoter must be following;<br />
<br />
# c-pro<br />
# pBAD with 1.0x10<sup>-2</sup> M arabinose<br />
# pBAD with 1.0x10<sup>-3</sup> M arabinose<br />
# pBAD with 1.0x10<sup>-4</sup> M arabinose<br />
# pBAD with 1.0x10<sup>-5</sup> M arabinose<br />
# pBAD with 1.0x10<sup>-6</sup> M arabinose<br />
<br />
<br />
[[Image:arabinose.png|200px|thumb|the correlation between the strength of pBAD output and the concentration of arabinose]]<br />
<br />
Put the final fluorescence of c-pro pellet examined as 100% fluorescence, the remaining five samples was 70.6%, 25.8%, 16.8%, 1.35%, and 0.11%. As you can see from the figure, the concentration of arabinose positively correlates with the strength of pBAD output.<br />
<br />
In sample A, the total amount of protein expression is only that of sample G. As for sample D and sample E, the amount of expression was too small compared to c-pro. We are not sure how much the emission of mRNA by virus might be, so we decided to adapt 1.0x10(-2) M and 1.0x10(-4) M as the concentration of arabinose for the next assay II.<br />
<br />
=='''Assay II'''==<br />
Test whether location sequence works or not.<br />
<br />
<br />
'''Day 1'''<br/><br />
Prepare E.coli that contains the following four constructs:<br />
-J61002/ terminator(rev)-gfp(rev)-L2-pBAD(rev)-cpro-L2’-terminator<br />
-J61002/ terminator(rev)-gfp(rev)-L2-pBAD(rev)-cpro-L4’-terminator<br />
-J61002/ terminator(rev)-gfp(rev)-L4-pBAD(rev)-cpro-L2’-terminator<br />
-J61002/ terminator(rev)-gfp(rev)-L4-pBAD(rev)-cpro-L2’-terminator<br />
<br />
<br />
1. Transform each of the above constructed plasmids to JM109 competent cells.<br />
2. Incubate these plates at 37 oC for about twelve hours.<br />
<br />
<br />
<br />
'''Day 2'''<br/><br />
Culture the bacteria to full growth.<br />
1. Make full growth for eight samples (A to H).<br />
Sample A;J61002/ 4-gfp-L2-pBAD(rev)-cpro-L2’-4, add 1.0x10^(-2) M arabinose solution<br />
Sample B;J61002/ 4-gfp-L2-pBAD(rev)-cpro-L4’-4, add 1.0x10^(-2) M arabinose solution<br />
Sample C;J61002/ 4-gfp-L4-pBAD(rev)-cpro-L2’-4, add 1.0x10^(-2) M arabinose solution<br />
Sample D;J61002/ 4-gfg-L4-pBAD(rev)-cpro-L4’-4, add 1.0x10^(-2) M arabinose solution<br />
Sample E;J61002/ 4-gfp-L2-pBAD(rev)-cpro-L2’-4, add 1.0x10^(-4) M arabinose solution<br />
Sample F;J61002/ 4-gfp-L2-pBAD(rev)-cpro-L4’-4, add 1.0x10^(-4) M arabinose solution<br />
Sample G;J61002/ 4-gfp-L4-pBAD(rev)-cpro-L2’-4, add 1.0x10^(-4) M arabinose solution<br />
Sample H;J61002/ 4-gfg-L4-pBAD(rev)-cpro-L4’-4, add 1.0x10^(-4) M arabinose solution<br />
<br />
2. Add tip which picked up one colony from the plate of each sample in 15 mL of LB broth (with 100ug/ml ampicillin).<br />
<br />
3. Incubate sample at 37 oC with constant shaking at 180 rpm for more than 12 hours (until the medium become the state of full growth).<br />
<br />
<br />
<br />
'''Day 3'''<br/><br />
Measure Optical Density (600) and make pellets for measurement of gfp fluorescence.<br />
<br />
1. Prepare 1 ml full growth medium for all samples in 100ml LB broth.<br />
2. Incubate sample at 25 oC with constant shaking at 180 rpm.<br />
3. Extract 300 ul from each sample and measure OD600 once every hour.<br />
4. Add arabinose solution of each concentration to the medium when the OD600 approaches 2.0. <br />
5. Extract 1ml from each sample, centrifuge the medium and discard the supernatant to make E.coli pellet. Preserve all samples in a -20 oC freezer.<br />
zer.<br />
<br />
<br />
<br />
'''Day 4'''<br/><br />
Measure Fluorescence<br />
<br />
1. Add 100 ul 8M urea buffer into each pellet and make suspension solution.<br />
2. Incubate sample solutions at room temperature for 30 minutes.<br />
3. Sonicate the cells. (10 seconds, 10% power.)<br />
4. Cool the samples on ice and cool it down.<br />
5. Repeat steps 3 and 4.<br />
6. Centrifuge the tube at 150rpm, 2 minutes, 4 oC.<br />
7. Measure the fluorescence.<br />
<br />
<br />
<br />
'''Result'''<br/><br />
[[Image:AssayII.png|200px|thumb|The result of assay II]]<br />
<br />
If antisense RNA which we designed was available, the gfp couldn’t be translated in sample A, D, E, H. So we expect fluorescence from sample B, C, F, G and no fluorescence from sample A, D, E, H.<br />
<br />
However, as you can see from the figure, there was no fluorescence of gfp being observed. <br />
<br />
In fact, we sequenced our sample after the assay. As the result, actually our sample A and sample E has been terminator(rev)-gfp(rev)-L2-pBAD(rev), sample B and sample F has been terminator(rev)-gfp(rev)-L2-pBAD(rev). It seems that we have failed in the process of ligation. <br />
<br />
Several reasons could be considered for the result of the assay.<br />
-reverse version of pBAD did not work<br />
Because, we had the result which did not depend on the concentration of arabinose, there is possibility that pBAD promoter did not work well. If the promoter did not work, the transcription does not occur, so the fluorescence of gfp won’t be observed. <br />
However, sequence result of pBAD reverse had no problem.<br />
<br />
-gfp expressed by our plasmid was unavailable<br />
If pBAD(rev) was proper, then the reverse version of gfp expressed must have some problem. <br />
Actually, sequence result of gfp(rev) had no problem. However, in our parts, rbs exists inside “location sequence”, so there are extra DNA array between rbs and gfp. There is possibility that this extra array became obstacle for gfp fluorescence. <br />
<br />
To make sure whether the array did become an obstacle or not, we may do the next Assay III.<br />
<br />
<br />
<br />
<br />
<br />
=='''Assay III'''==<br />
Delete the DNA array between rbs and gfp by PCR. Use primers which anneal to gfp(rev) from 5’ to 3’ and rbs(rev) from 3’ to 5’. Phosphorylate the PCR product and ligate them, to make new plasmids bellow:<br />
a) J16002/ terminator(rev)-gfp(rev)-L4(new)-pBAD(rev)-cpro-L4’-terminator<br />
b) J16002/ terminator(rev)-gfp(rev)-L4(new)-pBAD(rev)-cpro-L2’-terminator<br />
The specific array of L4(new) will be rbs-location sequence4, and the specific array of original L4 was location sequence4-rbs-locationsequence4.<br />
<br />
<br />
We expect antisense RNA transcribed from plasmid a) works and block the translation of gfp and no enough fluorescence being observed. On the other hand, antisense RNA transcribed form plasmid b) isn’t complementary with location sequence unit, so translation won’t be blocked and gfp fluorescence will be observed.<br />
<br />
<br />
<br />
<br />
<br />
{{UT-Tokyo_Foot}}</div>
Tomoaki
http://2010.igem.org/Team:UT-Tokyo/Sudoku_assay_LocSq
Team:UT-Tokyo/Sudoku assay LocSq
2010-10-28T02:46:03Z
<p>Tomoaki: </p>
<hr />
<div>__NOTOC__{{UT-Tokyo_CSS3}}{{UT-Tokyo_CSS_p}}{{UT-Tokyo_Head}}<br />
<br />
= '''Sudoku''' =<br />
<html><br />
<div><br />
<ul id="inpagemenu"><br />
<li><a href="/Team:UT-Tokyo/Sudoku_abstract" id="abstract">Introduction</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_construct" id="construct">System</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_modeling" id="modeling">Modeling</a></li><br />
<li><span>Experiments</span></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_perspective" id="perspective">Perspective</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_reference" id="reference">Reference</a></li><br />
</ul><br />
</div><br />
<div id="clear"></div><br />
</html><br />
=> -Assay-<br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_assay_LeakSw Terminator Leak]/<br />
Location Sequence/ <br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_assay_MS2 Phage MS2]<br />
<br />
='''Location assay'''=<br />
<br />
=='''Introduction'''==<br />
The object of the assay is to test whether signaling antisense RNA will bind to its complementary sequence encompassing the rbs and prevent translation. The location sequence unit which codes the information of the cell number is carried by a virus remains which was expressed inside the ''E.coli'', and transmitted to other ''E.coli'', while the antisense RNA is transcribed constantly inside themselves. If irrelevant mRNA are transmitted by irrelevant virus remains, their antisense will prevent translation from their mRNA.<br />
<br />
In this assay, we used pBAD promoter to drive transcription of the location sequence which will be transmitted by a virus remains in our system. The strength of the promoter depends on the concentration of arabinose. By adjusting the concentration of arabinose, we will mimic the concentration of RNA emitted by a population of virus. On the other hand, we used c-pro as the promoter that drives transcription of antisense RNA. c-pro is the strongest constitutive promoter we were able to find in the igem parts registry. <br />
<br />
In assay I, we examined the relative strength of pBAD (with eight different concentrations of arabinose) to c-pro. There are two main object for this assay; to quantify the amount of RNA transcribed by pBAD and c-pro, and to control the amount of RNA transcribed by pBAD which depends on the concentration of arabinose.<br />
<br />
By using the result of assay I, we can make a condition which the amount of location sequence unit is less than that of antisense RNA, and in assay II we observe whether our antisense RNA is able to prevent translation or not. We prepared two location sequence units (L2 and L4), and two antisense RNA sequences (L2’ and L4’). L2’ is complementary to L2 and L4’ is complementary to L4. There are 4 samples.<br />
<br />
<br />
* a) J61002/ terminator(rev)-gfp(rev)-L2-pBAD(rev)-cpro-L2’-terminator<br />
* b) J61002/ terminator(rev)-gfp(rev)-L2-pBAD(rev)-cpro-L4’-terminator <br />
* c) J61002/ terminator(rev)-gfp(rev)-L4-pBAD(rev)-cpro-L2’-terminator <br />
* d) J61002/ terminator(rev)-gfp(rev)-L4-pBAD(rev)-cpro-L4’-terminator <br />
<br />
(The location sequence unit contains the ribosome binding site (rbs).)<br />
<br />
In sample a) and d), the antisense will bind to the location sequence unit, so there should be no gfp expressed.<br />
<br />
In sample b) and c), the antisense is not complementary to the location sequence unit, so gfp should be expressed.<br />
<br />
=='''Assay I'''==<br />
<br />
* To quantify the amount of RNA transcribed by pBAD and c-pro.<br />
* To control the amount of RNA transcribed by pBAD which depends on the concentration of arabinose.<br />
<br />
<br />
<br />
'''Day 1'''<br/><br />
Prepare E.coli that contains the following four constructs:<br />
<br />
* pSB1A3/ pBAD-LS-rbs-gfp-terminator<br />
* pSB1A3/ pBAD-terminator<br />
* J61002/ cpro-rbs-gfp-terminator<br />
* J61002/ cpro-terminator.<br />
<br />
# Transform each of the above constructed plasmids to JM109 competent cells.<br />
# Incubate these plates at 37 oC for about twelve hours.<br />
<br />
<br />
<br />
'''Day 2'''<br/><br />
<br />
Culture the full-growth bacteria.<br />
<br />
# Make full-growth bacteria for eight samples (A to H).<br />
* Sample A; pSB1A3/ pBAD-LS-rbs-gfp-terminator, add 1.0x10<sup>-2</sup> M arabinose solution<br />
* Sample B; pSB1A3/ pBAD-LS-rbs-gfp-terminator, add 1.0x10<sup>-3</sup> M arabinose solution<br />
* Sample C; pSB1A3/ pBAD-LS- rbs-gfp-terminator, add 1.0x10<sup>-4</sup> M arabinose solution<br />
* Sample D; pSB1A3/ pBAD-LS- rbs-gfp-terminator, add 1.0x10<sup>-5</sup> M arabinose solution<br />
* Sample E; pSB1A3/ pBAD-LS- rbs-gfp-terminator, add 1.0x10<sup>-6</sup> M arabinose solution<br />
* Sample F; pSB1A3/ pBAD-LS-terminator<br />
* Sample G; J61002/ cpro- rbs-gfp-terminator<br />
* Sample H; J61002/ cpro-terminator<br />
<br />
# Add tip which picked up one colony from the plate of each sample in 15 mL of LB broth (with 100ug/ml ampicillin).<br />
<br />
# Incubate sample at 37 oC with constant shaking at 180 rpm for more than 12 hours (until the medium become the state of full growth).<br />
<br />
<br />
<br />
'''Day 3'''<br/><br />
Measure OD600 and make samples for measurement of gfp fluorescence.<br />
<br />
<br />
# Prepare 1 ml full growth medium for all samples in 100ml LB broth.<br />
# Make diluted arabinose solutions for sample A to E. <br />
* a) Add “L-(+)-Arabinose, minimum 99%” 1.5 g into 10ml arabinose to make master mix solution of 1.0x10<sup>-2</sup>^(-2)M arabinose for sample A.<br />
* b) Add 150 ul master mix solution to 1350 ul LB broth to make 1.0x10<sup>-3</sup>M arabinose solution for sample B.<br />
* c) Add 150 ul 1.0x10<sup>-3</sup>M arabinose solution to 1350 ul LB broth to make 1.0x10^(-4) arabinose solution for sample C.<br />
* d) Add 150 ul 1.0x10<sup>-4</sup>M arabinose solution to 1350 ul LB broth to make 1.0x10^(-5) arabinose solution for sample D.<br />
* e) Add 150 ul 1.0x10<sup>-5</sup>M arabinose solution to 1350 ul LB broth to make 1.0x10^(-6) arabinose solution for sample E.<br />
# Incubate sample at 25 oC with constant shaking at 180 rpm.<br />
# Extract 300 ul from each sample and measure OD600 once every hour.<br />
# Add arabinose solution of each concentration to the medium when the OD600 approaches 2.0. <br />
# Extract 1ml from each sample, centrifuge the medium and discard the supernatant to make E.coli pellet. Preserve all samples in a -20 oC freezer.<br />
<br />
<br />
<br />
<br />
'''Day 4'''<br/><br />
Measure gfp fluorescence<br />
<br />
# Add 100 ul 8M urea buffer into each pellet and make suspension solution.<br />
# Incubate sample solutions at room temperature for 30 minutes.<br />
# Sonicate the cells. (10 seconds, 10% power.)<br />
# Cool the samples on ice and cool it down.<br />
# Repeat steps 3 and 4.<br />
# Centrifuge the tube at 150rpm, 2 minutes, 4 oC.<br />
# Measure the fluorescence.<br />
<br />
<br />
'''Result'''<br/><br />
[[Image:AssayI.png|200px|thumb|The result of assay I]]<br />
<br />
As you can see from the figure, the strongest fluorescence observed was sample G, and it is followed by sample A, B, C, D, E. In this assay, we used two different types of vectors for plasmids; J61002 and pSB1A3. Copy number of these plasmids are the same (100 ~ 200) and all the plasmids use the same rbs and gfp. So, we assume that the amount of transcribed RNA closely correlate with the amount of gfp expression. The more gfp expressed, the stronger fluorescence must be observed, so the order of the strength of promoter must be following;<br />
<br />
# c-pro<br />
# pBAD with 1.0x10<sup>-2</sup> M arabinose<br />
# pBAD with 1.0x10<sup>-3</sup> M arabinose<br />
# pBAD with 1.0x10<sup>-4</sup> M arabinose<br />
# pBAD with 1.0x10<sup>-5</sup> M arabinose<br />
# pBAD with 1.0x10<sup>-6</sup> M arabinose<br />
<br />
<br />
[[Image:arabinose.png|200px|thumb|the correlation between the strength of pBAD output and the concentration of arabinose]]<br />
<br />
Put the final fluorescence of c-pro pellet examined as 100% fluorescence, the remaining five samples was 70.6%, 25.8%, 16.8%, 1.35%, and 0.11%. As you can see from the figure, the concentration of arabinose positively correlates with the strength of pBAD output.<br />
<br />
In sample A, the total amount of protein expression is only that of sample G. As for sample D and sample E, the amount of expression was too small compared to c-pro. We are not sure how much the emission of mRNA by virus might be, so we decided to adapt 1.0x10(-2) M and 1.0x10(-4) M as the concentration of arabinose for the next assay II.<br />
<br />
=='''Assay II'''==<br />
Test whether location sequence works or not.<br />
<br />
<br />
'''Day 1'''<br/><br />
Prepare E.coli that contains the following four constructs:<br />
-J61002/ terminator(rev)-gfp(rev)-L2-pBAD(rev)-cpro-L2’-terminator<br />
-J61002/ terminator(rev)-gfp(rev)-L2-pBAD(rev)-cpro-L4’-terminator<br />
-J61002/ terminator(rev)-gfp(rev)-L4-pBAD(rev)-cpro-L2’-terminator<br />
-J61002/ terminator(rev)-gfp(rev)-L4-pBAD(rev)-cpro-L2’-terminator<br />
<br />
<br />
1. Transform each of the above constructed plasmids to JM109 competent cells.<br />
2. Incubate these plates at 37 oC for about twelve hours.<br />
<br />
<br />
<br />
'''Day 2'''<br/><br />
Culture the bacteria to full growth.<br />
1. Make full growth for eight samples (A to H).<br />
Sample A;J61002/ 4-gfp-L2-pBAD(rev)-cpro-L2’-4, add 1.0x10^(-2) M arabinose solution<br />
Sample B;J61002/ 4-gfp-L2-pBAD(rev)-cpro-L4’-4, add 1.0x10^(-2) M arabinose solution<br />
Sample C;J61002/ 4-gfp-L4-pBAD(rev)-cpro-L2’-4, add 1.0x10^(-2) M arabinose solution<br />
Sample D;J61002/ 4-gfg-L4-pBAD(rev)-cpro-L4’-4, add 1.0x10^(-2) M arabinose solution<br />
Sample E;J61002/ 4-gfp-L2-pBAD(rev)-cpro-L2’-4, add 1.0x10^(-4) M arabinose solution<br />
Sample F;J61002/ 4-gfp-L2-pBAD(rev)-cpro-L4’-4, add 1.0x10^(-4) M arabinose solution<br />
Sample G;J61002/ 4-gfp-L4-pBAD(rev)-cpro-L2’-4, add 1.0x10^(-4) M arabinose solution<br />
Sample H;J61002/ 4-gfg-L4-pBAD(rev)-cpro-L4’-4, add 1.0x10^(-4) M arabinose solution<br />
<br />
2. Add tip which picked up one colony from the plate of each sample in 15 mL of LB broth (with 100ug/ml ampicillin).<br />
<br />
3. Incubate sample at 37 oC with constant shaking at 180 rpm for more than 12 hours (until the medium become the state of full growth).<br />
<br />
<br />
<br />
'''Day 3'''<br/><br />
Measure Optical Density (600) and make pellets for measurement of gfp fluorescence.<br />
<br />
1. Prepare 1 ml full growth medium for all samples in 100ml LB broth.<br />
2. Incubate sample at 25 oC with constant shaking at 180 rpm.<br />
3. Extract 300 ul from each sample and measure OD600 once every hour.<br />
4. Add arabinose solution of each concentration to the medium when the OD600 approaches 2.0. <br />
5. Extract 1ml from each sample, centrifuge the medium and discard the supernatant to make E.coli pellet. Preserve all samples in a -20 oC freezer.<br />
zer.<br />
<br />
<br />
<br />
'''Day 4'''<br/><br />
Measure Fluorescence<br />
<br />
1. Add 100 ul 8M urea buffer into each pellet and make suspension solution.<br />
2. Incubate sample solutions at room temperature for 30 minutes.<br />
3. Sonicate the cells. (10 seconds, 10% power.)<br />
4. Cool the samples on ice and cool it down.<br />
5. Repeat steps 3 and 4.<br />
6. Centrifuge the tube at 150rpm, 2 minutes, 4 oC.<br />
7. Measure the fluorescence.<br />
<br />
<br />
<br />
'''Result'''<br/><br />
[[Image:AssayII.png|200px|thumb|The result of assay II]]<br />
<br />
If antisense RNA which we designed was available, the gfp couldn’t be translated in sample A, D, E, H. So we expect fluorescence from sample B, C, F, G and no fluorescence from sample A, D, E, H.<br />
<br />
However, as you can see from the figure, there was no fluorescence of gfp being observed. <br />
<br />
In fact, we sequenced our sample after the assay. As the result, actually our sample A and sample E has been terminator(rev)-gfp(rev)-L2-pBAD(rev), sample B and sample F has been terminator(rev)-gfp(rev)-L2-pBAD(rev). It seems that we have failed in the process of ligation. <br />
<br />
Several reasons could be considered for the result of the assay.<br />
-reverse version of pBAD did not work<br />
Because, we had the result which did not depend on the concentration of arabinose, there is possibility that pBAD promoter did not work well. If the promoter did not work, the transcription does not occur, so the fluorescence of gfp won’t be observed. <br />
However, sequence result of pBAD reverse had no problem.<br />
<br />
-gfp expressed by our plasmid was unavailable<br />
If pBAD(rev) was proper, then the reverse version of gfp expressed must have some problem. <br />
Actually, sequence result of gfp(rev) had no problem. However, in our parts, rbs exists inside “location sequence”, so there are extra DNA array between rbs and gfp. There is possibility that this extra array became obstacle for gfp fluorescence. <br />
<br />
To make sure whether the array did become an obstacle or not, we may do the next Assay III.<br />
<br />
<br />
<br />
<br />
<br />
=='''Assay III'''==<br />
Delete the DNA array between rbs and gfp by PCR. Use primers which anneal to gfp(rev) from 5’ to 3’ and rbs(rev) from 3’ to 5’. Phosphorylate the PCR product and ligate them, to make new plasmids bellow:<br />
a) J16002/ terminator(rev)-gfp(rev)-L4(new)-pBAD(rev)-cpro-L4’-terminator<br />
b) J16002/ terminator(rev)-gfp(rev)-L4(new)-pBAD(rev)-cpro-L2’-terminator<br />
The specific array of L4(new) will be rbs-location sequence4, and the specific array of original L4 was location sequence4-rbs-locationsequence4.<br />
<br />
<br />
We expect antisense RNA transcribed from plasmid a) works and block the translation of gfp and no enough fluorescence being observed. On the other hand, antisense RNA transcribed form plasmid b) isn’t complementary with location sequence unit, so translation won’t be blocked and gfp fluorescence will be observed.<br />
<br />
<br />
<br />
<br />
<br />
{{UT-Tokyo_Foot}}</div>
Tomoaki
http://2010.igem.org/Team:UT-Tokyo/Sudoku_assay_MS2
Team:UT-Tokyo/Sudoku assay MS2
2010-10-28T02:44:10Z
<p>Tomoaki: </p>
<hr />
<div>__NOTOC__{{UT-Tokyo_CSS3}}{{UT-Tokyo_CSS_p}}{{UT-Tokyo_Head}}<br />
<br />
= '''Sudoku''' =<br />
<html><br />
<div><br />
<ul id="inpagemenu"><br />
<li><a href="/Team:UT-Tokyo/Sudoku_abstract" id="abstract">Introduction</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_construct" id="construct">System</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_modeling" id="modeling">Modeling</a></li><br />
<li><span>Experiments</span></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_perspective" id="perspective">Perspective</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_reference" id="reference">Reference</a></li><br />
</ul><br />
</div><br />
<div id="clear"></div><br />
</html><br />
<br /><br />
=>-Assay-<br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_assay_LeakSw Terminator Leak]/<br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_assay_LocSq Location Sequence]/ <br />
Phage MS2<br />
<br />
='''Phage MS2'''=<br />
<br />
=='''Introduction'''==<br />
<br />
In the signal transmission assay: MS2 phage, we test whether MS2 phage can function as a signal transducer (what we call “Signal Virus”) and determine the conditions under which they function. In other words, we test whether MS2 phage can carry out from bacteria mRNA which codes for number information, infect other E.coli, and whether the mRNA it carries can be translated in the infected E.coli. This signal transmission system requires the possession of 3 properties. In this assay we test for the presence of these properties. First, we test whether functional viruses are produced from MS2 phage cDNA although the MS2 phage genome is never transcribed from DNA in its natural lifecycle. Second, we test whether the targeted mRNA is carried outside E.coli. A wild-type phage genome contains 19bp of loading sequence, around which coat proteins of MS2 phage aggregate. Therefore we test whether the targeted mRNA is carried outside by adding a loading sequence. Third, we test whether viral remnants lacking their natural genome but instead possess the targeted mRNA are able to infect other E.coli and whether we can detect translation. In this assay, we select the Cre generator and the Gfp generator as the targeted mRNA. If we confirm these three work, we can say our MS2 phage system functions as Signal Virus.<br />
<br />
<br />
<br />
=='''1. Titer test of wild type MS2 phage'''==<br />
[[Image:MS2_Fig1.png|200px|thumb|Figure 1: The construct of experiment 1]]<br />
<br />
In this experiment, we test whether cDNA of MS2 phage genome produces functional viruses. We transform the plasmid coding for the MS2 phage genome into DE3, and induce its expression by T7 RNA polymerase. After that we collect the cell lysate and perform a titer test by infecting JM109 (Figure 1).<br />
<br />
<br />
<br />
=='''2. Measurement of quantity of the targeted mRNA'''==<br />
[[Image:MS2_Fig2.png|200px|thumb|Figure 2: The construct of experiment 2]]<br />
<br />
In this experiment we test whether the targeted mRNA is packaged by MS2 coat proteins and carried out of the cell. We use the construct shown in Figure 2. We transform the plasmids coding MS2 phage genome to DE3 cells and induce expression using the T7 polymerase. At the same time we induce transcription from the Gfp generator or The Cre generator each with a loading sequence attached. Then the mRNA is packaged and carried out of the cell. After that we collect the cell lysate and the viral remnants it contains. Next we measure the quantity of mRNA coding for the gfp generator or cre generator. It is possible that the detected mRNA is derived from the cytosol of E. coli instead of that derived from the virus. In order to quantify cytosolic RNA, we use as control E.coli transformed with cDNA of MS2 phage and the cre generator or gfp generator and quantify the mRNA coding for the cre generator and gfp generator using the same methods. The difference between the samples and the control represents the quantity of mRNA carried out from the cells because mRNA detected under this condition should be derived from the cytosol. We expect the detection of mRNA carried outside by the viral remnants.<br />
<br />
<br />
<br />
=='''3. Expression test in receiver E.coli'''==<br />
[[Image:MS2_Fig3.png|200px|thumb|Figure 3: The construct of experiment 3]]<br />
<br />
In this experiment we test whether viral remnants lacking their natural genome but instead possess the targeted mRNA are able to infect other E.coli and whether we can detect translation. We use the construct shown in Figure 3. We transform the plasmids coding MS2 phage genom e to DE3 cells and induce expression using the T7 polymerase. At the same time we induce transcription from the Gfp generator or The Cre generator each with a loading sequence attached. Then the mRNA is packaged and carried out of the cell. After that we collect the cell lysate and the viral remnants it contains. And we make concentrated phage solution. We test whether we can detect Gfp is translated in the infected E.coli. On the other hand as the receiver, we prepare E.coli which can express gfp because the terminator is removed by Cre, and infect phage to it. Although gfp can be expressed on both systems, the intensity of gfp emission will not be detected at the same time because in many cases just a few phages can be infected by E.coli. When the gfp expression is detected on either one of the systems, we can conclude that phage in the transmitter E.coli carry out target mRNA and infect it to other bacteria, and in the result, target mRNA is translated in the infected E.coli. The construct of Hin is prepared for negative-control for gfp generator and cre generator.<br />
<br />
{{UT-Tokyo_Foot}}</div>
Tomoaki
http://2010.igem.org/Team:UT-Tokyo/Sudoku_assay_LeakSw
Team:UT-Tokyo/Sudoku assay LeakSw
2010-10-28T02:42:32Z
<p>Tomoaki: </p>
<hr />
<div>__NOTOC__{{UT-Tokyo_CSS3}}{{UT-Tokyo_CSS_p}}{{UT-Tokyo_Head}}<br />
<br />
= '''Sudoku''' =<br />
<html><br />
<div><br />
<ul id="inpagemenu"><br />
<li><a href="/Team:UT-Tokyo/Sudoku_abstract" id="abstract">Introduction</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_construct" id="construct">System</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_modeling" id="modeling">Modeling</a></li><br />
<li><span>Experiments</span></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_perspective" id="perspective">Perspective</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_reference" id="reference">Reference</a></li><br />
</ul><br />
</div><br />
<div id="clear"></div><br />
</html><br />
<br /><br />
=>-Assay-<br />
Terminator Leak/<br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_assay_LocSq Location Sequence]/ <br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_assay_MS2 Phage MS2]<br />
<br />
<br />
<br />
'''Abstract'''<br />
<br />
<br />
To construct 4C3 leak-switch, which is indispensable to determine the numbers when solving Sudoku, the following system is required: do not express enough amount of Cre gene that has two or more terminators on the upstream, and express enough amount of Cre gene that has only one terminator there. For this purpose, it is neccessary to use appropriate terminator.<br />
<br />
The aim of terminator leakiness assay is to make sure whether our terminator is appropriate or not. We measured the fluorescence of GFP expressed when Cre protein recombine DNA construct. When the fluorescence of expressed GFP depends on the existence of Cre gene in this construct, our system works properly. However, in the first trial, the fluorescence of GFP cannot be observed in our construct. We considered whether lox sequence, cre coding sequence or both of them have some errors, and performed some experiments to make sure our hypothesis. As a result, it elucidated that lox sequence is not functional.<br />
<br />
<br />
'''INDEX'''<br />
<br />
<br />
(experiment1-4)<br />
<br />
Profiling of the gene expression by T7 RNA polymerase<br />
<br />
(experiment5,6)<br />
<br />
Verification of the recombination activity of Cre protein<br />
<br />
(experiment7)<br />
<br />
Verification of the activity of the lox sequence in our construct<br />
<br />
<br />
'''Experiment 1'''<br />
<br />
<br />
Profiling of the gene expression by T7 RNA polymerase<br />
<br />
First, we did some experiments to profile the gene expression by T7 RNA polymerase. The part 1-24 (T7 promoter – GFP unit) plasmid was transformed to BL21 (DE3) strain, and incubated on the LB plate at 37 oC.One colony was isolated and cultivated in two LB mediums.<br />
One sample was added IPTG (final conc. 1mM) and incubated at 37 oC. The samples were centrifuged and the supernatant were removed. We checked fluorescence from pellets on our eyes.<br />
<br />
*DE3 strain is one of the E.coli strain which codes the gene of T7 RNA polymerase at the downstream of lac operon on its genome.<br />
<br />
As a result, we could not observe the increasing of the GFP flourescence by addition of IPTG.The cultivated bacteria without the addition of IPTG turned green and those with the addition of IPTG did not turn green. <br />
<br />
From this result, the following possibility was suggested.<br />
Green bacteria without the addition of IPTG → T7 RNA polymerase was expressed weakly and transcribed the mRNA coding gfp. <br />
White bacteria with the addition of IPTG → Overexpressed GFP made inclusion body. <br />
<br />
<br />
'''Experiment 2'''<br />
<br />
<br />
From the previous result, we expected that reduced IPTG concentration will prevent the formation of inclution body and performed experiment 1 in low IPTG concentration.We checked the GFP fluorescence of both samples on our eyes.<br />
<br />
The GFP fluorescence of both samples were measured and there was no difference between the two samples .<br />
<br />
It was suggested that BL21(DE3) is not proper to control the expression of gene expression. <br />
<br />
We desided to use Rossetta (DE3) pLysS, that can repress the activity of the leaked T7 RNA polymerase. <br />
<br />
<br />
'''Experiment 3'''<br />
<br />
<br />
The plasmid containing part 1-24 was transformed to Rosetta (DE3) plysS.<br />
<br />
<br />
'''Experiment 4'''<br />
<br />
<br />
We improved the protocol to the following.<br />
<br />
We used full growth samples preserved in glycerol made in experiment three. We added samples I-V into LB medium and cultured at 37oC. One colony was isolated and cultured in LB medium in duplicate.<br />
We added IPTG into one and cultured at room temperature. Then we observed green fluorescence.<br />
(The concentration of IPTG was 0.1mM)<br />
<br />
As a result, we confirmed that IPTG is able to induce expression in samples<br />
I-III. Regarding IV, a small amount of green fluorescence was detected in the sample without IPTG too. We were not able to detect any green fluorescence in V whether IPTG was added or not. <br />
<br />
<br />
'''Experiment 5'''<br />
<br />
<br />
Verification of the recombination activity of Cre protein<br />
<br />
We assayed how the fluorescent intensity of GFP changes over time for sample 1, the sample we were able to induce in the previous assay..<br />
<br />
I:The plasmid containing part 1-24 transformed to Rosetta (DE3) plysS<br />
<br />
When the OD reached 0.6, we added IPTG to a final concentration of 0.1 mM.<br />
<br />
We measured the fluorescence and graphed the results:<br />
<br />
Result<br />
<br />
We observed fluorescence without IPTG. However, fluorescence intensity was half compared to that after IPTG induction. <br />
<br />
<br />
'''Experiment 6'''<br />
<br />
<br />
We make four constructs. The first, “Aoi,” does not have a terminator between the promoter and the ribosome binding site. The second, “Murasaki,” has one terminator, and “Rokujo” has two terminators. “Char,” the fourth, expresses GFP when the lox sites are recombined. We combine these to make three units.<br />
1. Aoi + Char unit<br />
2. Murasaki + Char unit<br />
3. Rokujo + Char unit<br />
<br />
Cre protein is placed downstream of the RBS.<br />
<br />
The terminator is placed between the two lox sites. GFP is expressed when terminators between the lox sites are excised by the Cre protein.<br />
<br />
GFP is expressed when the terminators between the lox sites are excised by Cre protein.<br />
<br />
<br />
A terminator exists between the promoter and the rbs, so cre is not translated. However, this terminator is leaky and transcribes a small amount of cre, so the terminators are gradually excised and GFP is expressed.<br />
<br />
Terminators exist between the promoter and the rbs, so cre is not translated. The terminator is not excised and GFP is not expressed.<br />
<br />
We transformed E.coli containing Char, Aoi&Char, Murasaki&Char and Rokujo&Char to Rosetta(DE3) plyS.We cultured these and measured the fluorescence intensity of GFP after IPTG induction. <br />
<br />
With Char, we were not able to observe GFP fluorescence because terminator is not excised in this construct.(negative control)<br />
<br />
<br />
With Murasaki & Char, IPTG induces the expression of Cre and the terminators are gradually excised, so the ratio of plasmids able to produce GFP increases.<br />
<br />
Therefore, the intensity of GFP fluorescence increases gradually.Murasaki & Char express Cre at low levels, so the terminator is excised infrequently.Therefore, the intensity of GFP fluorescence increases slowly.<br />
<br />
With Rokujo & Char, Cre is seldom expressed, so the intensity of GFP should be similar to that of Char.<br />
<br />
Result<br />
<br />
We were only able to observe fluorescence native to bacterial proteins. We deciphered this result as the following.<br />
<br />
The sequence of our parts were identical to those reported on the registry, so the possibility of errors in our sequence was eliminated.<br />
<br />
1. We used BBa_I71801(lox66)and (lox71)BBa_I718017 as our lox sites. There is the possibility that these sequences were dysfunctional.<br />
<br />
2. We used BBa_J61047 as our Cre protein. There is the possibility that the sequence of this Cre protein was incorrect and Cre is dysfunctional.<br />
<br />
<br />
'''experiment 7'''<br />
<br />
<br />
Verification of the activity of the lox sequence in our construct<br />
<br />
We planned the following experiment to certify whether 1(in experiment 6) was true or not.<br />
<br />
We dperformed experiments in vitro using purified the Cre protein.<br />
We enzymatically digested CMV and Char and adjusted the base length so that we could observe the base length alteration caused by Cre.<br />
CMV is a positive control previously reported to be recognized by Cre recombinase as a target of homologous recombination.<br />
<br />
<br />
prasmid map<br />
<br />
<br />
We cut this by Cre in vitro and observed the resulting band by electrophoresis.<br />
<br />
<br />
As a result, we were able to confirm that Cre cuts on-CMV.<br />
<br />
<br />
photo band<br />
<br />
<br />
In contrast we were unable to observe a cut in the sample using Char. <br />
<br />
<br />
discussion<br />
We concluded that lox66 and lox 71 incorporated into Char are dysfunctional or have very low excision efficiency.<br />
{{UT-Tokyo_Foot}}</div>
Tomoaki
http://2010.igem.org/Team:UT-Tokyo/Sudoku_reference
Team:UT-Tokyo/Sudoku reference
2010-10-28T02:37:16Z
<p>Tomoaki: </p>
<hr />
<div>__NOTOC__{{UT-Tokyo_CSS3}}{{UT-Tokyo_CSS_p}}{{UT-Tokyo_Head}}<br />
= '''Sudoku''' =<br />
<html><br />
<div><br />
<ul id="inpagemenu"><br />
<li><a href="/Team:UT-Tokyo/Sudoku_abstract" id="abstract">Introduction</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_construct" id="construct">System</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_modeling" id="modeling">Modeling</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_experiments" id="experiment">Experiments</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_perspective" id="perspective">Perspective</a></li><br />
<li><span>Reference</span></li><br />
</ul><br />
</div><br />
<div id="clear"></div><br />
</html><br />
=='''Reference'''==<br />
==='''cre recombinase'''===<br />
1.Cre recombinase‐mediated inversion using lox66 and lox71: method to introduce conditional point mutations into the CREB‐binding protein<br /><br />
Zuwen Zhang and Beat Lutz, Nucleic Acids Research, 30, e90 (2002)<br />
<br />
2.Role of nucleotide sequences of loxP spacer region in Cre-mediated recombination.<br /><br />
Lee G and Saito I, Gene, 216, 55-65<br />
<br />
3.In vitro characterization of the site-speciWc recombination system<br />
based on actinophage TG1 integrase<br /><br />
Kentaro Morita, Tomoyuki Yamamoto, Naoki Fusada, Mamoru Komatsu, Haruo Ikeda, Nobutaka Hirano and Hideo Takahashi, Mol Genet Genomics, 282, 607-16<br />
<br />
==='''as RNA'''===<br />
<br />
<br />
1.Artificial antisense RNAs silence lacZ in E. coli by decreasing target mRNA concentration<br /><br />
Stefan Alessandra, Tonelli Alessandro, Schwarz Flavio and Hochkoeppler Alejandro, BMB reports, 568-74 (2008)<br />
<br />
2.Kill the messenger: bacterial antisense RNA promotes mRNA decay<br /><br />
E Gerhart H Wagner, nature structural & molecular biology, 16, 804-6 (2009)<br />
<br />
3.Distance between RBS and AUG plays an important role in overexpression of recombinant proteins<br /><br />
Sunil K. Berwal, R.K. Sreejith and Jayanta K. Pal, Analytical Biochemistry, 405, 275-7 (2010)<br />
<br />
4.Antisense RNA Control of Plasmid R1 Replication<br /><br />
Charlotta Malmgren, E. Gerhart H. Wagner, Chantal Ehresmann, Bernard Ehresmann and Pascale Romby, The Journal of Biologycal Chemistry, 272, 12508-12 (1997)<br />
<br />
5.Paired termini stabilize antisense RNAs and enhance conditional gene silencing in Escherichia coli<br /><br />
Nobutaka Nakashima, Tomohiro Tamura and Liam Good, Nucleic Acids Research, 34, e138 (2006) <br />
<br />
6.The Influence of Antisense Oligonucleotide-induced RNA Structure on Escherichia coli RNase H1 Activity<br /><br />
Walt F. Lima, Venkatraman Mohan and Stanley T. Crooke, The Journal of Biological Chemistry, 272, 18191-8 (2010) <br />
<br />
==='''MS2 phage'''===<br />
<br />
1.Studies on Sex Pili: Mutants of the Sex Factor F in Escherichia coli Defective in Bacteriophage-Adsorbing Function of F Pili<br /><br />
Munemitsu Tomoeda, Akemi Shuta and Manabu Inuzuka, Journal of Bacteriology, 112, 1358-63 (1972)<br />
<br />
2.Crystal structure of an RNA bacteriophage coat protein-operator complex<br /><br />
Karin Valegard, James B. Murray, Peter G. Stockley, Nicola J. Stonehouse and Lars Liljas, Nature, 371, 626 (1994) <br />
<br />
3.Ribonucleoprotein Complexes of R17 Coat Protein and a Translational Operator Analog<br /><br />
Dorothy Beckett and Olke C. Uhlenbeck, Journal of Molecular Biology, 204, 927-38 (1988)<br />
<br />
4.A unique mechanism regulating gene expression: Translational inhibition by a complementary RNA transcript (micRNA)<br /><br />
Takeshi Mizuno, Mei-Yin Chou and Masayori Inoue, Proc. Nail. Acad. Sci. USA, 81, 1966-70 (1984)<br />
<br />
5.Lysis gene expression of RNA phage MS2 depends on a frameshift during translation of the overlapping coat protein gene<br /><br />
R.A.Kastelein, E.Remaut, W.Fiers and J.van Duin, Nature, 295, 35-41<br />
<br />
6.微生物学講義録 前国立感染症研究所長 吉倉 廣 著 第14章 RNAファージ<br /><br />
http://jsv.umin.jp/microbiology/main_014.htm<br />
<br />
==='''T7 RNA polymerase'''===<br />
1.Characterization of two types of termination signal for bacteriophage T7 RNA polymerase<br /><br />
Macdonald LE, Durbin RK, Dunn JJ and McAllister WT, Journal of molecular biology, 238, 145-58 (1994)<br />
<br />
==='''To write introduction'''===<br />
<br />
<br />
1.The second wave of synthetic biology: from modules to systems<br /><br />
Purnick P.E. and Weiss R., Nat. Rev. Mol. Cell. Biol. 10, 410-22, (2009).<br />
<br />
2.Construction of a genetic toggle switch in Escherichia coli<br /><br />
Gardner, T. S., Cantor, C. R. & Collins and J. J., Nature 403, 339-42 (2000).<br />
<br />
3.Environmentally controlled invasion of cancer cells by engineered bacteria<br /><br />
Anderson, J. C., Clarke, E. J., Arkin, A. P. and Voigt, C. A., J. Mol. Biol., 355, 619-27 (2006).<br />
<br />
4.Anderson, J.C., Voigt, C.A. & Arkin, A.P.<br />
Environmental signal integration by a modular AND gate. Mol. Syst. Biol. 3, 133 (2007).<br />
<br />
5.Win, M. N. & Smolke, C. D. <br />
Higher-order cellular information processing with synthetic RNA devices. Science 322, 456-60 (2008).<br />
<br />
6.Ham, T. S., Lee, S. K., Keasling, J. D. & Arkin, A. P.<br />
Design and construction of a double inversion recombination switch for heritable sequential genetic memory. PLoS ONE 3, e2815 (2008).<br />
<br />
7.Friedland, A. et al. Synthetic gene networks that<br />
count. Science 324, 1199?1202 (2009).<br />
<br />
==='''modeling'''===<br />
<br />
1.Alon, U. Introduction to Systems Biology: Design Principles Of Biological Circuits (CRC, Boca Raton,2006).<br />
<br />
2.Ringrose, L. et al. Comparative Kinetic Analysis of FLP and Cre Recombinases: Mathematical Models for DNA Binding and Recombination<br />
J. Mol. Biol. (1998) 284, 363-384<br />
<br />
3.Bionumbers the database of useful biological numbers.<br />
http://bionumbers.hms.harvard.edu/<br />
<br />
{{UT-Tokyo_Foot}}</div>
Tomoaki
http://2010.igem.org/Team:UT-Tokyo/Sudoku_perspective
Team:UT-Tokyo/Sudoku perspective
2010-10-28T02:33:24Z
<p>Tomoaki: </p>
<hr />
<div>__NOTOC__{{UT-Tokyo_CSS3}}{{UT-Tokyo_CSS_p}}{{UT-Tokyo_Head}}<br />
= '''Sudoku''' =<br />
<html><br />
<div><br />
<ul id="inpagemenu"><br />
<li><a href="/Team:UT-Tokyo/Sudoku_abstract" id="abstract">Introduction</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_construct" id="construct">System</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_modeling" id="modeling">Modeling</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_experiments" id="experiment">Experiments</a></li><br />
<li><span>Perspective</span></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_reference" id="reference">Reference</a></li><br />
</ul><br />
</div><br />
<div id="clear"></div><br />
</html> <br />
=='''Perspective'''==<br />
<br />
4C3 leak switch, which we proposed SUDOKU, is the switch which provides arbitrary three of four number information in arbitrary order and enables a reading out of remaining number information.<br />
In addition to this, signal transmission virus & antisense RNA system enable a destination-restricted arbitrary enzyme information transmission.<br />
These systems have a great application potentiality.<br />
<br />
<br />
<br />
First, the number of inputs can be freely altered by extending our system.<br />
As a simple example, one can create a 9C8 leak switch that solves a 9x9 Sudoku puzzle.<br />
In the same way, we can theoretically create nCm switches as long as the strength of the terminators is regulated.<br />
Our switch is very complex compared with AND/OR gates or the toggle switch, and has broad applicability.<br />
<br />
<br />
<br />
The switch utilizes the irreversibility of DNA recombination at each step, so once the switch turns on, will receive no more signals, making it very robust.<br />
Namely, this switch is a very flexible and robust one, so it can be applied in many fields. For example, once the information entered, the state of switch was changed, and once the state was altered, it will never return, and loose sensitivity to other information. Such properties are also observed during the differentiation of cells in eukaryotic development and make our switch a possible candidate as a model for such processes. <br />
<br />
<br />
<br />
Secondly, the signal virus and antisense RNA systems enable network construction using microbes such as E.coli as units.<br />
Information transmission systems using existing chemical substances were not able to restrict information transmission between E.coli cells, but in this system, this becomes possible.<br />
In information transmission system such as conjugation, it was difficult to transmit information from one cell to multiple E.coli cells simultaneously, but this system allows for the transmission to a large number of cells.<br />
<br />
<br />
<br />
In addition, the information carried by the virus can be diverse by encoding an arbitrary enzyme with a loading sequence on the mRNA.<br />
<br />
<br />
<br />
Such a system is expected to enable E.coli to be used as elements of parallel calculation devices in the future.<br />
<br />
{{UT-Tokyo_Foot}}</div>
Tomoaki
http://2010.igem.org/Team:UT-Tokyo/Sudoku_experiments
Team:UT-Tokyo/Sudoku experiments
2010-10-28T02:28:44Z
<p>Tomoaki: </p>
<hr />
<div>__NOTOC__{{UT-Tokyo_CSS3}}{{UT-Tokyo_CSS_p}}{{UT-Tokyo_Head}}<br />
<br />
= '''Sudoku''' =<br />
<html><br />
<div><br />
<ul id="inpagemenu"><br />
<li><a href="/Team:UT-Tokyo/Sudoku_abstract" id="abstract">Introduction</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_construct" id="construct">System</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_modeling" id="modeling">Modeling</a></li><br />
<li><span>Experiments</span></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_perspective" id="perspective">Perspective</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_reference" id="reference">Reference</a></li><br />
</ul><br />
</div><br />
<div id="clear"></div><br />
</html><br />
=='''Experiments'''==<br />
<br />
=== '''Assay''' ===<br />
<br />
1. [[#Terminator leak|Terminator leak]]<br />
<br />
2. [[#Phage MS2|Phage MS2]]<br />
<br />
3. [[#Location sequence|Location sequence]]<br />
<br />
==='''Parts Making'''===<br />
<br />
1. [[#Terminator leak(Parts Making)|Terminator leak(Parts Making)]]<br />
<br />
2. [[#Phage MS2(Parts Making)|Phage MS2(Parts Making)]]<br />
<br />
3. [[#Location sequence(Parts Making)|Location sequence(Parts Making)]]<br />
<br />
4. [[#Hin|Hin]]<br />
<br />
5. [[#flpe|flpe]]<br />
<br />
<br />
==='''Detail Note Book'''===<br />
<br />
<br />
<br />
<br />
= Assay =<br />
<br />
== [https://2010.igem.org/Team:UT-Tokyo/Sudoku_assay_LeakSw Terminator leak] ==<br />
[[Image:Sudoku_Assay_terminator_3.png|200px|thumb|Terminator leak switch assay]]<br />
<br />
'''Abstract'''<br />
<br />
<br />
To construct 4C3 leak-switch, which is indispensable to determine the numbers when solving Sudoku, the following system is required: do not express enough amount of Cre gene that has two or more terminators on the upstream, and express enough amount of Cre gene that has only one terminator there. For this purpose, it is neccessary to use appropriate terminator.<br />
<br />
The aim of terminator leakiness assay is to make sure whether our terminator is appropriate or not. We measured the fluorescence of GFP expressed when Cre protein recombine DNA construct. When the fluorescence of expressed GFP depends on the existence of Cre gene in this construct, our system works properly. However, in the first trial, the fluorescence of GFP cannot be observed in our construct. We considered whether lox sequence, cre coding sequence or both of them have some errors, and performed some experiments to make sure our hypothesis. As a result, it elucidated that lox sequence is not functional.<br />
<br />
<br />
'''INDEX'''<br />
<br />
<br />
(experiment1-4)<br />
<br />
Profiling of the gene expression by T7 RNA polymerase<br />
<br />
(experiment5,6)<br />
<br />
Verification of the recombination activity of Cre protein<br />
<br />
(experiment7)<br />
<br />
Verification of the activity of the lox sequence in our construct<br />
<br />
<br />
'''Experiment 1'''<br />
<br />
<br />
Profiling of the gene expression by T7 RNA polymerase<br />
<br />
First, we did some experiments to profile the gene expression by T7 RNA polymerase. The part 1-24 (T7 promoter – GFP unit) plasmid was transformed to BL21 (DE3) strain, and incubated on the LB plate at 37 oC.One colony was isolated and cultivated in two LB mediums.<br />
One sample was added IPTG (final conc. 1mM) and incubated at 37 oC. The samples were centrifuged and the supernatant were removed. We checked fluorescence from pellets on our eyes.<br />
<br />
*DE3 strain is one of the E.coli strain which codes the gene of T7 RNA polymerase at the downstream of lac operon on its genome.<br />
<br />
As a result, we could not observe the increasing of the GFP flourescence by addition of IPTG.The cultivated bacteria without the addition of IPTG turned green and those with the addition of IPTG did not turn green. <br />
<br />
From this result, the following possibility was suggested.<br />
Green bacteria without the addition of IPTG → T7 RNA polymerase was expressed weakly and transcribed the mRNA coding gfp. <br />
White bacteria with the addition of IPTG → Overexpressed GFP made inclusion body. <br />
<br />
<br />
'''Experiment 2'''<br />
<br />
<br />
From the previous result, we expected that reduced IPTG concentration will prevent the formation of inclution body and performed experiment 1 in low IPTG concentration.We checked the GFP fluorescence of both samples on our eyes.<br />
<br />
The GFP fluorescence of both samples were measured and there was no difference between the two samples .<br />
<br />
It was suggested that BL21(DE3) is not proper to control the expression of gene expression. <br />
<br />
We desided to use Rossetta (DE3) pLysS, that can repress the activity of the leaked T7 RNA polymerase. <br />
<br />
<br />
'''Experiment 3'''<br />
<br />
<br />
The plasmid containing part 1-24 was transformed to Rosetta (DE3) plysS.<br />
<br />
<br />
'''Experiment 4'''<br />
<br />
<br />
We improved the protocol to the following.<br />
<br />
We used full growth samples preserved in glycerol made in experiment three. We added samples I-V into LB medium and cultured at 37oC. One colony was isolated and cultured in LB medium in duplicate.<br />
We added IPTG into one and cultured at room temperature. Then we observed green fluorescence.<br />
(The concentration of IPTG was 0.1mM)<br />
<br />
As a result, we confirmed that IPTG is able to induce expression in samples<br />
I-III. Regarding IV, a small amount of green fluorescence was detected in the sample without IPTG too. We were not able to detect any green fluorescence in V whether IPTG was added or not. <br />
<br />
<br />
'''Experiment 5'''<br />
<br />
<br />
Verification of the recombination activity of Cre protein<br />
<br />
We assayed how the fluorescent intensity of GFP changes over time for sample 1, the sample we were able to induce in the previous assay..<br />
<br />
I:The plasmid containing part 1-24 transformed to Rosetta (DE3) plysS<br />
<br />
When the OD reached 0.6, we added IPTG to a final concentration of 0.1 mM.<br />
<br />
We measured the fluorescence and graphed the results:<br />
<br />
Result<br />
<br />
We observed fluorescence without IPTG. However, fluorescence intensity was half compared to that after IPTG induction. <br />
<br />
<br />
'''Experiment 6'''<br />
<br />
<br />
We make four constructs. The first, “Aoi,” does not have a terminator between the promoter and the ribosome binding site. The second, “Murasaki,” has one terminator, and “Rokujo” has two terminators. “Char,” the fourth, expresses GFP when the lox sites are recombined. We combine these to make three units.<br />
1. Aoi + Char unit<br />
2. Murasaki + Char unit<br />
3. Rokujo + Char unit<br />
<br />
Cre protein is placed downstream of the RBS.<br />
<br />
The terminator is placed between the two lox sites. GFP is expressed when terminators between the lox sites are excised by the Cre protein.<br />
<br />
GFP is expressed when the terminators between the lox sites are excised by Cre protein.<br />
<br />
<br />
A terminator exists between the promoter and the rbs, so cre is not translated. However, this terminator is leaky and transcribes a small amount of cre, so the terminators are gradually excised and GFP is expressed.<br />
<br />
Terminators exist between the promoter and the rbs, so cre is not translated. The terminator is not excised and GFP is not expressed.<br />
<br />
We transformed E.coli containing Char, Aoi&Char, Murasaki&Char and Rokujo&Char to Rosetta(DE3) plyS.We cultured these and measured the fluorescence intensity of GFP after IPTG induction. <br />
<br />
With Char, we were not able to observe GFP fluorescence because terminator is not excised in this construct.(negative control)<br />
<br />
<br />
With Murasaki & Char, IPTG induces the expression of Cre and the terminators are gradually excised, so the ratio of plasmids able to produce GFP increases.<br />
<br />
Therefore, the intensity of GFP fluorescence increases gradually.Murasaki & Char express Cre at low levels, so the terminator is excised infrequently.Therefore, the intensity of GFP fluorescence increases slowly.<br />
<br />
With Rokujo & Char, Cre is seldom expressed, so the intensity of GFP should be similar to that of Char.<br />
<br />
Result<br />
<br />
We were only able to observe fluorescence native to bacterial proteins. We deciphered this result as the following.<br />
<br />
The sequence of our parts were identical to those reported on the registry, so the possibility of errors in our sequence was eliminated.<br />
<br />
1. We used BBa_I71801(lox66)and (lox71)BBa_I718017 as our lox sites. There is the possibility that these sequences were dysfunctional.<br />
<br />
2. We used BBa_J61047 as our Cre protein. There is the possibility that the sequence of this Cre protein was incorrect and Cre is dysfunctional.<br />
<br />
<br />
'''experiment 7'''<br />
<br />
<br />
Verification of the activity of the lox sequence in our construct<br />
<br />
We planned the following experiment to certify whether 1(in experiment 6) was true or not.<br />
<br />
We dperformed experiments in vitro using purified the Cre protein.<br />
We enzymatically digested CMV and Char and adjusted the base length so that we could observe the base length alteration caused by Cre.<br />
CMV is a positive control previously reported to be recognized by Cre recombinase as a target of homologous recombination.<br />
<br />
<br />
prasmid map<br />
<br />
<br />
We cut this by Cre in vitro and observed the resulting band by electrophoresis.<br />
<br />
<br />
As a result, we were able to confirm that Cre cuts on-CMV.<br />
<br />
<br />
photo band<br />
<br />
<br />
In contrast we were unable to observe a cut in the sample using Char. <br />
<br />
<br />
discussion<br />
We concluded that lox66 and lox 71 incorporated into Char are dysfunctional or have very low excision efficiency.<br />
<br />
== [https://2010.igem.org/Team:UT-Tokyo/Sudoku_assay_MS2 Phage MS2] ==<br />
[[Image:Sudoku_Assay_MS2_6.png|200px|thumb|Phage MS2 expression check assay]]<br />
<br />
We use MS2 phage to transmit information of location and number.<br />
The expression of the phage should start after 4C3 leak switch turns on.<br />
MS2 phage transport RNA which has loding sequence, so we knock out self assembly and made our E.coli translate loading seaquence at another point.<br />
To check whether transportion go correctly, we made assay.<br />
<br />
i. Phage expression assay (red region)<br />
<br />
Check whether RT-PCR product can be translated into MS2 phage.<br />
<br />
ii. Packaging assay (blue & green region)<br />
<br />
MS2 phage package RNA which has loading sequence. Using this character, we check whether RNA which has loading sequence and other coding region (gfp, cre) can be packaged correctly.<br />
<br />
iii. Infection assay (yellow & green region)<br />
<br />
We make the assay, which express gfp only when cre protein is expressed correctly.<br />
By using this part, we check whether E.coli can be infected with the MS2 phage made in assay ii as the fluorescence of gfp.<br />
<br />
== [https://2010.igem.org/Team:UT-Tokyo/Sudoku_assay_LocSq Location sequence] ==<br />
[[Image:Sudoku_Assay_location_6.png|200px|thumb|Translational repression assay: antisense RNA]]<br />
<br />
The object of the assay is to test whether antisense RNA used in our construct works or not. In order to block the unnecessary information transformed by the virus from the other grid, we use antisense RNA to block ribosome to bind the region around the ribosome binding site (rbs) and prevent the expression of protein. In our construct, information is carried by virus and antisense RNA is transcribed constantly inside the cell. Once the unnecessary information was transformed, the antisense will come and shut out all the RNA chain excluded by virus. <br />
In this assay, we used pBAD as the promoter to start translating grid information which will be transformed by virus in our construct. The strength of the promoter depends on the concentration of arabinose. On the other hand, we used c-pro as the promoter to start translating antisense RNA. This c-pro is the strongest constitutive promoter submitted in igem parts. In assay I, we examined the relative strength of pBAD (with eight different concentration of arabinose) and c-pro. By using the proper concentration of arabinose which was determined by assay I, in assay II, we inspect observe whether our antisense RNA works or not. In these two assay, gfp was used as a reporter protein.<br />
<br />
= Parts Making =<br />
== Terminator leak(Parts Making) ==<br />
[[Image:Sudoku_Assay_terminator_3.png|200px|thumb|Terminator leak switch assay]]<br />
To realize 4C3 leak switch, we should choose proper terminator which terminates transcription when connected two or <br />
<br />
more but leak when single.<br />
<br />
We made "A-M-Ro/Char" assay (see Fig, named from the famous animation, "MOBILE SUIT GUNDAM") to select proper <br />
<br />
terminator:<br />
<br />
'''Aoi'''<br />
<br />
no terminator<br />
<br />
-> cre protein express rapidly<br />
<br />
-> lox site is removed rapidly<br />
<br />
-> gfp may expression rapidly<br />
<br />
<br />
'''Murasaki'''<br />
<br />
one terminator<br />
<br />
-> cre protein express slowly<br />
<br />
-> lox site is removed slowly<br />
<br />
-> gfp may expression slowly<br />
<br />
<br />
'''Rokujyo'''<br />
<br />
two terminator <br />
<br />
-> cre protein can't express<br />
<br />
-> lox site remain<br />
<br />
-> gfp expression may not express<br />
<br />
<br />
First we use single terminator BBa_B1006.<br />
Then other terminators are tested: 80%-terminate terminator and 99%-terminate terminator to determine the best <br />
<br />
threshold to realize terminator leak switch.<br />
<br />
== Phage MS2(Parts Making) ==<br />
<br />
[[Image:Sudoku_MS2-make_2.jpg|200px|thumb|How to make MS2 parts]]<br />
<br />
We get MS2 gene RT-PCR product.<br />
This original product include a lot of restricted enzyme site:<br />
two EcoRI site, two XbaI site and one VspI site.<br />
<br />
To run our project, we don’t have to remove EcoRI site in the region.<br />
So we modified XbaI site by PCR as the following method:<br />
<br />
1. We divided RT-PCR product into two parts by XP enzyme digestion:<br />
<br />
E-X-E-E-V-X -> “Goten”<br />
<br />
X-S-P -> “Tranks”<br />
<br />
(named from the famous animation, "DRAGON BALL")<br />
<br />
2. Insert is ligated with the vector, chloramphenicol-tolerance:<br />
<br />
Goten -> EX vector<br />
<br />
Tranks -> XP vector<br />
<br />
3. Tranks -> PCR adding V-X region<br />
<br />
4. Each part -> VP enzyme digestion, ligation each other<br />
<br />
<br />
== Location sequence(Parts Making) ==<br />
===Parts making===<br />
[[Image:Sudoku_location_making.png|200px|thumb|How to make location parts]]<br />
<br />
Ligate small parts - recognation site, location site and rbs.<br />
<br />
===Expression check===<br />
[[Image:Sudoku_Assay_location_4.png|200px|thumb|Location sequence]]<br />
<br />
This assay testifies whether translation repression by location sequence go well.<br />
<br />
First we check the ability of pBAD, which is induced by arabinose, by the expression of tetracycline-tolerance <br />
<br />
protein.<br />
<br />
Then to check translation repression, we make assay which express gfp only when translation repression can’t be <br />
<br />
occurring.<br />
<br />
== Hin ==<br />
===Parts making (reverse)===<br />
[[Image:Sudoku_Hin_making.png|200px|thumb|How to make Hin parts]]<br />
<br />
We get Hin parts from HQ (BBa_J31000). <br />
<br />
We use this part as the form of reverse, so we made this part reverse by PCR.<br />
<br />
To check PCR is done correctly, we did VspI digestion.<br />
<br />
<br />
<br />
===Expression check===<br />
[[Image:Sudoku_Assay_Hin.png|200px|thumb|Hin expression check assay]]<br />
<br />
To check whether flpe works correctly, we made assay shown in Fig, similar to the assay of flpe check.<br />
<br />
The top construct is a nagative control. <br />
GFP can't be expressed because of the double terminators.<br />
<br />
The bottom construct express GFP when Hin works correctly.<br />
When Hin is expressed correctly, Hin recognaize the hix site and double terminator which terminates the expression of gfp is removed, so GFP may be expressed.<br />
<br />
== flpe ==<br />
[[Image:Sudoku_flpe_making.png|200px|thumb|How to make flpe parts]]<br />
<br />
The original flpe include two restriction enzyme sites(EcoRI, SpeI).<br />
<br />
We modified this flpe by PCR:<br />
<br />
1st PCR : cloning<br />
<br />
-> ligation with vector<br />
<br />
-> 2nd PCR : modified SpeI site<br />
<br />
-> 3rd PCR : modified EcoRI site<br />
<br />
We use this part as the form of reverse, so we made this part reverse by PCR.<br />
<br />
===Expression check===<br />
[[Image:Sudoku_Assay_flpe_2.png|200px|thumb|flpe expression check assay]]<br />
<br />
To check whether flpe works correctly, we made assay shown in Fig.<br />
<br />
The top construct is a nagative control. <br />
GFP can't be expressed because of the double terminators.<br />
<br />
The bottom construct express GFP when flpe works correctly.<br />
When flpe is expressed correctly, flpe recognaize the frt site and double terminator which terminates the expression of gfp is removed, so GFP may be expressed.<br />
<br />
<br />
<br />
= Parts list =<br />
<br />
{| border="1"<br />
| Number || Name || Link to BioBrick || Plate coordinate || Vector || Code length<br />
|-<br />
| 1 || T7 promoter || <br />
[http://partsregistry.org/wiki/index.php?title=Part:BBa_I712074 BBa_I712074]<br />
|| plate1-6N || pSB1AK8 || 46bp<br />
|-<br />
| 2 || rbs || <br />
[http://partsregistry.org/wiki/index.php?title=Part:BBa_B0030 BBa_B0030]<br />
|| plate1-1H || pSB1A2 || 15bp<br />
|-<br />
| 3 || cre recombinase || <br />
[http://partsregistry.org/wiki/index.php?title=Part:BBa_J61047 BBa_J61047]<br />
|| plate1-5D || pSB1A2 || 1037bp<br />
|-<br />
| 4 || double terminator || <br />
[http://partsregistry.org/wiki/index.php?title=Part:BBa_B0014 BBa_B0014]<br />
|| plate2-24C || pSB1AK3 || 95bp<br />
|-<br />
| 5 || lox66 recombinase site || <br />
[http://partsregistry.org/wiki/index.php?title=Part:BBa_I718017 BBa_I718017]<br />
|| plate1-17J || pSB1A2 || 34bp<br />
|-<br />
| 6 || Kan resistance (rev) || <br />
[http://partsregistry.org/wiki/index.php?title=Part:BBa_J31002 BBa_J31002]<br />
|| plate1-2K || pSB1A2 || 816bp<br />
|-<br />
| 7 || rbs (rev) || <br />
[http://partsregistry.org/wiki/index.php?title=Part:BBa_J44001 BBa_J44001]<br />
|| plate1-1J || pSB1A2 || 15bp<br />
|-<br />
| 8 || lox71 recombinase site || <br />
order-made<br />
|| --- || --- || 34bp<br />
|-<br />
| 9 || single terminator || <br />
[http://partsregistry.org/wiki/index.php?title=Part:BBa_B1006 BBa_B1006]<br />
|| plate1-4H || pSB1AK3 || 39bp<br />
|-<br />
| 10 || constant express promoter || <br />
[http://partsregistry.org/wiki/index.php?title=Part:BBa_J23119 BBa_J23119]<br />
|| plate1-18A || pSB1A2 || 35bp<br />
|-<br />
| 11 || Tet resistance (rev) || <br />
[http://partsregistry.org/wiki/index.php?title=Part:BBa_J31006 BBa_J31006]<br />
|| plate1-1N || pSB1A2 || 1191bp<br />
|-<br />
| 12 || hixC || <br />
[http://partsregistry.org/wiki/index.php?title=Part:BBa_J44000 BBa_J44000]<br />
|| plate1-1B || pSB1A2 || 26bp<br />
|-<br />
| 13 || --- || <br />
---<br />
|| --- || --- || ---<br />
|-<br />
| 14 || lox66 || <br />
[http://partsregistry.org/wiki/index.php?title=Part:BBa_I718016 BBa_I718016]<br />
|| plate1-17H || pSB1A2 || 34bp<br />
|-<br />
| 15 || rbs-mRFP1-terminator || <br />
[http://partsregistry.org/wiki/index.php?title=Part:BBa_I13507 BBa_I13507]<br />
|| plate1-22O || pSB1A2 || 861bp<br />
|-<br />
| 16 || location sequence(old) || <br />
order<br />
|| --- || --- || ---<br />
|-<br />
| 17 || pSP6(rev) || <br />
order<br />
|| --- || --- || ---<br />
|-<br />
| 18 || lox2272 || <br />
order<br />
|| --- || --- || ---<br />
|-<br />
| 19 || loading sequence(rev) || <br />
order<br />
|| --- || --- || ---<br />
|-<br />
| 20 || frt || <br />
[http://partsregistry.org/Part:BBa_J61020 BBa_J61020]<br />
|| From HQ || pSB1A2 || 34bp<br />
|-<br />
| 21 || hin(true) || <br />
[http://partsregistry.org/Part:BBa_J31000 BBa_J31000]<br />
|| From HQ || ??? || 573bp<br />
|-<br />
| 22 || hin(rev) || <br />
--- <br />
|| --- || ??? || 573bp<br />
|-<br />
| 23 || flpe || <br />
--- <br />
|| --- || --- || about 1.2kbp<br />
|-<br />
| 24 || gfp unit || <br />
--- <br />
|| --- || --- || about 1.2kbp<br />
|-<br />
| 25 || flpe(rev) || <br />
--- <br />
|| --- || --- || about 1.2kbp<br />
|}<br />
<br />
= Detail Note Book =<br />
<br />
Detail protocols about Sudoku project are:<br />
<br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_notebook_6 June].<br />
<br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_notebook July].<br />
<br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_notebook_2 August].<br />
<br />
[https://2010.igem.org/Team:UT-Tokyo/Sudoku_notebook_8 September - October].<br />
<br />
{{UT-Tokyo_Foot}}</div>
Tomoaki
http://2010.igem.org/Team:UT-Tokyo/Sudoku_modeling
Team:UT-Tokyo/Sudoku modeling
2010-10-28T02:25:13Z
<p>Tomoaki: </p>
<hr />
<div>__NOTOC__{{UT-Tokyo_CSS3}}{{UT-Tokyo_CSS_p}}{{UT-Tokyo_Head}}<br />
<br />
= '''Sudoku''' =<br />
<html><br />
<div><br />
<ul id="inpagemenu"><br />
<li><a href="/Team:UT-Tokyo/Sudoku_abstract" id="abstract">Introduction</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_construct" id="construct">System</a></li><br />
<li><span>Modeling</span></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_experiments" id="experiment">Experiments</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_perspective" id="perspective">Perspective</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_reference" id="reference">Reference</a></li><br />
</ul><br />
</div><br />
<div id="clear"></div><br />
</html><br />
== '''4C3leak switch''' ==<br />
<br />
We modeled our 4C3 leak switch as deterministic ODE system.<br />
<br />
<br />
==='''Modelling'''===<br />
<br />
<br />
===='''Assumption'''====<br />
<br />
1.We treated DNA as continuous variabl, since there could be hundreds of plasmid in one E.coli (multicopy plasmid).<br />
There are 32 kinds of variables that stand for DNA concentration corresponding to their different internal states.<br />
<br />
2.We assumed that cre recombinase operate as tetramer, and other recombinase as dimer (but this seems not to be relevant).<br />
<br />
3.We assumed that association and dissociation of DNA recombinase to DNA is sufficiently fast so that equilibrate in the timescale of the whole switch.<br />
<br />
4.We ignored the reverse reaction of DNA recombinase because we used irreversible sequence (lox66, lox71 etc).<br />
<br />
===='''Variable'''====<br />
<br />
Basically, "pn" denotes protein concentration and "rn" denotes mRNA concentration<br />
<br />
p1,p2,p3,p4 : concentration of 4 recombinase protein<br />
<br />
r1,r2,r3,r4 : concentration of 4 recombinass mRNA<br />
<br />
u1,u2,u3,u4 : concentration of input mRNA<br />
<br />
pc,rc : concentration of cre recombinase protein and mRNA<br />
<br />
ps,rs : concentration of SP6 polymerase protein and mRNA<br />
<br />
Variables that denote concentration of DNA in each state.<br />
"a","b","c","d","e" means there are four,three,two,one,zero recombinases in the DNA, respectively.<br />
And the subscripts specify which recobinases remain, while the numbers in bracket mean whether the DNA has been cut by cre recombinase( (1) has not been cut, (2) has been cut).<br />
<br />
{| border="1"<br />
|<br />
|all<br />
|123<br />
|124<br />
|134<br />
|234<br />
<br />
|-<br />
|not cut by cre<br />
|a(1)<br />
|b123(1)<br />
|b124(1)<br />
|b134(1)<br />
|b234(1)<br />
|-<br />
|cut by cre<br />
|a(2)<br />
|b123(2)<br />
|b124(2)<br />
|b134(2)<br />
|b234(2)<br />
|}<br />
<br />
<br />
{| border = "1"<br />
|12<br />
|13<br />
|14<br />
|23<br />
|24<br />
|34<br />
|1<br />
|2<br />
|3<br />
|4<br />
|none<br />
|-<br />
|c12(1)<br />
|c13(1)<br />
|c14(1)<br />
|c23(1)<br />
|c24(1)<br />
|c34(1)<br />
|d1(1)<br />
|d2(1)<br />
|d3(1)<br />
|d4(1)<br />
|e(1)<br />
|-<br />
|c12(2)<br />
|c13(2)<br />
|c14(2)<br />
|c23(2)<br />
|c24(2)<br />
|c34(2)<br />
|d1(2)<br />
|d2(2)<br />
|d3(2)<br />
|d4(2)<br />
|e(2)<br />
|}<br />
<br />
====''' Parameters '''====<br />
k0 : mRNA translation rate<br />
<br />
k1 : protein degradation rate<br />
<br />
k2 : mRNA translation rate<br />
<br />
k3 : cre protein degradation rate<br />
<br />
l0 : transcription speed per unit concentration of RNA polymearase<br />
<br />
l1 : mRNA degradation rate<br />
<br />
l2 : cre mRNA degradation rate<br />
<br />
K : recombinase binding constant<br />
<br />
v : recombinase reaction rate<br />
<br />
pT7 : concentration o T7 polymerase<br />
<br />
p : terminator leak probability<br />
<br />
<br />
<br />
===='''Equations'''====<br />
<br />
[[Image:Eqs1.jpg]]<br />
<br />
[[Image:eqs_cs.jpg]]<br />
<br />
==='''Methods'''===<br />
<br />
We used our original python program (4 th order explicit Runge-Kutta algorithm) to solve thess equations.<br />
<br />
==='''Results'''===<br />
<br />
We input signal 1,2,4 and simulated the time evolution of the system.<br />
<br />
The time course of DNA concentration<br />
<br />
[[Image:Sim_res.JPG]]<br />
<br />
The time course of mRNA concentration. Note that the output of this system is not protein but mRNA.<br />
<br />
[[Image:Rna.JPG]]<br />
<br />
==='''Discussion'''===<br />
<br />
It is confirmed that the system works as expected with a certain combination of parameters.<br />
<br />
In addition, we changed many parameters, especially,l0,v(whose values are unclear) and p(leakiness of terminator) , to see whether the device is able to operate within a large part of parameter space.<br />
<br />
Although increasing p basically increases the concentration of correct output mRNA, it also increases incorrect mRNA. <br />
On the other hand, decreasing p generally decreases both the concentration of correct mRNA and incorrect mRNA. Besides, too low value of p cannot leads to failure operation because cre protein concentration cannot get high enough.<br />
Careful test have shown that there is certain value of p that [correct mRNA]/[incorrect mRNA] takes minimum value. In this case it is p = 0.001 and the ratio is 10^(-6).<br />
<br />
Changing the value of v and l0 doesn't affect the function of the circuits qualitatively although it changed the time the systems takes to reach steady state.<br />
<br />
As a result, the circuit can function correctly within the range of 0.001< p < 0.1, 0.001 < v <1.0, 0.01 < l0 < 1.0 , demonstrating its robustness.<br />
This robustness may come from the assumption that DNA recombination is irreversible, which is supported by our design of the system.<br />
<br />
==='''conclusion'''===<br />
<br />
The correct operation of the switch was confirmed. By changing parameter exponentially, the robustness of the system was shown.<br />
<br />
=='''MS2 phage infection'''==<br />
<br />
We made a model for a indifferent sudoku cell.<br />
<br />
We traverse the amount of phages and see wether the cell react properly against given signals.<br />
<br />
<br />
===='''Modeling'''====<br />
<br />
'''Variable'''<br />
<br />
U: uninfected coli<br />
<br />
I: coli which got '1' signal<br />
<br />
Io1: other once infected coli<br />
<br />
I2: coli which got '1''2' signal<br />
<br />
Io2: other second infected coli<br />
<br />
I3: coli which got '1''2''3' signal<br />
<br />
Io3: other third infected coli<br />
<br />
B4: '4' coli which began phage making<br />
<br />
Bo: other coli which began phage making<br />
<br />
P4: free phage of '4'<br />
<br />
Po: other free phage<br />
<br />
<br />
'''Parameters'''<br />
<br />
g: growth rate of coli <br />
<br />
k1: rate of infection<br />
<br />
k2: death rate of uninfected<br />
<br />
k3: lysis rate of infected<br />
<br />
k4: rate of phage producing<br />
<br />
k5: phage death rate<br />
<br />
k6: terminator leak rate<br />
<br />
<br />
'''Equations'''<br />
<br />
We assume that cell lysis caused by MS2 phage is sufficiently rapid than coli death rate.<br />
<br />
[[Image:Model-eq.png|680px|Equations used in this modeling]]<br />
<br />
===='''Method'''====<br />
<br />
We used original matlab program.<br />
<br />
We set conditions as following.<br />
-when t = 10(min), signal of number '1' comes.(step input)<br />
-when t = 30(min), signal of number '2' comes.(step input)<br />
-when t = 50(min), signal of number '3' comes.(step input)<br />
<br />
===='''Results'''====<br />
<br />
Parameters we can vary voluntarily are <br />
<br />
*k1(rate of infection) : k1 relates to the specificity of antisenseRNA.<br />
<br />
*k4(rate of phage producing) : k4 relates to the strength of promoter.<br />
<br />
*k6(terminator leak rate) : k6 express terminator leak.<br />
<br />
[[Image:Whole1.png]]<br />
<br />
[[Image:MS2-0.5,0.6,0.png]]<br />
<br />
[[Image:MS2 2.png]]<br />
<br />
===='''Discussion'''====<br />
<br />
<br />
<br />
'''conclusion'''<br />
<br />
=='''Whole system'''==<br />
<br />
[[Image:What_Sudoku_99.png|200px|thumb|What's Sudoku?]]<br />
<br />
<br />
<br />
<br />
<br />
<br />
{{UT-Tokyo_Foot}}</div>
Tomoaki
http://2010.igem.org/Team:UT-Tokyo/Sudoku_construct
Team:UT-Tokyo/Sudoku construct
2010-10-28T02:23:31Z
<p>Tomoaki: </p>
<hr />
<div>__NOTOC__{{UT-Tokyo_CSS3}}{{UT-Tokyo_CSS_p}}{{UT-Tokyo_Head}}<br />
<div id="main_all"><br />
<br />
= '''Sudoku''' =<br />
<html><br />
<div><br />
<ul id="inpagemenu"><br />
<li><a href="/Team:UT-Tokyo/Sudoku_abstract" id="abstract">Introduction</a></li><br />
<li><span>System</span></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_modeling" id="modeling">Modeling</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_experiments" id="experiment">Experiments</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_perspective" id="perspective">Perspective</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_reference" id="reference">Reference</a></li><br />
</ul><br />
</div><br />
<div id="clear"></div><br />
</html><br />
== '''System''' ==<br />
'''Overall construct'''<br />
<br />
[[Image:Sudoku_const_Main_4.png|680px|Sudoku's main construct (We are making more simple version)]]<br />
<br />
Here we will explain how our bacteria solve Sudoku.<br />
<br />
First, we begin by preparing ''E.coli'' corresponding to each cell number. We make these bacteria “decide” what number they should differentiate into. <br />
During this process, patial distribution (the position in a 4×4 grid) is temporarily lost. Instead, spatial information is represented by genetic identities assigned to each bacterium.<br />
In fact, the solving process is not performed on a 4×4 grid, but instead in a flask where we mix bacteria possessing all 16 types of genetic spatial identity. <br />
While in this mixture, the puzzle is solved as a result of inter-bacterial interaction.<br />
(We will explain this later in detail.)<br />
<br />
<br />
[[Image:Sudoku_system_1.png|200px|thumb|How do the bacteria “decide” what number they become?]]<br />
<br />
So, how do the bacteria “decide” what number they become?<br />
Let’s take a look at the figure.<br />
The number in cell 1-1 is not yet decided.<br />
There are bacteria differentiated as 1 in the same column, 3 in the same row, and 2 in the same block, so the bacteria representing cell 1-1 should differentiate into number 4.<br />
In this way, bacteria which are not assigned a number from the beginning have to decide the number they differentiate into by judging the identity of other bacteria. <br />
The 4C3 leak-switch we suggest enables such a system.<br />
<br />
<br />
Let us explain this switch in detail.<br />
This switch outputs the number it did not receive when it receives the other three numbers. <br />
For example, when the switch receives the numbers 1, 2 and 3, it outputs the number 4, and when it receives the numbers 2, 3 and 4, it outputs 1. <br />
The switch must work despite the numbers not being received in a set order, or no matter how many times a number is received.<br />
In other words, it is required that the switch outputs a signal only after receiving three numbers, regardless of the order of reception.<br />
This is the “4C3 leak-switch”. <br />
<br />
So what is it, in physical terms, what we have been calling “numbers”?<br />
The numbers 1 through 4 are represented by 4 different kinds of recombinases.<br />
Bacteria communicate with each other by transmitting RNA encoding these recombinases, <br />
which are packaged in virus vectors. <br />
Look at the figure again.<br />
This communication system must be one that only conveys information between bacteria possessing identities of the same row, column or block.<br />
In this figure, bacteria with the cell identity 1-1 need to differentiate to “1”. Therefore they should not be allowed to receive information from bacteria with the cell identity 4-4 prompting others not to differentiate to “1”.<br />
The signal virus system together with the antisense RNA system enables such restricted communication to take place. We will discuss these systems in detail below.<br />
<br />
The overall systems therefore works are follows:<br />
#1. [[#4C3 leak-switch|The 4C3 leak-switch]] designates what number bacteria differentiate into.<br />
#2. [[#Genotype Specific Signal Transmitting Virus|The signal virus]] transmits this information to other bacteria.<br />
#3. [[#Antisense RNA|The antisense RNA system]] restricts exchange of information to that between bacteria possessing identities of the same row, column or block.<br />
<br />
Now we examine each of these systems in detail.<br />
<br />
== '''4C3 leak-switch''' ==<br />
[[Image:Sudoku_exp_1_1.png|150px|thumb|4C3 leak switch_1]][[Image:Sudoku_exp_1_2.png|150px|thumb|4C3 leak switch_2]]<br />
<br />
The 4C3 leak-switch is a switch which receives three number signals and outputs the number signal that it did not receive, regardless of the order of reception. What we call number signals are mRNA encoding homologous recombinases. When three types of mRNA encoidng the recombinases enter a bacterium, the switch turns on and transcription of the recombinase that it did not receive begins. The switch is composed of a promoter, the cre protein coding region and four terminators in between. Each terminator is flanked on both sides by the recognition sequence of a homologous recombinase, and a terminator is excised following expression of the corresponding recombinase. Therefore when the ''E.coli'' do not receive a number signal, they possess four terminators; when they receive one number signal, they have three terminators; and so on. <br />
The 4C3 leak-switch, as the name implies, is a switch that makes use of transcriptional leakage. We assembled the sequence so that when there is more than one terminator, cre protein is not expressed but it is when there is only one. In addition, a recombinase coding sequence flanking the terminator is excised at the same time. Therefore, when the recombinase 1 coding sequence is excised, terminator 1 is also excised. As a result, after a cell receives the number signals 1, 2 and 3, only the recombinase 4 coding sequence remains. Each cre protein expressed in this way irreversibility excises the sequence between the lox sites independently of the other species of cre proteins. In the example above, mRNA coding recombinase 4 corresponding to the answer of this particular puzzle, is transcribed. In conclusion, the 4C3 leak-switch begins transcription of the recombinase that it did not receive begins after receiving three signals. The state in which the bacteria transcribes a recombinase we called differentiated.<br />
<br />
<br />
== '''Genotype Specific Signal Transmitting Virus''' ==<br />
[[Image:Sudoku_exp_2.png|200px|thumb|Transcription of MS2 phage & location sequence]]<br />
<br />
The mRNA coding the homologous recombinases have two additional sequences attached allowing transmission of information to other bacteria. First, they contain a loading sequence to the MS2 phage which enables the mRNA to be attached to the coat protein of MS2 phage. This MS2 phage is the carrier that transfers the number signal to other bacteria. These phage are only synthesized after recombination takes place, therefore preventing undifferentiated bacteria from emitting a number signal precociously. Secondly, they contain a location sequence which assigns a cell number to the bacterium. We will explain this in detail later. In conclusion, <br/><br />
4C3 leak-switch activates<br/><br />
→ transcription of mRNA coding a homologous recombinase<br/><br />
→ production of MS2 phage protein <br/><br />
→ production of phage with the number signal and location sequence attached to it<br/><br />
In this way, differentiated E.coli produce phage with a number signal and location sequence and conveys this information to other bacteria.<br />
<br />
<br />
== '''Antisense RNA''' ==<br />
<br />
<br />
<br />
The final component of our system, the antisense RNA system, restricts which bacteria are able to receive which number signals. The phage infect all bacteria, so there needs to be a way for the infected bacteria to shunt away mRNA not targeted to them. This is possible because bacteria representing each cell number transcribes a unique set of antisense RNA. This RNA is antisense to the location sequences included in the mRNA transferred by the phage. Each bacterium has a set of antisense RNA corresponding to the location sequence of bacteria from which are made not to receive a signal from. These antisense RNA attach to the mRNA, preventing transcription, allowing blockage of irrelevant number signals. For instance, bacteria with the identity 1-1 do not want to receive number signals from 1-1, 2-3, 2-4, 3-2, 3-3, 3-4, 4-2, 4-3, 4-4. Therefore, bacteria with identity 1-1 constitutively transcribe RNA antisense to the location sequence of these nine cell numbers and as a result do not receive the number signals from these cells. Thus this system disables bacteria to receive number signals not targeted to them, although the phage infect all bacteria.<br />
<gallery widths="170"><br />
Image:Sudoku_exp_3.png|Infection of signal virus.<br />
Image:Sudoku_exp_4_1.png|Selective translational suppression.<br />
Image:Sudoku_const_Antisense_2.png|The construct of selective translational suppression.<br />
</gallery><br />
<br />
<br />
== '''Movie''' ==<br />
<br />
<html><br />
<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/x3IhEUcCV-k?fs=1&amp;hl=ja_JP"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/x3IhEUcCV-k?fs=1&amp;hl=ja_JP" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object><br />
</html><br />
<br />
<br />
<br />
== '''Visualization of results''' ==<br />
[[Image:Sudoku_const_Result.png|200px|thumb|The construct to visualize results.]]<br />
<br />
At this point, you may be wondering how the results are visualized. The differentiation status of bacteria depends on which recombinase they possess. We need to convert this information into a visible form. To do this, we created detection bacteria which will be plated on a 4×4 grid. When these bacteria come in contact with the signal viruses, they are able to receive number signals and fluoresce a different color depending on the signal they receive. Thus, these bacteria recognize the type of number signal (the type of homologous recombinase) and express the corresponding fluorescent protein. As shown, the in plasmids of the detection bacteria a fluorescent protein coding sequence is placed downstream of the terminator, enabling it to be excised simultaneously as the terminator is excised. Therefore, after three signals enter the bacterium and three rounds of excision take place, only one fluorescent protein will remain. The remaining protein is expressed and its color signals to us which number it has differentiated into. For example, if cell 1-1 outputs number 1, only recombinase 1 is transcribed in the detection bacteria, which excises the terminator between the recognition sequences of recombinase 1 and therefore expresses Green Fluorescent Protein.<br />
<br />
== '''Combine all systems''' ==<br />
Now that we have discussed each component independently, let us recapitulate the flow of the entire process. In Sudoku, there are cells which are filled from the beginning and ones which are not. To create a puzzle like the one represented here, bacteria in cell 1-1 need to differentiate into state 1. Therefore we need to infect the undifferentiated bacteria in cell 1-1 with phage possessing number signals 2, 3 and 4 in advance. In this way, if we create undifferentiated bacteria corresponding to each cell and phage possessing the relevant number signals in advance, we can create various “problems” of Sudoku. We place 16 types of bacteria, corresponding to each of the 16 cells, some of them differentiated from the beginning, into a flask to cultivate. During cultivation, the process of transferring number signals from differentiated bacteria to undifferentiated bacteria is repeated and eventually the number all bacteria differentiate into is decided. When this happens, the supernatant of the culture contains phage that possess information on the answer to the puzzle. We extract these phage and spread them on the plate housing detection bacteria. The detection bacteria express a fluorescent protein depending on the number signal they receive, allowing visualization of the answer to the problem. <br />
<br />
</div><br />
{{UT-Tokyo_Foot}}</div>
Tomoaki
http://2010.igem.org/Team:UT-Tokyo/Sudoku_construct
Team:UT-Tokyo/Sudoku construct
2010-10-28T02:22:27Z
<p>Tomoaki: </p>
<hr />
<div>__NOTOC__{{UT-Tokyo_CSS3}}{{UT-Tokyo_CSS_p}}{{UT-Tokyo_Head}}<br />
<div id="main_all"><br />
<br />
= '''Sudoku''' =<br />
<div><br />
<ul id="inpagemenu"><br />
<li><a href="/Team:UT-Tokyo/Sudoku_abstract" id="abstract">Introduction</a></li><br />
<li><span>System</span></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_modeling" id="modeling">Modeling</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_experiments" id="experiment">Experiments</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_perspective" id="perspective">Perspective</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_reference" id="reference">Reference</a></li><br />
</ul><br />
</div><br />
<div id="clear"></div><br />
</html><br />
== '''System''' ==<br />
'''Overall construct'''<br />
<br />
[[Image:Sudoku_const_Main_4.png|680px|Sudoku's main construct (We are making more simple version)]]<br />
<br />
Here we will explain how our bacteria solve Sudoku.<br />
<br />
First, we begin by preparing ''E.coli'' corresponding to each cell number. We make these bacteria “decide” what number they should differentiate into. <br />
During this process, patial distribution (the position in a 4×4 grid) is temporarily lost. Instead, spatial information is represented by genetic identities assigned to each bacterium.<br />
In fact, the solving process is not performed on a 4×4 grid, but instead in a flask where we mix bacteria possessing all 16 types of genetic spatial identity. <br />
While in this mixture, the puzzle is solved as a result of inter-bacterial interaction.<br />
(We will explain this later in detail.)<br />
<br />
<br />
[[Image:Sudoku_system_1.png|200px|thumb|How do the bacteria “decide” what number they become?]]<br />
<br />
So, how do the bacteria “decide” what number they become?<br />
Let’s take a look at the figure.<br />
The number in cell 1-1 is not yet decided.<br />
There are bacteria differentiated as 1 in the same column, 3 in the same row, and 2 in the same block, so the bacteria representing cell 1-1 should differentiate into number 4.<br />
In this way, bacteria which are not assigned a number from the beginning have to decide the number they differentiate into by judging the identity of other bacteria. <br />
The 4C3 leak-switch we suggest enables such a system.<br />
<br />
<br />
Let us explain this switch in detail.<br />
This switch outputs the number it did not receive when it receives the other three numbers. <br />
For example, when the switch receives the numbers 1, 2 and 3, it outputs the number 4, and when it receives the numbers 2, 3 and 4, it outputs 1. <br />
The switch must work despite the numbers not being received in a set order, or no matter how many times a number is received.<br />
In other words, it is required that the switch outputs a signal only after receiving three numbers, regardless of the order of reception.<br />
This is the “4C3 leak-switch”. <br />
<br />
So what is it, in physical terms, what we have been calling “numbers”?<br />
The numbers 1 through 4 are represented by 4 different kinds of recombinases.<br />
Bacteria communicate with each other by transmitting RNA encoding these recombinases, <br />
which are packaged in virus vectors. <br />
Look at the figure again.<br />
This communication system must be one that only conveys information between bacteria possessing identities of the same row, column or block.<br />
In this figure, bacteria with the cell identity 1-1 need to differentiate to “1”. Therefore they should not be allowed to receive information from bacteria with the cell identity 4-4 prompting others not to differentiate to “1”.<br />
The signal virus system together with the antisense RNA system enables such restricted communication to take place. We will discuss these systems in detail below.<br />
<br />
The overall systems therefore works are follows:<br />
#1. [[#4C3 leak-switch|The 4C3 leak-switch]] designates what number bacteria differentiate into.<br />
#2. [[#Genotype Specific Signal Transmitting Virus|The signal virus]] transmits this information to other bacteria.<br />
#3. [[#Antisense RNA|The antisense RNA system]] restricts exchange of information to that between bacteria possessing identities of the same row, column or block.<br />
<br />
Now we examine each of these systems in detail.<br />
<br />
== '''4C3 leak-switch''' ==<br />
[[Image:Sudoku_exp_1_1.png|150px|thumb|4C3 leak switch_1]][[Image:Sudoku_exp_1_2.png|150px|thumb|4C3 leak switch_2]]<br />
<br />
The 4C3 leak-switch is a switch which receives three number signals and outputs the number signal that it did not receive, regardless of the order of reception. What we call number signals are mRNA encoding homologous recombinases. When three types of mRNA encoidng the recombinases enter a bacterium, the switch turns on and transcription of the recombinase that it did not receive begins. The switch is composed of a promoter, the cre protein coding region and four terminators in between. Each terminator is flanked on both sides by the recognition sequence of a homologous recombinase, and a terminator is excised following expression of the corresponding recombinase. Therefore when the ''E.coli'' do not receive a number signal, they possess four terminators; when they receive one number signal, they have three terminators; and so on. <br />
The 4C3 leak-switch, as the name implies, is a switch that makes use of transcriptional leakage. We assembled the sequence so that when there is more than one terminator, cre protein is not expressed but it is when there is only one. In addition, a recombinase coding sequence flanking the terminator is excised at the same time. Therefore, when the recombinase 1 coding sequence is excised, terminator 1 is also excised. As a result, after a cell receives the number signals 1, 2 and 3, only the recombinase 4 coding sequence remains. Each cre protein expressed in this way irreversibility excises the sequence between the lox sites independently of the other species of cre proteins. In the example above, mRNA coding recombinase 4 corresponding to the answer of this particular puzzle, is transcribed. In conclusion, the 4C3 leak-switch begins transcription of the recombinase that it did not receive begins after receiving three signals. The state in which the bacteria transcribes a recombinase we called differentiated.<br />
<br />
<br />
== '''Genotype Specific Signal Transmitting Virus''' ==<br />
[[Image:Sudoku_exp_2.png|200px|thumb|Transcription of MS2 phage & location sequence]]<br />
<br />
The mRNA coding the homologous recombinases have two additional sequences attached allowing transmission of information to other bacteria. First, they contain a loading sequence to the MS2 phage which enables the mRNA to be attached to the coat protein of MS2 phage. This MS2 phage is the carrier that transfers the number signal to other bacteria. These phage are only synthesized after recombination takes place, therefore preventing undifferentiated bacteria from emitting a number signal precociously. Secondly, they contain a location sequence which assigns a cell number to the bacterium. We will explain this in detail later. In conclusion, <br/><br />
4C3 leak-switch activates<br/><br />
→ transcription of mRNA coding a homologous recombinase<br/><br />
→ production of MS2 phage protein <br/><br />
→ production of phage with the number signal and location sequence attached to it<br/><br />
In this way, differentiated E.coli produce phage with a number signal and location sequence and conveys this information to other bacteria.<br />
<br />
<br />
== '''Antisense RNA''' ==<br />
<br />
<br />
<br />
The final component of our system, the antisense RNA system, restricts which bacteria are able to receive which number signals. The phage infect all bacteria, so there needs to be a way for the infected bacteria to shunt away mRNA not targeted to them. This is possible because bacteria representing each cell number transcribes a unique set of antisense RNA. This RNA is antisense to the location sequences included in the mRNA transferred by the phage. Each bacterium has a set of antisense RNA corresponding to the location sequence of bacteria from which are made not to receive a signal from. These antisense RNA attach to the mRNA, preventing transcription, allowing blockage of irrelevant number signals. For instance, bacteria with the identity 1-1 do not want to receive number signals from 1-1, 2-3, 2-4, 3-2, 3-3, 3-4, 4-2, 4-3, 4-4. Therefore, bacteria with identity 1-1 constitutively transcribe RNA antisense to the location sequence of these nine cell numbers and as a result do not receive the number signals from these cells. Thus this system disables bacteria to receive number signals not targeted to them, although the phage infect all bacteria.<br />
<gallery widths="170"><br />
Image:Sudoku_exp_3.png|Infection of signal virus.<br />
Image:Sudoku_exp_4_1.png|Selective translational suppression.<br />
Image:Sudoku_const_Antisense_2.png|The construct of selective translational suppression.<br />
</gallery><br />
<br />
<br />
== '''Movie''' ==<br />
<br />
<html><br />
<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/x3IhEUcCV-k?fs=1&amp;hl=ja_JP"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/x3IhEUcCV-k?fs=1&amp;hl=ja_JP" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object><br />
</html><br />
<br />
<br />
<br />
== '''Visualization of results''' ==<br />
[[Image:Sudoku_const_Result.png|200px|thumb|The construct to visualize results.]]<br />
<br />
At this point, you may be wondering how the results are visualized. The differentiation status of bacteria depends on which recombinase they possess. We need to convert this information into a visible form. To do this, we created detection bacteria which will be plated on a 4×4 grid. When these bacteria come in contact with the signal viruses, they are able to receive number signals and fluoresce a different color depending on the signal they receive. Thus, these bacteria recognize the type of number signal (the type of homologous recombinase) and express the corresponding fluorescent protein. As shown, the in plasmids of the detection bacteria a fluorescent protein coding sequence is placed downstream of the terminator, enabling it to be excised simultaneously as the terminator is excised. Therefore, after three signals enter the bacterium and three rounds of excision take place, only one fluorescent protein will remain. The remaining protein is expressed and its color signals to us which number it has differentiated into. For example, if cell 1-1 outputs number 1, only recombinase 1 is transcribed in the detection bacteria, which excises the terminator between the recognition sequences of recombinase 1 and therefore expresses Green Fluorescent Protein.<br />
<br />
== '''Combine all systems''' ==<br />
Now that we have discussed each component independently, let us recapitulate the flow of the entire process. In Sudoku, there are cells which are filled from the beginning and ones which are not. To create a puzzle like the one represented here, bacteria in cell 1-1 need to differentiate into state 1. Therefore we need to infect the undifferentiated bacteria in cell 1-1 with phage possessing number signals 2, 3 and 4 in advance. In this way, if we create undifferentiated bacteria corresponding to each cell and phage possessing the relevant number signals in advance, we can create various “problems” of Sudoku. We place 16 types of bacteria, corresponding to each of the 16 cells, some of them differentiated from the beginning, into a flask to cultivate. During cultivation, the process of transferring number signals from differentiated bacteria to undifferentiated bacteria is repeated and eventually the number all bacteria differentiate into is decided. When this happens, the supernatant of the culture contains phage that possess information on the answer to the puzzle. We extract these phage and spread them on the plate housing detection bacteria. The detection bacteria express a fluorescent protein depending on the number signal they receive, allowing visualization of the answer to the problem. <br />
<br />
</div><br />
{{UT-Tokyo_Foot}}</div>
Tomoaki
http://2010.igem.org/Team:UT-Tokyo/Sudoku_abstract
Team:UT-Tokyo/Sudoku abstract
2010-10-28T02:19:33Z
<p>Tomoaki: </p>
<hr />
<div>__NOTOC__{{UT-Tokyo_CSS3}}{{UT-Tokyo_CSS_p}}{{UT-Tokyo_Head}}<br />
<br />
= '''Sudoku''' =<br />
<html><br />
<div><br />
<ul id="inpagemenu"><br />
<li><span>Introduction</span></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_construct" id="construct">System</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_modeling" id="modeling">Modeling</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_experiments" id="experiment">Experiments</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_perspective" id="perspective">Perspective</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_reference" id="reference">Reference</a></li><br />
</ul><br />
</div><br />
<div id="clear"></div><br />
</html><br />
<br />
== '''Introduction''' ==<br />
<br />
==='''Background'''===<br />
The ability to integrate and process information is indispensable for biological devices that operate autonomously in intricate environments, such as in "smart drugs", which sense and respond to the patient's health state appropriately.<br />
Therefore, the design and construction of such genetic circuits has long been pursued in the field of synthetic biology since its inauguration. Accomplishments include the toggle switch, logic gate, counter, and flip-flop switch.<br />
<br />
However, the function of most of these circuits is either limited to relatively simple form, such as Boolean logic element, or not robust enough to work correctly. A universal means of communication between individual elements is also generally lacking. As part of the solution, here we propose a new information processing unit which receives multiple inputs, memorizes the inputs stably, and makes a decision based on the combination of the inputs. In addition, we have devised a means of communication between individual bacterial-based elements. Importantly, this system allows destination-specific delivery of information even when the number of possible destinations is immensely large. As proof-on-principle of the above systems, we have created bacteria that solve "Sudoku", a world famous puzzle game.<br />
<br />
==='''What is Sudoku?'''===<br />
[[Image:What_Sudoku_99.png|200px|thumb|What's Sudoku?]]<br />
<br />
Sudoku is a puzzle game with the objective of filling a 9x9 grid of cells with the numbers 1~9 without entering the same number in a column, row or “block (see figure).” A player is given a grid in which some of the cells are filled in from the beginning and must complete filling in the grid by entering the remaining numbers. The rules are simple, but some puzzles can get very difficult, and it attracts fans from all over the world. For simplicity, here we solve a 4x4 grid version. However, expanding on the same principles, our E. coli can theoretically solve larger grids, for example 9x9 grids.<br />
<br />
<br />
<br />
==='''Solving Sudoku with our E. coli'''===<br />
[[Image:E.coli corresponding.png|200px|thumb|16 kinds of E. coli corresponding to each cell]]<br />
<br />
[[Image:Differentiation-model.png|200px|thumb|Every cells can "differentiate"]]<br />
<br />
Now, we explain how to make E. coli solve Sudoku. First, we make 16 kinds of E. coli corresponding to each cell.<br />
<br />
Our E. coli are in one of two states, which we designate “differentiated” or “undifferentiated.” There are four differentiated states corresponding to the numbers one to four.<br />
<br />
Differentiated E. coli have the ability to inform other bacteria what number they are, so that relevant bacteria do not differentiate into that number. Some E. coli are differentiated from the beginning. These bacteria set in action a chain of transmission events that result in the differentiation of bacteria corresponding to all 16 cells.<br />
These events take place in a flask which contains a co-culture of the 16 types of bacteria. Each of these 16 types interacts with detection bacteria on a plate which in turn inform the viewer the number the 16 cells have differentiated into with the use of fluorescent proteins.<br />
<br />
If you'd like to know the detail method how our E.coli solves SUDOKU, please see the [https://2010.igem.org/Team:UT-Tokyo/Sudoku_construct System] page.<br />
<br />
<br />
<html><br />
<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/wzcryKryME8?fs=1&amp;hl=ja_JP"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/wzcryKryME8?fs=1&amp;hl=ja_JP" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object><br />
</html><br />
<br />
<br />
{{UT-Tokyo_Foot}}</div>
Tomoaki
http://2010.igem.org/Template:UT-Tokyo_CSS_p
Template:UT-Tokyo CSS p
2010-10-28T02:15:01Z
<p>Tomoaki: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "utf-8";<br />
/* CSS Document */<br />
/* CSS for Project page, Animation system */<br />
<br />
div#sub_menu.s_hide{<br />
display:inline;<br />
}<br />
div#content_frame{<br />
width:724px;<br />
}<br />
<br />
<br />
#inpagemenu{<br />
margin:3px;<br />
padding:2px;<br />
font-weight:bold;<br />
font-size:11pt;<br />
}<br />
<br />
#inpagemenu li{<br />
float:left;<br />
background-color:#33C;<br />
padding:3px;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
padding:2px;<br />
}<br />
#inpagemenu span{<br />
display:block;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
padding:2px;<br />
background-color:#50A;<br />
color:#FF0;<br />
font-family:"Times New Roman", Times, serif;<br />
}<br />
<br />
#inpagemenu>li>a:link,#inpagemenu>li>a:visited{<br />
display:block;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
color:#fff;<br />
background-color:#33C;<br />
font-family:"Times New Roman", Times, serif;<br />
padding:2px;<br />
}<br />
<br />
#inpagemenu>li>a:hover,#inpagemenu>li>a:active{<br />
display:block;<br />
text-decoration:none;<br />
background-color:#50A;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
font-family:"Times New Roman", Times, serif;<br />
padding:2px;<br />
}<br />
<br />
div#clear{<br />
clear:both;<br />
<br />
</style></div>
Tomoaki
http://2010.igem.org/Template:UT-Tokyo_CSS_p
Template:UT-Tokyo CSS p
2010-10-28T02:14:07Z
<p>Tomoaki: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "utf-8";<br />
/* CSS Document */<br />
/* CSS for Project page, Animation system */<br />
<br />
div#sub_menu.s_hide{<br />
display:inline;<br />
}<br />
div#content_frame{<br />
width:724px;<br />
}<br />
<br />
<br />
#inpagemenu{<br />
margin:3px;<br />
padding:2px;<br />
font-weight:bold;<br />
font-size:11pt;<br />
}<br />
<br />
#inpagemenu li{<br />
float:left;<br />
background-color:#33C;<br />
padding:3px;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
padding:2px;<br />
}<br />
#inpagemenu span{<br />
display:block;<br />
padding:2px;<br />
background-color:#50A;<br />
color:#FF0;<br />
font-family:"Times New Roman", Times, serif;<br />
}<br />
<br />
#inpagemenu>li>a:link,#inpagemenu>li>a:visited{<br />
display:block;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
color:#fff;<br />
background-color:#33C;<br />
font-family:"Times New Roman", Times, serif;<br />
padding:2px;<br />
}<br />
<br />
#inpagemenu>li>a:hover,#inpagemenu>li>a:active{<br />
display:block;<br />
text-decoration:none;<br />
background-color:#50A;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
font-family:"Times New Roman", Times, serif;<br />
padding:2px;<br />
}<br />
<br />
div#clear{<br />
clear:both;<br />
<br />
</style></div>
Tomoaki
http://2010.igem.org/Team:UT-Tokyo/designtest
Team:UT-Tokyo/designtest
2010-10-28T02:13:06Z
<p>Tomoaki: </p>
<hr />
<div>__NOTOC__{{UT-Tokyo_CSS3}}{{UT-Tokyo_CSS_p}}{{UT-Tokyo_Head}}<br />
<html><br />
<div><br />
<ul id="inpagemenu"><br />
<li><a href="/Team:UT-Tokyo/Sudoku_abstract" id="abstract">Introduction</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_construct" id="construct">System</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_modeling" id="modeling">Modeling</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_experiments" id="experiment">Experiments</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_perspective" id="perspective">Perspective</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_reference" id="reference">Reference</a></li><br />
</ul><br />
</div><br />
<div id="clear"></div><br />
</html><br />
<br />
<html><br />
<div><br />
<ul id="inpagemenu"><br />
<li><span>Introduction</span></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_construct" id="construct">System</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_modeling" id="modeling">Modeling</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_experiments" id="experiment">Experiments</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_perspective" id="perspective">Perspective</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_reference" id="reference">Reference</a></li><br />
</ul><br />
</div><br />
<div id="clear"></div><br />
</html><br />
<br />
aaaa<br />
<br />
<br />
<br />
aaaaa<br />
<br />
<br />
<br />
<br />
aaaa<br />
<br />
{{UT-Tokyo_Foot}}</div>
Tomoaki
http://2010.igem.org/Template:UT-Tokyo_CSS_p
Template:UT-Tokyo CSS p
2010-10-28T02:11:37Z
<p>Tomoaki: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "utf-8";<br />
/* CSS Document */<br />
/* CSS for Project page, Animation system */<br />
<br />
div#sub_menu.s_hide{<br />
display:inline;<br />
}<br />
div#content_frame{<br />
width:724px;<br />
}<br />
<br />
<br />
#inpagemenu{<br />
margin:3px;<br />
padding:2px;<br />
font-weight:bold;<br />
font-size:11pt;<br />
}<br />
<br />
#inpagemenu li{<br />
float:left;<br />
background-color:#33C;<br />
padding:3px;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
padding:2px;<br />
}<br />
#inpagemenu span{<br />
background-color:#50A;<br />
color:#FF0;<br />
font-family:"Times New Roman", Times, serif;<br />
}<br />
<br />
#inpagemenu>li>a:link,#inpagemenu>li>a:visited{<br />
display:block;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
color:#fff;<br />
background-color:#33C;<br />
font-family:"Times New Roman", Times, serif;<br />
padding:2px;<br />
}<br />
<br />
#inpagemenu>li>a:hover,#inpagemenu>li>a:active{<br />
display:block;<br />
text-decoration:none;<br />
background-color:#50A;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
font-family:"Times New Roman", Times, serif;<br />
padding:2px;<br />
}<br />
<br />
div#clear{<br />
clear:both;<br />
<br />
</style></div>
Tomoaki
http://2010.igem.org/Template:UT-Tokyo_CSS_p
Template:UT-Tokyo CSS p
2010-10-28T02:07:08Z
<p>Tomoaki: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "utf-8";<br />
/* CSS Document */<br />
/* CSS for Project page, Animation system */<br />
<br />
div#sub_menu.s_hide{<br />
display:inline;<br />
}<br />
div#content_frame{<br />
width:724px;<br />
}<br />
<br />
<br />
#inpagemenu{<br />
margin:3px;<br />
padding:2px;<br />
font-weight:bold;<br />
font-size:11pt;<br />
}<br />
<br />
#inpagemenu li{<br />
float:left;<br />
background-color:#33C;<br />
padding:3px;<br />
background-color:#50A;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
font-family:"Times New Roman", Times, serif;<br />
padding:2px;<br />
}<br />
<br />
#inpagemenu>li>a:link,#inpagemenu>li>a:visited{<br />
display:block;<br />
color:#fff;<br />
background-color:#33C;<br />
font-family:"Times New Roman", Times, serif;<br />
padding:2px;<br />
}<br />
<br />
#inpagemenu>li>a:hover,#inpagemenu>li>a:active{<br />
display:block;<br />
text-decoration:none;<br />
background-color:#50A;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
font-family:"Times New Roman", Times, serif;<br />
padding:2px;<br />
}<br />
<br />
div#clear{<br />
clear:both;<br />
<br />
</style></div>
Tomoaki
http://2010.igem.org/Talk:Team:UT-Tokyo/Sudoku_abstract
Talk:Team:UT-Tokyo/Sudoku abstract
2010-10-27T18:18:45Z
<p>Tomoaki: </p>
<hr />
<div>=='''Safety issue'''==<br />
We use new parts which are not registered as BioBrick parts. We don't intend to execute experiment which affect the environment or human body. We do experiment in the laboratory which safety is maintained and recombinant E.coli and virus which include new parts are not taken out of the laboratory.<br />
<br />
== メニューデザイン案 by 千葉 ==<br />
<br />
<br />
https://2010.igem.org/Team:UT-Tokyo/designtest</div>
Tomoaki
http://2010.igem.org/Template:UT-Tokyo_CSS_p
Template:UT-Tokyo CSS p
2010-10-27T18:15:05Z
<p>Tomoaki: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "utf-8";<br />
/* CSS Document */<br />
/* CSS for Project page, Animation system */<br />
<br />
div#sub_menu.s_hide{<br />
display:inline;<br />
}<br />
div#content_frame{<br />
width:724px;<br />
}<br />
<br />
<br />
#inpagemenu{<br />
margin:3px;<br />
padding:2px;<br />
font-weight:bold;<br />
font-size:11pt;<br />
}<br />
<br />
#inpagemenu li{<br />
float:left;<br />
background-color:#33C;<br />
padding:3px;<br />
}<br />
<br />
#inpagemenu>li>a:link,#inpagemenu>li>a:visited{<br />
display:block;<br />
color:#fff;<br />
background-color:#33C;<br />
font-family:"Times New Roman", Times, serif;<br />
padding:2px;<br />
}<br />
<br />
#inpagemenu>li>a:hover,#inpagemenu>li>a:active{<br />
display:block;<br />
text-decoration:none;<br />
background-color:#50A;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
font-family:"Times New Roman", Times, serif;<br />
padding:2px;<br />
}<br />
<br />
div#clear{<br />
clear:both;<br />
<br />
</style></div>
Tomoaki
http://2010.igem.org/Template:UT-Tokyo_CSS_p
Template:UT-Tokyo CSS p
2010-10-27T18:12:38Z
<p>Tomoaki: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "utf-8";<br />
/* CSS Document */<br />
/* CSS for Project page, Animation system */<br />
<br />
div#sub_menu.s_hide{<br />
display:inline;<br />
}<br />
div#content_frame{<br />
width:724px;<br />
}<br />
<br />
<br />
#inpagemenu{<br />
margin:3px;<br />
padding:2px;<br />
font-weight:bold;<br />
font-size:11pt;<br />
}<br />
<br />
#inpagemenu li{<br />
float:left;<br />
background-color:#33C;<br />
padding:3px;<br />
}<br />
<br />
#inpagemenu>li>a:link,#inpagemenu>li>a:visited{<br />
display:block;<br />
color:#fff;<br />
background-color:#33C;<br />
font-family:"Times New Roman", Times, serif;<br />
padding:2px;<br />
}<br />
<br />
#inpagemenu>li>a:hover,#inpagemenu>li>a:active{<br />
display:block;<br />
text-decoration:none;<br />
background-color:#f0f;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
font-family:"Times New Roman", Times, serif;<br />
padding:2px;<br />
}<br />
<br />
div#clear{<br />
clear:both;<br />
<br />
</style></div>
Tomoaki
http://2010.igem.org/Team:UT-Tokyo/designtest
Team:UT-Tokyo/designtest
2010-10-27T18:12:05Z
<p>Tomoaki: </p>
<hr />
<div>__NOTOC__{{UT-Tokyo_CSS3}}{{UT-Tokyo_CSS_p}}{{UT-Tokyo_Head}}<br />
<html><br />
<div><br />
<ul id="inpagemenu"><br />
<li><a href="/Team:UT-Tokyo/Sudoku_abstract" id="abstract">Introduction</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_construct" id="construct">System</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_modeling" id="modeling">Modeling</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_experiments" id="experiment">Experiments</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_perspective" id="perspective">Perspective</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_reference" id="reference">Reference</a></li><br />
</ul><br />
</div><br />
<div id="clear"></div><br />
</html><br />
<br />
<br />
aaaa<br />
<br />
<br />
<br />
aaaaa<br />
<br />
<br />
<br />
<br />
aaaa<br />
<br />
{{UT-Tokyo_Foot}}</div>
Tomoaki
http://2010.igem.org/Team:UT-Tokyo/designtest
Team:UT-Tokyo/designtest
2010-10-27T18:09:44Z
<p>Tomoaki: </p>
<hr />
<div>__NOTOC__{{UT-Tokyo_CSS3}}{{UT-Tokyo_CSS_p}}{{UT-Tokyo_Head}}<br />
<html><br />
<div><br />
<ul id="inpagemenu"><br />
<li><a href="/Team:UT-Tokyo/Sudoku_abstract" id="abstract">Introduction</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_construct" id="construct">System</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_modeling" id="modeling">Modeling</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_experiments" id="experiment">Experiments</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_perspective" id="perspective">Perspective</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_reference" id="reference">Reference</a></li><br />
</ul><br />
</div><br />
</html><br />
<br />
<br />
aaaa<br />
<br />
<br />
<br />
aaaaa<br />
<br />
<br />
<br />
<br />
aaaa<br />
<br />
{{UT-Tokyo_Foot}}</div>
Tomoaki
http://2010.igem.org/Template:UT-Tokyo_CSS_p
Template:UT-Tokyo CSS p
2010-10-27T18:08:58Z
<p>Tomoaki: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "utf-8";<br />
/* CSS Document */<br />
/* CSS for Project page, Animation system */<br />
<br />
div#sub_menu.s_hide{<br />
display:inline;<br />
}<br />
div#content_frame{<br />
width:724px;<br />
}<br />
<br />
<br />
#inpagemenu{<br />
margin:3px;<br />
padding:2px;<br />
font-weight:bold;<br />
font-size:11pt;<br />
}<br />
<br />
#inpagemenu li{<br />
float:left;<br />
background-color:#33C;<br />
padding:3px;<br />
}<br />
<br />
#inpagemenu>li>a:link,#inpagemenu>li>a:visited{<br />
display:block;<br />
color:#fff;<br />
background-color:#33C;<br />
font-family:"Times New Roman", Times, serif;<br />
padding:2px;<br />
}<br />
<br />
#inpagemenu>li>a:hover,#inpagemenu>li>a:active{<br />
display:block;<br />
text-decoration:none;<br />
background-color:#f0f;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
font-family:"Times New Roman", Times, serif;<br />
padding:2px;<br />
}<br />
<br />
<br />
<br />
</style></div>
Tomoaki
http://2010.igem.org/Template:UT-Tokyo_CSS3
Template:UT-Tokyo CSS3
2010-10-27T18:08:42Z
<p>Tomoaki: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "utf-8";<br />
/* CSS Document */<br />
<br />
body {<br />
background-color:#666;<br />
margin:0px;<br />
padding:5px;<br />
padding-bottom:0px;<br />
border:none;<br />
text-align:justify;<br />
font-family:Verdana, Geneva, sans-serif;<br />
}<br />
<br />
img {<br />
border-style:none;<br />
}<br />
<br />
p.pad{<br />
text-indent:1em;<br />
padding-left:20px;<br />
padding-right:20px;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
color: black;<br />
background: none;<br />
font-weight: normal;<br />
margin: 0;<br />
padding-top: .5em;<br />
padding-bottom: .17em;<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
h1 { font-size: 188%; }<br />
<br />
h2 { font-size: 150%; }<br />
<br />
h3, h4, h5, h6 {<br />
border-bottom: none;<br />
font-weight: bold;<br />
}<br />
<br />
h3 { font-size: 132%; }<br />
<br />
h4 { font-size: 116%; }<br />
<br />
h5 { font-size: 100%; }<br />
<br />
h6 { font-size: 80%; }<br />
<br />
<br />
li{<br />
list-style:none !important; <br />
}<br />
<br />
.radius { <br />
-moz-border-radius: 10px; /* Firefox */ <br />
-webkit-border-radius: 10px; /* Safari and Chrome */ <br />
border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; /* Firefox */<br />
-webkit-box-shadow: 5px 5px 10px #000; /* Safari and Chrome */<br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ <br />
} <br />
<br />
.top_radius {<br />
-moz-border-radius-topright:10px;<br />
-moz-border-radius-topleft:10px;<br />
-moz-border-radius-bottomright:0;<br />
-moz-border-radius-bottomleft:0;<br />
-webkit-border-top-right-radius:10px;<br />
-webkit-border-top-left-radius:10px;<br />
-webkit-border-bottom-right-radius:0;<br />
-webkit-border-bottom-left-radius:0;<br />
border-radius-topright:10px;<br />
border-radius-topleft:10px;<br />
border-radius-bottomright:0;<br />
border-radius-bottomleft:0;<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; <br />
-webkit-box-shadow: 5px 5px 10px #000; <br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
}<br />
<br />
/* MENU */<br />
<br />
/* MAIN MENU */<br />
<br />
a#igemlogo{<br />
<br />
position: absolute;<br />
top: 25px;<br />
right: 70px;<br />
<br />
}<br />
<br />
div#main_menu {<br />
background-color:white;<br />
background:url(https://static.igem.org/mediawiki/2010/a/a4/Menu_base.png) no-repeat;<br />
margin: -3px 0 0 0;<br />
padding-top: 8px;<br />
padding-right: 0px;<br />
padding-bottom: 0px;<br />
padding-left: 12px;<br />
border-top-style: none;<br />
border-right-style: none;<br />
border-bottom-style: none;<br />
border-left-style: none;<br />
height:339px;<br />
width:133px;<br />
float:left;<br />
}<br />
<br />
ul#main_menu {<br />
background-color:transparent;<br />
margin:10px 0 0 0;<br />
padding:0;<br />
}<br />
<br />
#main_menu>li {<br />
margin:0;<br />
paddding:0;<br />
}<br />
<br />
#main_menu>li>a {<br />
background-image:url(https://static.igem.org/mediawiki/2010/e/ed/Menu_chara.png);<br />
display:block;<br />
width:120px;<br />
height:26px;<br />
text-indent:-1000em;<br />
}<br />
<br />
#team {<br />
background-position: 0px 0px;<br />
}<br />
<br />
#project {<br />
background-position:0px -26px;<br />
}<br />
<br />
#parts {<br />
background-position:0px -52px;<br />
}<br />
<br />
#protocols {<br />
background-position:0px -78px;<br />
}<br />
<br />
#online {<br />
background-position:0px -104px;<br />
}<br />
<br />
#sponsor {<br />
background-position:0px -130px;<br />
}<br />
<br />
#consideration {<br />
background-position:0px -157px;<br />
}<br />
<br />
/* MAIN MENU END */<br />
<br />
/* SUB MENU*/<br />
<br />
div#sub_menu{<br />
background-color:#fff;<br />
margin:0 0 0 8px;<br />
padding:20px 0 13px 0;<br />
float:left;<br />
width:75px;<br />
text-align:center;<br />
font-family:"Times New Roman", Times, serif;<br />
font-weight:bold;<br />
font-size:10pt;<br />
}<br />
<br />
#sub_head{<br />
font-size:15pt;<br />
}<br />
<br />
#sub_menu a{<br />
display:block;<br />
text-decoration:none;<br />
}<br />
<br />
.ss_menu a:link{<br />
background-color:transparent;<br />
}<br />
<br />
*.ss_menu a:hover,*.ss_menu a:active{<br />
background-color:#FF6;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
display:block;<br />
}<br />
<br />
#sub_menu ul{<br />
margin:-10px 0px 0px 0px;<br />
padding:0px;<br />
border:none;<br />
}<br />
<br />
#sub_menu>ul>li{<br />
margin-bottom:10px;<br />
}<br />
<br />
a.sub_logo{<br />
background:url(https://static.igem.org/mediawiki/2010/3/3a/Sub_menu_logo.png);<br />
width:75px;<br />
height:85px;<br />
margin:8px 0 8px 0;<br />
}<br />
<br />
.sub_logo{<br />
text-indent:-1000em;<br />
}<br />
<br />
a#sub_sudoku{<br />
background-position:0px 0px;<br />
}<br />
<br />
a#sub_allergy{<br />
background-position:-75px 0px;<br />
}<br />
<br />
a#sub_bio{<br />
background-position:-150px 0px;<br />
}<br />
<br />
ul.ss_menu {<br />
margin:4px 0px 8px 0px !important;<br />
display:block;<br />
}<br />
<br />
.ss_menu li{<br />
margin:0px 0px 0px 0px;<br />
padding:3px 0 5px 0;<br />
}<br />
<br />
<br />
/* sub sub menu base */ <br />
<br />
#sss,#ssa,#ssb{<br />
padding:1px 0 0 0 !important;<br />
overflow:hidden;<br />
}<br />
<br />
/* For dynamic system */<br />
<br />
.open{<br />
background-image:url(https://static.igem.org/mediawiki/2010/3/35/Sub_menu_base.png);<br />
background-repeat: no-repeat ;<br />
height:290px ;<br />
}<br />
<br />
.hide{<br />
background-image:none;<br />
height:120px ;<br />
<br />
}<br />
<br />
/* For dynamic system end */<br />
<br />
<br />
li#sss{<br />
background-position:0px 0px !important;<br />
<br />
}<br />
<br />
li#sss a{<br />
color:#000;<br />
}<br />
<br />
li#ssa{<br />
background-position:0px -255px !important;<br />
color:#00f !important;<br />
text-decoration:underline;<br />
<br />
}<br />
<br />
li#ssb{<br />
background-position:0px -510px !important;<br />
color:#00f !important;<br />
text-decoration:underline !important;<br />
font-size:8pt;<br />
text-indent:0px !important;<br />
}<br />
<br />
.s_hide{<br />
display:none;<br />
}<br />
<br />
/* SUB MENU END */<br />
<br />
/* MENU END */<br />
<br />
<br />
/* MAIN CONTENTS */<br />
<br />
div#content_frame {<br />
float:right;<br />
background:#FFF;<br />
margin: 0px 5px 10px 8px;<br />
padding: 0px 0px 20px 0px;<br />
width:800px;<br />
overflow:hidden;<br />
}<br />
<br />
div#title {<br />
overflow:hidden;<br />
width:100%;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
div#main_content {<br />
background-color:transparent;<br />
margin:0px;<br />
padding:15px 18px 10px 18px;<br />
border:none;<br />
width:95%;<br />
}<br />
<br />
div#descrap {<br />
margin:auto;<br />
padding:auto;<br />
width:705px;<br />
}<br />
<br />
<br />
p.desc1{<br />
color:#fff;<br />
margin: 10px 8px 0px -8px;<br />
margin-right:0px;<br />
padding: 50px 20px 15px 200px;<br />
width:495px;<br />
height:155px;<br />
}<br />
<br />
p.desc2{<br />
color:#fff;<br />
margin: 0px 0px 10px 0px;<br />
margin-right:-5px;<br />
padding: 135px 20px 15px 15px;<br />
width:315px;<br />
height:270px;<br />
float:left;<br />
}<br />
<br />
.desc img{<br />
display:block;<br />
margin:auto;<br />
padding:auto;<br />
}<br />
<br />
p#s_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/3/37/Desc_base_s.png) no-repeat;<br />
}<br />
<br />
p#a_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/6/64/Desc_base_a.png) no-repeat;<br />
font-size:8.8pt;<br />
}<br />
<br />
p#b_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/e/e5/Desc_base_b.png) no-repeat;<br />
font-size:10pt;<br />
}<br />
<br />
/* MAIN CONTENTS END */<br />
<br />
/* FOOTER */<br />
<br />
div#foot{<br />
margin:0;<br />
background-color:#33C;<br />
clear:both;<br />
text-align:center;<br />
padding-top:30px;<br />
padding-bottom:30px;<br />
width:100%;<br />
height:10px;<br />
color:#FFF;<br />
}<br />
<br />
/* FOOTER END */<br />
<br />
/*wiki hack*/<br />
#globalWrapper {<br />
background-color: transparent;<br />
padding-bottom:0px;<br />
border: none;<br />
}<br />
#content {<br />
background-color: transparent;<br />
border:none;<br />
padding-bottom:none;<br />
margin-bottom:none;<br />
}<br />
#bodyContent {<br />
border: none;<br />
}<br />
#top-section {<br />
height: 14px;<br />
margin-top: -16px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-bottom: 4px !important;<br />
padding:0;<br />
border: none;<br />
}<br />
#p-logo {<br />
height:1px;<br />
overflow:hidden;<br />
border:none;<br />
}<br />
#search-controls {<br />
overflow:hidden;<br />
display:none;<br />
background: none;<br />
position: absolute;<br />
top: 100px;<br />
right: 40px;<br />
} <br />
.left-menu { width: 400px; display:block; float:left; margin-top:-62px; margin-right:30px; border: none; left:20px;} <br />
.left-menu ul { border: none; }<br />
<br />
#menubar.right-menu {<br />
width:300px;<br />
display:block;<br />
float:left;<br />
margin-top:-62px;<br />
padding-left:50px;<br />
border: none;<br />
right:50px;<br />
} <br />
.right-menu ul { border: none;}<br />
<br />
#menubar li a{<br />
color:#fcf;<br />
}<br />
<br />
#menubar li a:hover {<br />
color:#fcf;<br />
text-decoration:underline;<br />
}<br />
<br />
#menubar li.selected a {<br />
color:#555555;<br />
}<br />
<br />
#footer-box {<br />
background-color: white;<br />
border: none;<br />
width: 965px;<br />
margin: 0 auto;<br />
margin-bottom:none;<br />
padding-left:5px;<br />
padding-right:5px;<br />
}<br />
#footer {<br />
border: none;<br />
width: 965px;<br />
margin: 0;<br />
padding: 0;<br />
background-color:white;<br />
} .firstHeading { display: none;}<br />
#f-list a {<br />
color: #333;<br />
font-size: 10px;<br />
}<br />
#f-list a:hover {<br />
color: #666;<br />
}<br />
#footer ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#footer ul li {<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
margin-left: 10px;<br />
margin-right: 10px;<br />
padding: 0;<br />
}<br />
/*wiki hack end*/<br />
</style><br />
</html></div>
Tomoaki
http://2010.igem.org/Team:UT-Tokyo/designtest
Team:UT-Tokyo/designtest
2010-10-27T18:06:33Z
<p>Tomoaki: </p>
<hr />
<div>__NOTOC__{{UT-Tokyo_CSS3}}{{UT-Tokyo_CSS_p}}{{UT-Tokyo_Head}}<br />
<html><br />
<div><br />
<ul id="inpagemenu"><br />
<li><a href="/Team:UT-Tokyo/Sudoku_abstract" id="abstract">Introduction</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_construct" id="construct">System</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_modeling" id="modeling">Modeling</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_experiments" id="experiment">Experiments</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_perspective" id="perspective">Perspective</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_reference" id="reference">Reference</a></li><br />
</ul><br />
</div><br />
</html><br />
<br />
<br />
{{UT-Tokyo_Foot}}</div>
Tomoaki
http://2010.igem.org/Team:UT-Tokyo/designtest
Team:UT-Tokyo/designtest
2010-10-27T18:06:14Z
<p>Tomoaki: </p>
<hr />
<div>__NOTOC__{{UT-Tokyo_CSS3}}{{UT-Tokyo_CSS_p}}{{UT-Tokyo_Head}}<br />
<html><br />
<div><br />
<ul id="inpagemenu" class="radius"><br />
<li><a href="/Team:UT-Tokyo/Sudoku_abstract" id="abstract">Introduction</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_construct" id="construct">System</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_modeling" id="modeling">Modeling</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_experiments" id="experiment">Experiments</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_perspective" id="perspective">Perspective</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_reference" id="reference">Reference</a></li><br />
</ul><br />
</div><br />
</html><br />
<br />
<br />
{{UT-Tokyo_Foot}}</div>
Tomoaki
http://2010.igem.org/Team:UT-Tokyo/designtest
Team:UT-Tokyo/designtest
2010-10-27T18:05:07Z
<p>Tomoaki: </p>
<hr />
<div>__NOTOC__{{UT-Tokyo_CSS3}}{{UT-Tokyo_CSS_p}}{{UT-Tokyo_Head}}<br />
<html><br />
<div class="radius"><br />
<ul id="inpagemenu" class="radius"><br />
<li><a href="/Team:UT-Tokyo/Sudoku_abstract" id="abstract">Introduction</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_construct" id="construct">System</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_modeling" id="modeling">Modeling</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_experiments" id="experiment">Experiments</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_perspective" id="perspective">Perspective</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_reference" id="reference">Reference</a></li><br />
</ul><br />
</div><br />
</html><br />
<br />
<br />
{{UT-Tokyo_Foot}}</div>
Tomoaki
http://2010.igem.org/Template:UT-Tokyo_CSS3
Template:UT-Tokyo CSS3
2010-10-27T18:03:57Z
<p>Tomoaki: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "utf-8";<br />
/* CSS Document */<br />
<br />
body {<br />
background-color:#666;<br />
margin:0px;<br />
padding:5px;<br />
padding-bottom:0px;<br />
border:none;<br />
text-align:justify;<br />
font-family:Verdana, Geneva, sans-serif;<br />
}<br />
<br />
img {<br />
border-style:none;<br />
}<br />
<br />
p.pad{<br />
text-indent:1em;<br />
padding-left:20px;<br />
padding-right:20px;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
color: black;<br />
background: none;<br />
font-weight: normal;<br />
margin: 0;<br />
padding-top: .5em;<br />
padding-bottom: .17em;<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
h1 { font-size: 188%; }<br />
<br />
h2 { font-size: 150%; }<br />
<br />
h3, h4, h5, h6 {<br />
border-bottom: none;<br />
font-weight: bold;<br />
}<br />
<br />
h3 { font-size: 132%; }<br />
<br />
h4 { font-size: 116%; }<br />
<br />
h5 { font-size: 100%; }<br />
<br />
h6 { font-size: 80%; }<br />
<br />
<br />
li{<br />
list-style:none !important; <br />
}<br />
<br />
.radius { <br />
-moz-border-radius: 10px; /* Firefox */ <br />
-webkit-border-radius: 10px; /* Safari and Chrome */ <br />
border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; /* Firefox */<br />
-webkit-box-shadow: 5px 5px 10px #000; /* Safari and Chrome */<br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ <br />
} <br />
<br />
#inpagemenu{<br />
margin:3px;<br />
padding:2px;<br />
font-weight:bold;<br />
font-size:11pt;<br />
}<br />
<br />
#inpagemenu li{<br />
float:left;<br />
background-color:#33C;<br />
padding:3px;<br />
}<br />
<br />
#inpagemenu>li>a:link,#inpagemenu>li>a:visited{<br />
display:block;<br />
color:#fff;<br />
background-color:#33C;<br />
font-family:"Times New Roman", Times, serif;<br />
padding:2px;<br />
}<br />
<br />
#inpagemenu>li>a:hover,#inpagemenu>li>a:active{<br />
display:block;<br />
text-decoration:none;<br />
background-color:#f0f;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
font-family:"Times New Roman", Times, serif;<br />
padding:2px;<br />
}<br />
<br />
.top_radius {<br />
-moz-border-radius-topright:10px;<br />
-moz-border-radius-topleft:10px;<br />
-moz-border-radius-bottomright:0;<br />
-moz-border-radius-bottomleft:0;<br />
-webkit-border-top-right-radius:10px;<br />
-webkit-border-top-left-radius:10px;<br />
-webkit-border-bottom-right-radius:0;<br />
-webkit-border-bottom-left-radius:0;<br />
border-radius-topright:10px;<br />
border-radius-topleft:10px;<br />
border-radius-bottomright:0;<br />
border-radius-bottomleft:0;<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; <br />
-webkit-box-shadow: 5px 5px 10px #000; <br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
}<br />
<br />
/* MENU */<br />
<br />
/* MAIN MENU */<br />
<br />
a#igemlogo{<br />
<br />
position: absolute;<br />
top: 25px;<br />
right: 70px;<br />
<br />
}<br />
<br />
div#main_menu {<br />
background-color:white;<br />
background:url(https://static.igem.org/mediawiki/2010/a/a4/Menu_base.png) no-repeat;<br />
margin: -3px 0 0 0;<br />
padding-top: 8px;<br />
padding-right: 0px;<br />
padding-bottom: 0px;<br />
padding-left: 12px;<br />
border-top-style: none;<br />
border-right-style: none;<br />
border-bottom-style: none;<br />
border-left-style: none;<br />
height:339px;<br />
width:133px;<br />
float:left;<br />
}<br />
<br />
ul#main_menu {<br />
background-color:transparent;<br />
margin:10px 0 0 0;<br />
padding:0;<br />
}<br />
<br />
#main_menu>li {<br />
margin:0;<br />
paddding:0;<br />
}<br />
<br />
#main_menu>li>a {<br />
background-image:url(https://static.igem.org/mediawiki/2010/e/ed/Menu_chara.png);<br />
display:block;<br />
width:120px;<br />
height:26px;<br />
text-indent:-1000em;<br />
}<br />
<br />
#team {<br />
background-position: 0px 0px;<br />
}<br />
<br />
#project {<br />
background-position:0px -26px;<br />
}<br />
<br />
#parts {<br />
background-position:0px -52px;<br />
}<br />
<br />
#protocols {<br />
background-position:0px -78px;<br />
}<br />
<br />
#online {<br />
background-position:0px -104px;<br />
}<br />
<br />
#sponsor {<br />
background-position:0px -130px;<br />
}<br />
<br />
#consideration {<br />
background-position:0px -157px;<br />
}<br />
<br />
/* MAIN MENU END */<br />
<br />
/* SUB MENU*/<br />
<br />
div#sub_menu{<br />
background-color:#fff;<br />
margin:0 0 0 8px;<br />
padding:20px 0 13px 0;<br />
float:left;<br />
width:75px;<br />
text-align:center;<br />
font-family:"Times New Roman", Times, serif;<br />
font-weight:bold;<br />
font-size:10pt;<br />
}<br />
<br />
#sub_head{<br />
font-size:15pt;<br />
}<br />
<br />
#sub_menu a{<br />
display:block;<br />
text-decoration:none;<br />
}<br />
<br />
.ss_menu a:link{<br />
background-color:transparent;<br />
}<br />
<br />
*.ss_menu a:hover,*.ss_menu a:active{<br />
background-color:#FF6;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
display:block;<br />
}<br />
<br />
#sub_menu ul{<br />
margin:-10px 0px 0px 0px;<br />
padding:0px;<br />
border:none;<br />
}<br />
<br />
#sub_menu>ul>li{<br />
margin-bottom:10px;<br />
}<br />
<br />
a.sub_logo{<br />
background:url(https://static.igem.org/mediawiki/2010/3/3a/Sub_menu_logo.png);<br />
width:75px;<br />
height:85px;<br />
margin:8px 0 8px 0;<br />
}<br />
<br />
.sub_logo{<br />
text-indent:-1000em;<br />
}<br />
<br />
a#sub_sudoku{<br />
background-position:0px 0px;<br />
}<br />
<br />
a#sub_allergy{<br />
background-position:-75px 0px;<br />
}<br />
<br />
a#sub_bio{<br />
background-position:-150px 0px;<br />
}<br />
<br />
ul.ss_menu {<br />
margin:4px 0px 8px 0px !important;<br />
display:block;<br />
}<br />
<br />
.ss_menu li{<br />
margin:0px 0px 0px 0px;<br />
padding:3px 0 5px 0;<br />
}<br />
<br />
<br />
/* sub sub menu base */ <br />
<br />
#sss,#ssa,#ssb{<br />
padding:1px 0 0 0 !important;<br />
overflow:hidden;<br />
}<br />
<br />
/* For dynamic system */<br />
<br />
.open{<br />
background-image:url(https://static.igem.org/mediawiki/2010/3/35/Sub_menu_base.png);<br />
background-repeat: no-repeat ;<br />
height:290px ;<br />
}<br />
<br />
.hide{<br />
background-image:none;<br />
height:120px ;<br />
<br />
}<br />
<br />
/* For dynamic system end */<br />
<br />
<br />
li#sss{<br />
background-position:0px 0px !important;<br />
<br />
}<br />
<br />
li#sss a{<br />
color:#000;<br />
}<br />
<br />
li#ssa{<br />
background-position:0px -255px !important;<br />
color:#00f !important;<br />
text-decoration:underline;<br />
<br />
}<br />
<br />
li#ssb{<br />
background-position:0px -510px !important;<br />
color:#00f !important;<br />
text-decoration:underline !important;<br />
font-size:8pt;<br />
text-indent:0px !important;<br />
}<br />
<br />
.s_hide{<br />
display:none;<br />
}<br />
<br />
/* SUB MENU END */<br />
<br />
/* MENU END */<br />
<br />
<br />
/* MAIN CONTENTS */<br />
<br />
div#content_frame {<br />
float:right;<br />
background:#FFF;<br />
margin: 0px 5px 10px 8px;<br />
padding: 0px 0px 20px 0px;<br />
width:800px;<br />
overflow:hidden;<br />
}<br />
<br />
div#title {<br />
overflow:hidden;<br />
width:100%;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
div#main_content {<br />
background-color:transparent;<br />
margin:0px;<br />
padding:15px 18px 10px 18px;<br />
border:none;<br />
width:95%;<br />
}<br />
<br />
div#descrap {<br />
margin:auto;<br />
padding:auto;<br />
width:705px;<br />
}<br />
<br />
<br />
p.desc1{<br />
color:#fff;<br />
margin: 10px 8px 0px -8px;<br />
margin-right:0px;<br />
padding: 50px 20px 15px 200px;<br />
width:495px;<br />
height:155px;<br />
}<br />
<br />
p.desc2{<br />
color:#fff;<br />
margin: 0px 0px 10px 0px;<br />
margin-right:-5px;<br />
padding: 135px 20px 15px 15px;<br />
width:315px;<br />
height:270px;<br />
float:left;<br />
}<br />
<br />
.desc img{<br />
display:block;<br />
margin:auto;<br />
padding:auto;<br />
}<br />
<br />
p#s_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/3/37/Desc_base_s.png) no-repeat;<br />
}<br />
<br />
p#a_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/6/64/Desc_base_a.png) no-repeat;<br />
font-size:8.8pt;<br />
}<br />
<br />
p#b_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/e/e5/Desc_base_b.png) no-repeat;<br />
font-size:10pt;<br />
}<br />
<br />
/* MAIN CONTENTS END */<br />
<br />
/* FOOTER */<br />
<br />
div#foot{<br />
margin:0;<br />
background-color:#33C;<br />
clear:both;<br />
text-align:center;<br />
padding-top:30px;<br />
padding-bottom:30px;<br />
width:100%;<br />
height:10px;<br />
color:#FFF;<br />
}<br />
<br />
/* FOOTER END */<br />
<br />
/*wiki hack*/<br />
#globalWrapper {<br />
background-color: transparent;<br />
padding-bottom:0px;<br />
border: none;<br />
}<br />
#content {<br />
background-color: transparent;<br />
border:none;<br />
padding-bottom:none;<br />
margin-bottom:none;<br />
}<br />
#bodyContent {<br />
border: none;<br />
}<br />
#top-section {<br />
height: 14px;<br />
margin-top: -16px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-bottom: 4px !important;<br />
padding:0;<br />
border: none;<br />
}<br />
#p-logo {<br />
height:1px;<br />
overflow:hidden;<br />
border:none;<br />
}<br />
#search-controls {<br />
overflow:hidden;<br />
display:none;<br />
background: none;<br />
position: absolute;<br />
top: 100px;<br />
right: 40px;<br />
} <br />
.left-menu { width: 400px; display:block; float:left; margin-top:-62px; margin-right:30px; border: none; left:20px;} <br />
.left-menu ul { border: none; }<br />
<br />
#menubar.right-menu {<br />
width:300px;<br />
display:block;<br />
float:left;<br />
margin-top:-62px;<br />
padding-left:50px;<br />
border: none;<br />
right:50px;<br />
} <br />
.right-menu ul { border: none;}<br />
<br />
#menubar li a{<br />
color:#fcf;<br />
}<br />
<br />
#menubar li a:hover {<br />
color:#fcf;<br />
text-decoration:underline;<br />
}<br />
<br />
#menubar li.selected a {<br />
color:#555555;<br />
}<br />
<br />
#footer-box {<br />
background-color: white;<br />
border: none;<br />
width: 965px;<br />
margin: 0 auto;<br />
margin-bottom:none;<br />
padding-left:5px;<br />
padding-right:5px;<br />
}<br />
#footer {<br />
border: none;<br />
width: 965px;<br />
margin: 0;<br />
padding: 0;<br />
background-color:white;<br />
} .firstHeading { display: none;}<br />
#f-list a {<br />
color: #333;<br />
font-size: 10px;<br />
}<br />
#f-list a:hover {<br />
color: #666;<br />
}<br />
#footer ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#footer ul li {<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
margin-left: 10px;<br />
margin-right: 10px;<br />
padding: 0;<br />
}<br />
/*wiki hack end*/<br />
</style><br />
</html></div>
Tomoaki
http://2010.igem.org/Template:UT-Tokyo_CSS3
Template:UT-Tokyo CSS3
2010-10-27T18:01:03Z
<p>Tomoaki: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "utf-8";<br />
/* CSS Document */<br />
<br />
body {<br />
background-color:#666;<br />
margin:0px;<br />
padding:5px;<br />
padding-bottom:0px;<br />
border:none;<br />
text-align:justify;<br />
font-family:Verdana, Geneva, sans-serif;<br />
}<br />
<br />
img {<br />
border-style:none;<br />
}<br />
<br />
p.pad{<br />
text-indent:1em;<br />
padding-left:20px;<br />
padding-right:20px;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
color: black;<br />
background: none;<br />
font-weight: normal;<br />
margin: 0;<br />
padding-top: .5em;<br />
padding-bottom: .17em;<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
h1 { font-size: 188%; }<br />
<br />
h2 { font-size: 150%; }<br />
<br />
h3, h4, h5, h6 {<br />
border-bottom: none;<br />
font-weight: bold;<br />
}<br />
<br />
h3 { font-size: 132%; }<br />
<br />
h4 { font-size: 116%; }<br />
<br />
h5 { font-size: 100%; }<br />
<br />
h6 { font-size: 80%; }<br />
<br />
<br />
li{<br />
list-style:none !important; <br />
}<br />
<br />
.radius { <br />
-moz-border-radius: 10px; /* Firefox */ <br />
-webkit-border-radius: 10px; /* Safari and Chrome */ <br />
border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; /* Firefox */<br />
-webkit-box-shadow: 5px 5px 10px #000; /* Safari and Chrome */<br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ <br />
} <br />
<br />
#inpagemenu{<br />
margin:3px;<br />
padding:2px;<br />
font-weight:bold;<br />
font-size:11pt;<br />
}<br />
<br />
#inpagemenu li{<br />
float:left;<br />
background-color:#33C;<br />
padding:3px;<br />
}<br />
<br />
#inpagemenu>li>a:link,#inpagemenu>li>a:visited{<br />
display:block;<br />
color:#fff;<br />
background-color:#33C;<br />
font-family:"Times New Roman", Times, serif;<br />
padding:2px;<br />
}<br />
<br />
#inpagemenu>li>a:hover,#inpagemenu>li>a:active{<br />
display:block;<br />
text-decoration:none;<br />
background-color:#0ff;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
font-family:"Times New Roman", Times, serif;<br />
padding:2px;<br />
}<br />
<br />
.top_radius {<br />
-moz-border-radius-topright:10px;<br />
-moz-border-radius-topleft:10px;<br />
-moz-border-radius-bottomright:0;<br />
-moz-border-radius-bottomleft:0;<br />
-webkit-border-top-right-radius:10px;<br />
-webkit-border-top-left-radius:10px;<br />
-webkit-border-bottom-right-radius:0;<br />
-webkit-border-bottom-left-radius:0;<br />
border-radius-topright:10px;<br />
border-radius-topleft:10px;<br />
border-radius-bottomright:0;<br />
border-radius-bottomleft:0;<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; <br />
-webkit-box-shadow: 5px 5px 10px #000; <br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
}<br />
<br />
/* MENU */<br />
<br />
/* MAIN MENU */<br />
<br />
a#igemlogo{<br />
<br />
position: absolute;<br />
top: 25px;<br />
right: 70px;<br />
<br />
}<br />
<br />
div#main_menu {<br />
background-color:white;<br />
background:url(https://static.igem.org/mediawiki/2010/a/a4/Menu_base.png) no-repeat;<br />
margin: -3px 0 0 0;<br />
padding-top: 8px;<br />
padding-right: 0px;<br />
padding-bottom: 0px;<br />
padding-left: 12px;<br />
border-top-style: none;<br />
border-right-style: none;<br />
border-bottom-style: none;<br />
border-left-style: none;<br />
height:339px;<br />
width:133px;<br />
float:left;<br />
}<br />
<br />
ul#main_menu {<br />
background-color:transparent;<br />
margin:10px 0 0 0;<br />
padding:0;<br />
}<br />
<br />
#main_menu>li {<br />
margin:0;<br />
paddding:0;<br />
}<br />
<br />
#main_menu>li>a {<br />
background-image:url(https://static.igem.org/mediawiki/2010/e/ed/Menu_chara.png);<br />
display:block;<br />
width:120px;<br />
height:26px;<br />
text-indent:-1000em;<br />
}<br />
<br />
#team {<br />
background-position: 0px 0px;<br />
}<br />
<br />
#project {<br />
background-position:0px -26px;<br />
}<br />
<br />
#parts {<br />
background-position:0px -52px;<br />
}<br />
<br />
#protocols {<br />
background-position:0px -78px;<br />
}<br />
<br />
#online {<br />
background-position:0px -104px;<br />
}<br />
<br />
#sponsor {<br />
background-position:0px -130px;<br />
}<br />
<br />
#consideration {<br />
background-position:0px -157px;<br />
}<br />
<br />
/* MAIN MENU END */<br />
<br />
/* SUB MENU*/<br />
<br />
div#sub_menu{<br />
background-color:#fff;<br />
margin:0 0 0 8px;<br />
padding:20px 0 13px 0;<br />
float:left;<br />
width:75px;<br />
text-align:center;<br />
font-family:"Times New Roman", Times, serif;<br />
font-weight:bold;<br />
font-size:10pt;<br />
}<br />
<br />
#sub_head{<br />
font-size:15pt;<br />
}<br />
<br />
#sub_menu a{<br />
display:block;<br />
text-decoration:none;<br />
}<br />
<br />
.ss_menu a:link{<br />
background-color:transparent;<br />
}<br />
<br />
*.ss_menu a:hover,*.ss_menu a:active{<br />
background-color:#FF6;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
display:block;<br />
}<br />
<br />
#sub_menu ul{<br />
margin:-10px 0px 0px 0px;<br />
padding:0px;<br />
border:none;<br />
}<br />
<br />
#sub_menu>ul>li{<br />
margin-bottom:10px;<br />
}<br />
<br />
a.sub_logo{<br />
background:url(https://static.igem.org/mediawiki/2010/3/3a/Sub_menu_logo.png);<br />
width:75px;<br />
height:85px;<br />
margin:8px 0 8px 0;<br />
}<br />
<br />
.sub_logo{<br />
text-indent:-1000em;<br />
}<br />
<br />
a#sub_sudoku{<br />
background-position:0px 0px;<br />
}<br />
<br />
a#sub_allergy{<br />
background-position:-75px 0px;<br />
}<br />
<br />
a#sub_bio{<br />
background-position:-150px 0px;<br />
}<br />
<br />
ul.ss_menu {<br />
margin:4px 0px 8px 0px !important;<br />
display:block;<br />
}<br />
<br />
.ss_menu li{<br />
margin:0px 0px 0px 0px;<br />
padding:3px 0 5px 0;<br />
}<br />
<br />
<br />
/* sub sub menu base */ <br />
<br />
#sss,#ssa,#ssb{<br />
padding:1px 0 0 0 !important;<br />
overflow:hidden;<br />
}<br />
<br />
/* For dynamic system */<br />
<br />
.open{<br />
background-image:url(https://static.igem.org/mediawiki/2010/3/35/Sub_menu_base.png);<br />
background-repeat: no-repeat ;<br />
height:290px ;<br />
}<br />
<br />
.hide{<br />
background-image:none;<br />
height:120px ;<br />
<br />
}<br />
<br />
/* For dynamic system end */<br />
<br />
<br />
li#sss{<br />
background-position:0px 0px !important;<br />
<br />
}<br />
<br />
li#sss a{<br />
color:#000;<br />
}<br />
<br />
li#ssa{<br />
background-position:0px -255px !important;<br />
color:#00f !important;<br />
text-decoration:underline;<br />
<br />
}<br />
<br />
li#ssb{<br />
background-position:0px -510px !important;<br />
color:#00f !important;<br />
text-decoration:underline !important;<br />
font-size:8pt;<br />
text-indent:0px !important;<br />
}<br />
<br />
.s_hide{<br />
display:none;<br />
}<br />
<br />
/* SUB MENU END */<br />
<br />
/* MENU END */<br />
<br />
<br />
/* MAIN CONTENTS */<br />
<br />
div#content_frame {<br />
float:right;<br />
background:#FFF;<br />
margin: 0px 5px 10px 8px;<br />
padding: 0px 0px 20px 0px;<br />
width:800px;<br />
overflow:hidden;<br />
}<br />
<br />
div#title {<br />
overflow:hidden;<br />
width:100%;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
div#main_content {<br />
background-color:transparent;<br />
margin:0px;<br />
padding:15px 18px 10px 18px;<br />
border:none;<br />
width:95%;<br />
}<br />
<br />
div#descrap {<br />
margin:auto;<br />
padding:auto;<br />
width:705px;<br />
}<br />
<br />
<br />
p.desc1{<br />
color:#fff;<br />
margin: 10px 8px 0px -8px;<br />
margin-right:0px;<br />
padding: 50px 20px 15px 200px;<br />
width:495px;<br />
height:155px;<br />
}<br />
<br />
p.desc2{<br />
color:#fff;<br />
margin: 0px 0px 10px 0px;<br />
margin-right:-5px;<br />
padding: 135px 20px 15px 15px;<br />
width:315px;<br />
height:270px;<br />
float:left;<br />
}<br />
<br />
.desc img{<br />
display:block;<br />
margin:auto;<br />
padding:auto;<br />
}<br />
<br />
p#s_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/3/37/Desc_base_s.png) no-repeat;<br />
}<br />
<br />
p#a_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/6/64/Desc_base_a.png) no-repeat;<br />
font-size:8.8pt;<br />
}<br />
<br />
p#b_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/e/e5/Desc_base_b.png) no-repeat;<br />
font-size:10pt;<br />
}<br />
<br />
/* MAIN CONTENTS END */<br />
<br />
/* FOOTER */<br />
<br />
div#foot{<br />
margin:0;<br />
background-color:#33C;<br />
clear:both;<br />
text-align:center;<br />
padding-top:30px;<br />
padding-bottom:30px;<br />
width:100%;<br />
height:10px;<br />
color:#FFF;<br />
}<br />
<br />
/* FOOTER END */<br />
<br />
/*wiki hack*/<br />
#globalWrapper {<br />
background-color: transparent;<br />
padding-bottom:0px;<br />
border: none;<br />
}<br />
#content {<br />
background-color: transparent;<br />
border:none;<br />
padding-bottom:none;<br />
margin-bottom:none;<br />
}<br />
#bodyContent {<br />
border: none;<br />
}<br />
#top-section {<br />
height: 14px;<br />
margin-top: -16px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-bottom: 4px !important;<br />
padding:0;<br />
border: none;<br />
}<br />
#p-logo {<br />
height:1px;<br />
overflow:hidden;<br />
border:none;<br />
}<br />
#search-controls {<br />
overflow:hidden;<br />
display:none;<br />
background: none;<br />
position: absolute;<br />
top: 100px;<br />
right: 40px;<br />
} <br />
.left-menu { width: 400px; display:block; float:left; margin-top:-62px; margin-right:30px; border: none; left:20px;} <br />
.left-menu ul { border: none; }<br />
<br />
#menubar.right-menu {<br />
width:300px;<br />
display:block;<br />
float:left;<br />
margin-top:-62px;<br />
padding-left:50px;<br />
border: none;<br />
right:50px;<br />
} <br />
.right-menu ul { border: none;}<br />
<br />
#menubar li a{<br />
color:#fcf;<br />
}<br />
<br />
#menubar li a:hover {<br />
color:#fcf;<br />
text-decoration:underline;<br />
}<br />
<br />
#menubar li.selected a {<br />
color:#555555;<br />
}<br />
<br />
#footer-box {<br />
background-color: white;<br />
border: none;<br />
width: 965px;<br />
margin: 0 auto;<br />
margin-bottom:none;<br />
padding-left:5px;<br />
padding-right:5px;<br />
}<br />
#footer {<br />
border: none;<br />
width: 965px;<br />
margin: 0;<br />
padding: 0;<br />
background-color:white;<br />
} .firstHeading { display: none;}<br />
#f-list a {<br />
color: #333;<br />
font-size: 10px;<br />
}<br />
#f-list a:hover {<br />
color: #666;<br />
}<br />
#footer ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#footer ul li {<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
margin-left: 10px;<br />
margin-right: 10px;<br />
padding: 0;<br />
}<br />
/*wiki hack end*/<br />
</style><br />
</html></div>
Tomoaki
http://2010.igem.org/Template:UT-Tokyo_CSS3
Template:UT-Tokyo CSS3
2010-10-27T17:58:27Z
<p>Tomoaki: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "utf-8";<br />
/* CSS Document */<br />
<br />
body {<br />
background-color:#666;<br />
margin:0px;<br />
padding:5px;<br />
padding-bottom:0px;<br />
border:none;<br />
text-align:justify;<br />
font-family:Verdana, Geneva, sans-serif;<br />
}<br />
<br />
img {<br />
border-style:none;<br />
}<br />
<br />
p.pad{<br />
text-indent:1em;<br />
padding-left:20px;<br />
padding-right:20px;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
color: black;<br />
background: none;<br />
font-weight: normal;<br />
margin: 0;<br />
padding-top: .5em;<br />
padding-bottom: .17em;<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
h1 { font-size: 188%; }<br />
<br />
h2 { font-size: 150%; }<br />
<br />
h3, h4, h5, h6 {<br />
border-bottom: none;<br />
font-weight: bold;<br />
}<br />
<br />
h3 { font-size: 132%; }<br />
<br />
h4 { font-size: 116%; }<br />
<br />
h5 { font-size: 100%; }<br />
<br />
h6 { font-size: 80%; }<br />
<br />
<br />
li{<br />
list-style:none !important; <br />
}<br />
<br />
.radius { <br />
-moz-border-radius: 10px; /* Firefox */ <br />
-webkit-border-radius: 10px; /* Safari and Chrome */ <br />
border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; /* Firefox */<br />
-webkit-box-shadow: 5px 5px 10px #000; /* Safari and Chrome */<br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ <br />
} <br />
<br />
#inpagemenu{<br />
margin:3px;<br />
padding:2px;<br />
font-weight:bold;<br />
font-size:11pt;<br />
}<br />
<br />
#inpagemenu li{<br />
float:left;<br />
background-color:#000;<br />
padding:3px;<br />
}<br />
<br />
#inpagemenu>li>a:link,#inpagemenu>li>a:visited{<br />
display:block;<br />
color:#fff;<br />
background-color:#000;<br />
font-family:"Times New Roman", Times, serif;<br />
padding:2px;<br />
}<br />
<br />
#inpagemenu>li>a:hover,#inpagemenu>li>a:active{<br />
display:block;<br />
text-decoration:none;<br />
background-color:#00f;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
font-family:"Times New Roman", Times, serif;<br />
padding:2px;<br />
}<br />
<br />
.top_radius {<br />
-moz-border-radius-topright:10px;<br />
-moz-border-radius-topleft:10px;<br />
-moz-border-radius-bottomright:0;<br />
-moz-border-radius-bottomleft:0;<br />
-webkit-border-top-right-radius:10px;<br />
-webkit-border-top-left-radius:10px;<br />
-webkit-border-bottom-right-radius:0;<br />
-webkit-border-bottom-left-radius:0;<br />
border-radius-topright:10px;<br />
border-radius-topleft:10px;<br />
border-radius-bottomright:0;<br />
border-radius-bottomleft:0;<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; <br />
-webkit-box-shadow: 5px 5px 10px #000; <br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
}<br />
<br />
/* MENU */<br />
<br />
/* MAIN MENU */<br />
<br />
a#igemlogo{<br />
<br />
position: absolute;<br />
top: 25px;<br />
right: 70px;<br />
<br />
}<br />
<br />
div#main_menu {<br />
background-color:white;<br />
background:url(https://static.igem.org/mediawiki/2010/a/a4/Menu_base.png) no-repeat;<br />
margin: -3px 0 0 0;<br />
padding-top: 8px;<br />
padding-right: 0px;<br />
padding-bottom: 0px;<br />
padding-left: 12px;<br />
border-top-style: none;<br />
border-right-style: none;<br />
border-bottom-style: none;<br />
border-left-style: none;<br />
height:339px;<br />
width:133px;<br />
float:left;<br />
}<br />
<br />
ul#main_menu {<br />
background-color:transparent;<br />
margin:10px 0 0 0;<br />
padding:0;<br />
}<br />
<br />
#main_menu>li {<br />
margin:0;<br />
paddding:0;<br />
}<br />
<br />
#main_menu>li>a {<br />
background-image:url(https://static.igem.org/mediawiki/2010/e/ed/Menu_chara.png);<br />
display:block;<br />
width:120px;<br />
height:26px;<br />
text-indent:-1000em;<br />
}<br />
<br />
#team {<br />
background-position: 0px 0px;<br />
}<br />
<br />
#project {<br />
background-position:0px -26px;<br />
}<br />
<br />
#parts {<br />
background-position:0px -52px;<br />
}<br />
<br />
#protocols {<br />
background-position:0px -78px;<br />
}<br />
<br />
#online {<br />
background-position:0px -104px;<br />
}<br />
<br />
#sponsor {<br />
background-position:0px -130px;<br />
}<br />
<br />
#consideration {<br />
background-position:0px -157px;<br />
}<br />
<br />
/* MAIN MENU END */<br />
<br />
/* SUB MENU*/<br />
<br />
div#sub_menu{<br />
background-color:#fff;<br />
margin:0 0 0 8px;<br />
padding:20px 0 13px 0;<br />
float:left;<br />
width:75px;<br />
text-align:center;<br />
font-family:"Times New Roman", Times, serif;<br />
font-weight:bold;<br />
font-size:10pt;<br />
}<br />
<br />
#sub_head{<br />
font-size:15pt;<br />
}<br />
<br />
#sub_menu a{<br />
display:block;<br />
text-decoration:none;<br />
}<br />
<br />
.ss_menu a:link{<br />
background-color:transparent;<br />
}<br />
<br />
*.ss_menu a:hover,*.ss_menu a:active{<br />
background-color:#FF6;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
display:block;<br />
}<br />
<br />
#sub_menu ul{<br />
margin:-10px 0px 0px 0px;<br />
padding:0px;<br />
border:none;<br />
}<br />
<br />
#sub_menu>ul>li{<br />
margin-bottom:10px;<br />
}<br />
<br />
a.sub_logo{<br />
background:url(https://static.igem.org/mediawiki/2010/3/3a/Sub_menu_logo.png);<br />
width:75px;<br />
height:85px;<br />
margin:8px 0 8px 0;<br />
}<br />
<br />
.sub_logo{<br />
text-indent:-1000em;<br />
}<br />
<br />
a#sub_sudoku{<br />
background-position:0px 0px;<br />
}<br />
<br />
a#sub_allergy{<br />
background-position:-75px 0px;<br />
}<br />
<br />
a#sub_bio{<br />
background-position:-150px 0px;<br />
}<br />
<br />
ul.ss_menu {<br />
margin:4px 0px 8px 0px !important;<br />
display:block;<br />
}<br />
<br />
.ss_menu li{<br />
margin:0px 0px 0px 0px;<br />
padding:3px 0 5px 0;<br />
}<br />
<br />
<br />
/* sub sub menu base */ <br />
<br />
#sss,#ssa,#ssb{<br />
padding:1px 0 0 0 !important;<br />
overflow:hidden;<br />
}<br />
<br />
/* For dynamic system */<br />
<br />
.open{<br />
background-image:url(https://static.igem.org/mediawiki/2010/3/35/Sub_menu_base.png);<br />
background-repeat: no-repeat ;<br />
height:290px ;<br />
}<br />
<br />
.hide{<br />
background-image:none;<br />
height:120px ;<br />
<br />
}<br />
<br />
/* For dynamic system end */<br />
<br />
<br />
li#sss{<br />
background-position:0px 0px !important;<br />
<br />
}<br />
<br />
li#sss a{<br />
color:#000;<br />
}<br />
<br />
li#ssa{<br />
background-position:0px -255px !important;<br />
color:#00f !important;<br />
text-decoration:underline;<br />
<br />
}<br />
<br />
li#ssb{<br />
background-position:0px -510px !important;<br />
color:#00f !important;<br />
text-decoration:underline !important;<br />
font-size:8pt;<br />
text-indent:0px !important;<br />
}<br />
<br />
.s_hide{<br />
display:none;<br />
}<br />
<br />
/* SUB MENU END */<br />
<br />
/* MENU END */<br />
<br />
<br />
/* MAIN CONTENTS */<br />
<br />
div#content_frame {<br />
float:right;<br />
background:#FFF;<br />
margin: 0px 5px 10px 8px;<br />
padding: 0px 0px 20px 0px;<br />
width:800px;<br />
overflow:hidden;<br />
}<br />
<br />
div#title {<br />
overflow:hidden;<br />
width:100%;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
div#main_content {<br />
background-color:transparent;<br />
margin:0px;<br />
padding:15px 18px 10px 18px;<br />
border:none;<br />
width:95%;<br />
}<br />
<br />
div#descrap {<br />
margin:auto;<br />
padding:auto;<br />
width:705px;<br />
}<br />
<br />
<br />
p.desc1{<br />
color:#fff;<br />
margin: 10px 8px 0px -8px;<br />
margin-right:0px;<br />
padding: 50px 20px 15px 200px;<br />
width:495px;<br />
height:155px;<br />
}<br />
<br />
p.desc2{<br />
color:#fff;<br />
margin: 0px 0px 10px 0px;<br />
margin-right:-5px;<br />
padding: 135px 20px 15px 15px;<br />
width:315px;<br />
height:270px;<br />
float:left;<br />
}<br />
<br />
.desc img{<br />
display:block;<br />
margin:auto;<br />
padding:auto;<br />
}<br />
<br />
p#s_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/3/37/Desc_base_s.png) no-repeat;<br />
}<br />
<br />
p#a_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/6/64/Desc_base_a.png) no-repeat;<br />
font-size:8.8pt;<br />
}<br />
<br />
p#b_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/e/e5/Desc_base_b.png) no-repeat;<br />
font-size:10pt;<br />
}<br />
<br />
/* MAIN CONTENTS END */<br />
<br />
/* FOOTER */<br />
<br />
div#foot{<br />
margin:0;<br />
background-color:#33C;<br />
clear:both;<br />
text-align:center;<br />
padding-top:30px;<br />
padding-bottom:30px;<br />
width:100%;<br />
height:10px;<br />
color:#FFF;<br />
}<br />
<br />
/* FOOTER END */<br />
<br />
/*wiki hack*/<br />
#globalWrapper {<br />
background-color: transparent;<br />
padding-bottom:0px;<br />
border: none;<br />
}<br />
#content {<br />
background-color: transparent;<br />
border:none;<br />
padding-bottom:none;<br />
margin-bottom:none;<br />
}<br />
#bodyContent {<br />
border: none;<br />
}<br />
#top-section {<br />
height: 14px;<br />
margin-top: -16px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-bottom: 4px !important;<br />
padding:0;<br />
border: none;<br />
}<br />
#p-logo {<br />
height:1px;<br />
overflow:hidden;<br />
border:none;<br />
}<br />
#search-controls {<br />
overflow:hidden;<br />
display:none;<br />
background: none;<br />
position: absolute;<br />
top: 100px;<br />
right: 40px;<br />
} <br />
.left-menu { width: 400px; display:block; float:left; margin-top:-62px; margin-right:30px; border: none; left:20px;} <br />
.left-menu ul { border: none; }<br />
<br />
#menubar.right-menu {<br />
width:300px;<br />
display:block;<br />
float:left;<br />
margin-top:-62px;<br />
padding-left:50px;<br />
border: none;<br />
right:50px;<br />
} <br />
.right-menu ul { border: none;}<br />
<br />
#menubar li a{<br />
color:#fcf;<br />
}<br />
<br />
#menubar li a:hover {<br />
color:#fcf;<br />
text-decoration:underline;<br />
}<br />
<br />
#menubar li.selected a {<br />
color:#555555;<br />
}<br />
<br />
#footer-box {<br />
background-color: white;<br />
border: none;<br />
width: 965px;<br />
margin: 0 auto;<br />
margin-bottom:none;<br />
padding-left:5px;<br />
padding-right:5px;<br />
}<br />
#footer {<br />
border: none;<br />
width: 965px;<br />
margin: 0;<br />
padding: 0;<br />
background-color:white;<br />
} .firstHeading { display: none;}<br />
#f-list a {<br />
color: #333;<br />
font-size: 10px;<br />
}<br />
#f-list a:hover {<br />
color: #666;<br />
}<br />
#footer ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#footer ul li {<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
margin-left: 10px;<br />
margin-right: 10px;<br />
padding: 0;<br />
}<br />
/*wiki hack end*/<br />
</style><br />
</html></div>
Tomoaki
http://2010.igem.org/Template:UT-Tokyo_CSS3
Template:UT-Tokyo CSS3
2010-10-27T17:56:43Z
<p>Tomoaki: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "utf-8";<br />
/* CSS Document */<br />
<br />
body {<br />
background-color:#666;<br />
margin:0px;<br />
padding:5px;<br />
padding-bottom:0px;<br />
border:none;<br />
text-align:justify;<br />
font-family:Verdana, Geneva, sans-serif;<br />
}<br />
<br />
img {<br />
border-style:none;<br />
}<br />
<br />
p.pad{<br />
text-indent:1em;<br />
padding-left:20px;<br />
padding-right:20px;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
color: black;<br />
background: none;<br />
font-weight: normal;<br />
margin: 0;<br />
padding-top: .5em;<br />
padding-bottom: .17em;<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
h1 { font-size: 188%; }<br />
<br />
h2 { font-size: 150%; }<br />
<br />
h3, h4, h5, h6 {<br />
border-bottom: none;<br />
font-weight: bold;<br />
}<br />
<br />
h3 { font-size: 132%; }<br />
<br />
h4 { font-size: 116%; }<br />
<br />
h5 { font-size: 100%; }<br />
<br />
h6 { font-size: 80%; }<br />
<br />
<br />
li{<br />
list-style:none !important; <br />
}<br />
<br />
.radius { <br />
-moz-border-radius: 10px; /* Firefox */ <br />
-webkit-border-radius: 10px; /* Safari and Chrome */ <br />
border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; /* Firefox */<br />
-webkit-box-shadow: 5px 5px 10px #000; /* Safari and Chrome */<br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ <br />
} <br />
<br />
#inpagemenu{<br />
margin:3px;<br />
padding:2px;<br />
font-weight:bold;<br />
font-size:11pt;<br />
text-decoration:none;<br />
}<br />
<br />
#inpagemenu li{<br />
float:left;<br />
background-color:#000;<br />
padding:3px;<br />
}<br />
<br />
#inpagemenu>li>a:link,#inpagemenu>li>a:visited{<br />
display:block;<br />
color:#fff;<br />
background-color:#000;<br />
font-family:"Times New Roman", Times, serif;<br />
padding:2px;<br />
}<br />
<br />
#inpagemenu>li>a:hover,#inpagemenu>li>a:active{<br />
display:block;<br />
background-color:#00f;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
font-family:"Times New Roman", Times, serif;<br />
padding:2px;<br />
}<br />
<br />
.top_radius {<br />
-moz-border-radius-topright:10px;<br />
-moz-border-radius-topleft:10px;<br />
-moz-border-radius-bottomright:0;<br />
-moz-border-radius-bottomleft:0;<br />
-webkit-border-top-right-radius:10px;<br />
-webkit-border-top-left-radius:10px;<br />
-webkit-border-bottom-right-radius:0;<br />
-webkit-border-bottom-left-radius:0;<br />
border-radius-topright:10px;<br />
border-radius-topleft:10px;<br />
border-radius-bottomright:0;<br />
border-radius-bottomleft:0;<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; <br />
-webkit-box-shadow: 5px 5px 10px #000; <br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
}<br />
<br />
/* MENU */<br />
<br />
/* MAIN MENU */<br />
<br />
a#igemlogo{<br />
<br />
position: absolute;<br />
top: 25px;<br />
right: 70px;<br />
<br />
}<br />
<br />
div#main_menu {<br />
background-color:white;<br />
background:url(https://static.igem.org/mediawiki/2010/a/a4/Menu_base.png) no-repeat;<br />
margin: -3px 0 0 0;<br />
padding-top: 8px;<br />
padding-right: 0px;<br />
padding-bottom: 0px;<br />
padding-left: 12px;<br />
border-top-style: none;<br />
border-right-style: none;<br />
border-bottom-style: none;<br />
border-left-style: none;<br />
height:339px;<br />
width:133px;<br />
float:left;<br />
}<br />
<br />
ul#main_menu {<br />
background-color:transparent;<br />
margin:10px 0 0 0;<br />
padding:0;<br />
}<br />
<br />
#main_menu>li {<br />
margin:0;<br />
paddding:0;<br />
}<br />
<br />
#main_menu>li>a {<br />
background-image:url(https://static.igem.org/mediawiki/2010/e/ed/Menu_chara.png);<br />
display:block;<br />
width:120px;<br />
height:26px;<br />
text-indent:-1000em;<br />
}<br />
<br />
#team {<br />
background-position: 0px 0px;<br />
}<br />
<br />
#project {<br />
background-position:0px -26px;<br />
}<br />
<br />
#parts {<br />
background-position:0px -52px;<br />
}<br />
<br />
#protocols {<br />
background-position:0px -78px;<br />
}<br />
<br />
#online {<br />
background-position:0px -104px;<br />
}<br />
<br />
#sponsor {<br />
background-position:0px -130px;<br />
}<br />
<br />
#consideration {<br />
background-position:0px -157px;<br />
}<br />
<br />
/* MAIN MENU END */<br />
<br />
/* SUB MENU*/<br />
<br />
div#sub_menu{<br />
background-color:#fff;<br />
margin:0 0 0 8px;<br />
padding:20px 0 13px 0;<br />
float:left;<br />
width:75px;<br />
text-align:center;<br />
font-family:"Times New Roman", Times, serif;<br />
font-weight:bold;<br />
font-size:10pt;<br />
}<br />
<br />
#sub_head{<br />
font-size:15pt;<br />
}<br />
<br />
#sub_menu a{<br />
display:block;<br />
text-decoration:none;<br />
}<br />
<br />
.ss_menu a:link{<br />
background-color:transparent;<br />
}<br />
<br />
*.ss_menu a:hover,*.ss_menu a:active{<br />
background-color:#FF6;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
display:block;<br />
}<br />
<br />
#sub_menu ul{<br />
margin:-10px 0px 0px 0px;<br />
padding:0px;<br />
border:none;<br />
}<br />
<br />
#sub_menu>ul>li{<br />
margin-bottom:10px;<br />
}<br />
<br />
a.sub_logo{<br />
background:url(https://static.igem.org/mediawiki/2010/3/3a/Sub_menu_logo.png);<br />
width:75px;<br />
height:85px;<br />
margin:8px 0 8px 0;<br />
}<br />
<br />
.sub_logo{<br />
text-indent:-1000em;<br />
}<br />
<br />
a#sub_sudoku{<br />
background-position:0px 0px;<br />
}<br />
<br />
a#sub_allergy{<br />
background-position:-75px 0px;<br />
}<br />
<br />
a#sub_bio{<br />
background-position:-150px 0px;<br />
}<br />
<br />
ul.ss_menu {<br />
margin:4px 0px 8px 0px !important;<br />
display:block;<br />
}<br />
<br />
.ss_menu li{<br />
margin:0px 0px 0px 0px;<br />
padding:3px 0 5px 0;<br />
}<br />
<br />
<br />
/* sub sub menu base */ <br />
<br />
#sss,#ssa,#ssb{<br />
padding:1px 0 0 0 !important;<br />
overflow:hidden;<br />
}<br />
<br />
/* For dynamic system */<br />
<br />
.open{<br />
background-image:url(https://static.igem.org/mediawiki/2010/3/35/Sub_menu_base.png);<br />
background-repeat: no-repeat ;<br />
height:290px ;<br />
}<br />
<br />
.hide{<br />
background-image:none;<br />
height:120px ;<br />
<br />
}<br />
<br />
/* For dynamic system end */<br />
<br />
<br />
li#sss{<br />
background-position:0px 0px !important;<br />
<br />
}<br />
<br />
li#sss a{<br />
color:#000;<br />
}<br />
<br />
li#ssa{<br />
background-position:0px -255px !important;<br />
color:#00f !important;<br />
text-decoration:underline;<br />
<br />
}<br />
<br />
li#ssb{<br />
background-position:0px -510px !important;<br />
color:#00f !important;<br />
text-decoration:underline !important;<br />
font-size:8pt;<br />
text-indent:0px !important;<br />
}<br />
<br />
.s_hide{<br />
display:none;<br />
}<br />
<br />
/* SUB MENU END */<br />
<br />
/* MENU END */<br />
<br />
<br />
/* MAIN CONTENTS */<br />
<br />
div#content_frame {<br />
float:right;<br />
background:#FFF;<br />
margin: 0px 5px 10px 8px;<br />
padding: 0px 0px 20px 0px;<br />
width:800px;<br />
overflow:hidden;<br />
}<br />
<br />
div#title {<br />
overflow:hidden;<br />
width:100%;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
div#main_content {<br />
background-color:transparent;<br />
margin:0px;<br />
padding:15px 18px 10px 18px;<br />
border:none;<br />
width:95%;<br />
}<br />
<br />
div#descrap {<br />
margin:auto;<br />
padding:auto;<br />
width:705px;<br />
}<br />
<br />
<br />
p.desc1{<br />
color:#fff;<br />
margin: 10px 8px 0px -8px;<br />
margin-right:0px;<br />
padding: 50px 20px 15px 200px;<br />
width:495px;<br />
height:155px;<br />
}<br />
<br />
p.desc2{<br />
color:#fff;<br />
margin: 0px 0px 10px 0px;<br />
margin-right:-5px;<br />
padding: 135px 20px 15px 15px;<br />
width:315px;<br />
height:270px;<br />
float:left;<br />
}<br />
<br />
.desc img{<br />
display:block;<br />
margin:auto;<br />
padding:auto;<br />
}<br />
<br />
p#s_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/3/37/Desc_base_s.png) no-repeat;<br />
}<br />
<br />
p#a_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/6/64/Desc_base_a.png) no-repeat;<br />
font-size:8.8pt;<br />
}<br />
<br />
p#b_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/e/e5/Desc_base_b.png) no-repeat;<br />
font-size:10pt;<br />
}<br />
<br />
/* MAIN CONTENTS END */<br />
<br />
/* FOOTER */<br />
<br />
div#foot{<br />
margin:0;<br />
background-color:#33C;<br />
clear:both;<br />
text-align:center;<br />
padding-top:30px;<br />
padding-bottom:30px;<br />
width:100%;<br />
height:10px;<br />
color:#FFF;<br />
}<br />
<br />
/* FOOTER END */<br />
<br />
/*wiki hack*/<br />
#globalWrapper {<br />
background-color: transparent;<br />
padding-bottom:0px;<br />
border: none;<br />
}<br />
#content {<br />
background-color: transparent;<br />
border:none;<br />
padding-bottom:none;<br />
margin-bottom:none;<br />
}<br />
#bodyContent {<br />
border: none;<br />
}<br />
#top-section {<br />
height: 14px;<br />
margin-top: -16px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-bottom: 4px !important;<br />
padding:0;<br />
border: none;<br />
}<br />
#p-logo {<br />
height:1px;<br />
overflow:hidden;<br />
border:none;<br />
}<br />
#search-controls {<br />
overflow:hidden;<br />
display:none;<br />
background: none;<br />
position: absolute;<br />
top: 100px;<br />
right: 40px;<br />
} <br />
.left-menu { width: 400px; display:block; float:left; margin-top:-62px; margin-right:30px; border: none; left:20px;} <br />
.left-menu ul { border: none; }<br />
<br />
#menubar.right-menu {<br />
width:300px;<br />
display:block;<br />
float:left;<br />
margin-top:-62px;<br />
padding-left:50px;<br />
border: none;<br />
right:50px;<br />
} <br />
.right-menu ul { border: none;}<br />
<br />
#menubar li a{<br />
color:#fcf;<br />
}<br />
<br />
#menubar li a:hover {<br />
color:#fcf;<br />
text-decoration:underline;<br />
}<br />
<br />
#menubar li.selected a {<br />
color:#555555;<br />
}<br />
<br />
#footer-box {<br />
background-color: white;<br />
border: none;<br />
width: 965px;<br />
margin: 0 auto;<br />
margin-bottom:none;<br />
padding-left:5px;<br />
padding-right:5px;<br />
}<br />
#footer {<br />
border: none;<br />
width: 965px;<br />
margin: 0;<br />
padding: 0;<br />
background-color:white;<br />
} .firstHeading { display: none;}<br />
#f-list a {<br />
color: #333;<br />
font-size: 10px;<br />
}<br />
#f-list a:hover {<br />
color: #666;<br />
}<br />
#footer ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#footer ul li {<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
margin-left: 10px;<br />
margin-right: 10px;<br />
padding: 0;<br />
}<br />
/*wiki hack end*/<br />
</style><br />
</html></div>
Tomoaki
http://2010.igem.org/Template:UT-Tokyo_CSS3
Template:UT-Tokyo CSS3
2010-10-27T17:55:24Z
<p>Tomoaki: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "utf-8";<br />
/* CSS Document */<br />
<br />
body {<br />
background-color:#666;<br />
margin:0px;<br />
padding:5px;<br />
padding-bottom:0px;<br />
border:none;<br />
text-align:justify;<br />
font-family:Verdana, Geneva, sans-serif;<br />
}<br />
<br />
img {<br />
border-style:none;<br />
}<br />
<br />
p.pad{<br />
text-indent:1em;<br />
padding-left:20px;<br />
padding-right:20px;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
color: black;<br />
background: none;<br />
font-weight: normal;<br />
margin: 0;<br />
padding-top: .5em;<br />
padding-bottom: .17em;<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
h1 { font-size: 188%; }<br />
<br />
h2 { font-size: 150%; }<br />
<br />
h3, h4, h5, h6 {<br />
border-bottom: none;<br />
font-weight: bold;<br />
}<br />
<br />
h3 { font-size: 132%; }<br />
<br />
h4 { font-size: 116%; }<br />
<br />
h5 { font-size: 100%; }<br />
<br />
h6 { font-size: 80%; }<br />
<br />
<br />
li{<br />
list-style:none !important; <br />
}<br />
<br />
.radius { <br />
-moz-border-radius: 10px; /* Firefox */ <br />
-webkit-border-radius: 10px; /* Safari and Chrome */ <br />
border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; /* Firefox */<br />
-webkit-box-shadow: 5px 5px 10px #000; /* Safari and Chrome */<br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ <br />
} <br />
<br />
div#inpagemenu{<br />
background-color:#000;<br />
}<br />
<br />
#inpagemenu{<br />
margin:3px;<br />
padding:2px;<br />
font-weight:bold;<br />
font-size:11pt;<br />
}<br />
<br />
#inpagemenu li{<br />
float:left;<br />
background-color:#000;<br />
padding:5px;<br />
}<br />
<br />
#inpagemenu>li>a:link,#inpagemenu>li>a:visited{<br />
display:block;<br />
color:#fff;<br />
background-color:#000;<br />
font-family:"Times New Roman", Times, serif;<br />
}<br />
<br />
#inpagemenu>li>a:hover,#inpagemenu>li>a:active{<br />
display:block;<br />
background-color:#00f;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
font-family:"Times New Roman", Times, serif;<br />
}<br />
<br />
.top_radius {<br />
-moz-border-radius-topright:10px;<br />
-moz-border-radius-topleft:10px;<br />
-moz-border-radius-bottomright:0;<br />
-moz-border-radius-bottomleft:0;<br />
-webkit-border-top-right-radius:10px;<br />
-webkit-border-top-left-radius:10px;<br />
-webkit-border-bottom-right-radius:0;<br />
-webkit-border-bottom-left-radius:0;<br />
border-radius-topright:10px;<br />
border-radius-topleft:10px;<br />
border-radius-bottomright:0;<br />
border-radius-bottomleft:0;<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; <br />
-webkit-box-shadow: 5px 5px 10px #000; <br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
}<br />
<br />
/* MENU */<br />
<br />
/* MAIN MENU */<br />
<br />
a#igemlogo{<br />
<br />
position: absolute;<br />
top: 25px;<br />
right: 70px;<br />
<br />
}<br />
<br />
div#main_menu {<br />
background-color:white;<br />
background:url(https://static.igem.org/mediawiki/2010/a/a4/Menu_base.png) no-repeat;<br />
margin: -3px 0 0 0;<br />
padding-top: 8px;<br />
padding-right: 0px;<br />
padding-bottom: 0px;<br />
padding-left: 12px;<br />
border-top-style: none;<br />
border-right-style: none;<br />
border-bottom-style: none;<br />
border-left-style: none;<br />
height:339px;<br />
width:133px;<br />
float:left;<br />
}<br />
<br />
ul#main_menu {<br />
background-color:transparent;<br />
margin:10px 0 0 0;<br />
padding:0;<br />
}<br />
<br />
#main_menu>li {<br />
margin:0;<br />
paddding:0;<br />
}<br />
<br />
#main_menu>li>a {<br />
background-image:url(https://static.igem.org/mediawiki/2010/e/ed/Menu_chara.png);<br />
display:block;<br />
width:120px;<br />
height:26px;<br />
text-indent:-1000em;<br />
}<br />
<br />
#team {<br />
background-position: 0px 0px;<br />
}<br />
<br />
#project {<br />
background-position:0px -26px;<br />
}<br />
<br />
#parts {<br />
background-position:0px -52px;<br />
}<br />
<br />
#protocols {<br />
background-position:0px -78px;<br />
}<br />
<br />
#online {<br />
background-position:0px -104px;<br />
}<br />
<br />
#sponsor {<br />
background-position:0px -130px;<br />
}<br />
<br />
#consideration {<br />
background-position:0px -157px;<br />
}<br />
<br />
/* MAIN MENU END */<br />
<br />
/* SUB MENU*/<br />
<br />
div#sub_menu{<br />
background-color:#fff;<br />
margin:0 0 0 8px;<br />
padding:20px 0 13px 0;<br />
float:left;<br />
width:75px;<br />
text-align:center;<br />
font-family:"Times New Roman", Times, serif;<br />
font-weight:bold;<br />
font-size:10pt;<br />
}<br />
<br />
#sub_head{<br />
font-size:15pt;<br />
}<br />
<br />
#sub_menu a{<br />
display:block;<br />
text-decoration:none;<br />
}<br />
<br />
.ss_menu a:link{<br />
background-color:transparent;<br />
}<br />
<br />
*.ss_menu a:hover,*.ss_menu a:active{<br />
background-color:#FF6;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
display:block;<br />
}<br />
<br />
#sub_menu ul{<br />
margin:-10px 0px 0px 0px;<br />
padding:0px;<br />
border:none;<br />
}<br />
<br />
#sub_menu>ul>li{<br />
margin-bottom:10px;<br />
}<br />
<br />
a.sub_logo{<br />
background:url(https://static.igem.org/mediawiki/2010/3/3a/Sub_menu_logo.png);<br />
width:75px;<br />
height:85px;<br />
margin:8px 0 8px 0;<br />
}<br />
<br />
.sub_logo{<br />
text-indent:-1000em;<br />
}<br />
<br />
a#sub_sudoku{<br />
background-position:0px 0px;<br />
}<br />
<br />
a#sub_allergy{<br />
background-position:-75px 0px;<br />
}<br />
<br />
a#sub_bio{<br />
background-position:-150px 0px;<br />
}<br />
<br />
ul.ss_menu {<br />
margin:4px 0px 8px 0px !important;<br />
display:block;<br />
}<br />
<br />
.ss_menu li{<br />
margin:0px 0px 0px 0px;<br />
padding:3px 0 5px 0;<br />
}<br />
<br />
<br />
/* sub sub menu base */ <br />
<br />
#sss,#ssa,#ssb{<br />
padding:1px 0 0 0 !important;<br />
overflow:hidden;<br />
}<br />
<br />
/* For dynamic system */<br />
<br />
.open{<br />
background-image:url(https://static.igem.org/mediawiki/2010/3/35/Sub_menu_base.png);<br />
background-repeat: no-repeat ;<br />
height:290px ;<br />
}<br />
<br />
.hide{<br />
background-image:none;<br />
height:120px ;<br />
<br />
}<br />
<br />
/* For dynamic system end */<br />
<br />
<br />
li#sss{<br />
background-position:0px 0px !important;<br />
<br />
}<br />
<br />
li#sss a{<br />
color:#000;<br />
}<br />
<br />
li#ssa{<br />
background-position:0px -255px !important;<br />
color:#00f !important;<br />
text-decoration:underline;<br />
<br />
}<br />
<br />
li#ssb{<br />
background-position:0px -510px !important;<br />
color:#00f !important;<br />
text-decoration:underline !important;<br />
font-size:8pt;<br />
text-indent:0px !important;<br />
}<br />
<br />
.s_hide{<br />
display:none;<br />
}<br />
<br />
/* SUB MENU END */<br />
<br />
/* MENU END */<br />
<br />
<br />
/* MAIN CONTENTS */<br />
<br />
div#content_frame {<br />
float:right;<br />
background:#FFF;<br />
margin: 0px 5px 10px 8px;<br />
padding: 0px 0px 20px 0px;<br />
width:800px;<br />
overflow:hidden;<br />
}<br />
<br />
div#title {<br />
overflow:hidden;<br />
width:100%;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
div#main_content {<br />
background-color:transparent;<br />
margin:0px;<br />
padding:15px 18px 10px 18px;<br />
border:none;<br />
width:95%;<br />
}<br />
<br />
div#descrap {<br />
margin:auto;<br />
padding:auto;<br />
width:705px;<br />
}<br />
<br />
<br />
p.desc1{<br />
color:#fff;<br />
margin: 10px 8px 0px -8px;<br />
margin-right:0px;<br />
padding: 50px 20px 15px 200px;<br />
width:495px;<br />
height:155px;<br />
}<br />
<br />
p.desc2{<br />
color:#fff;<br />
margin: 0px 0px 10px 0px;<br />
margin-right:-5px;<br />
padding: 135px 20px 15px 15px;<br />
width:315px;<br />
height:270px;<br />
float:left;<br />
}<br />
<br />
.desc img{<br />
display:block;<br />
margin:auto;<br />
padding:auto;<br />
}<br />
<br />
p#s_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/3/37/Desc_base_s.png) no-repeat;<br />
}<br />
<br />
p#a_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/6/64/Desc_base_a.png) no-repeat;<br />
font-size:8.8pt;<br />
}<br />
<br />
p#b_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/e/e5/Desc_base_b.png) no-repeat;<br />
font-size:10pt;<br />
}<br />
<br />
/* MAIN CONTENTS END */<br />
<br />
/* FOOTER */<br />
<br />
div#foot{<br />
margin:0;<br />
background-color:#33C;<br />
clear:both;<br />
text-align:center;<br />
padding-top:30px;<br />
padding-bottom:30px;<br />
width:100%;<br />
height:10px;<br />
color:#FFF;<br />
}<br />
<br />
/* FOOTER END */<br />
<br />
/*wiki hack*/<br />
#globalWrapper {<br />
background-color: transparent;<br />
padding-bottom:0px;<br />
border: none;<br />
}<br />
#content {<br />
background-color: transparent;<br />
border:none;<br />
padding-bottom:none;<br />
margin-bottom:none;<br />
}<br />
#bodyContent {<br />
border: none;<br />
}<br />
#top-section {<br />
height: 14px;<br />
margin-top: -16px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-bottom: 4px !important;<br />
padding:0;<br />
border: none;<br />
}<br />
#p-logo {<br />
height:1px;<br />
overflow:hidden;<br />
border:none;<br />
}<br />
#search-controls {<br />
overflow:hidden;<br />
display:none;<br />
background: none;<br />
position: absolute;<br />
top: 100px;<br />
right: 40px;<br />
} <br />
.left-menu { width: 400px; display:block; float:left; margin-top:-62px; margin-right:30px; border: none; left:20px;} <br />
.left-menu ul { border: none; }<br />
<br />
#menubar.right-menu {<br />
width:300px;<br />
display:block;<br />
float:left;<br />
margin-top:-62px;<br />
padding-left:50px;<br />
border: none;<br />
right:50px;<br />
} <br />
.right-menu ul { border: none;}<br />
<br />
#menubar li a{<br />
color:#fcf;<br />
}<br />
<br />
#menubar li a:hover {<br />
color:#fcf;<br />
text-decoration:underline;<br />
}<br />
<br />
#menubar li.selected a {<br />
color:#555555;<br />
}<br />
<br />
#footer-box {<br />
background-color: white;<br />
border: none;<br />
width: 965px;<br />
margin: 0 auto;<br />
margin-bottom:none;<br />
padding-left:5px;<br />
padding-right:5px;<br />
}<br />
#footer {<br />
border: none;<br />
width: 965px;<br />
margin: 0;<br />
padding: 0;<br />
background-color:white;<br />
} .firstHeading { display: none;}<br />
#f-list a {<br />
color: #333;<br />
font-size: 10px;<br />
}<br />
#f-list a:hover {<br />
color: #666;<br />
}<br />
#footer ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#footer ul li {<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
margin-left: 10px;<br />
margin-right: 10px;<br />
padding: 0;<br />
}<br />
/*wiki hack end*/<br />
</style><br />
</html></div>
Tomoaki
http://2010.igem.org/Template:UT-Tokyo_CSS3
Template:UT-Tokyo CSS3
2010-10-27T17:54:18Z
<p>Tomoaki: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "utf-8";<br />
/* CSS Document */<br />
<br />
body {<br />
background-color:#666;<br />
margin:0px;<br />
padding:5px;<br />
padding-bottom:0px;<br />
border:none;<br />
text-align:justify;<br />
font-family:Verdana, Geneva, sans-serif;<br />
}<br />
<br />
img {<br />
border-style:none;<br />
}<br />
<br />
p.pad{<br />
text-indent:1em;<br />
padding-left:20px;<br />
padding-right:20px;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
color: black;<br />
background: none;<br />
font-weight: normal;<br />
margin: 0;<br />
padding-top: .5em;<br />
padding-bottom: .17em;<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
h1 { font-size: 188%; }<br />
<br />
h2 { font-size: 150%; }<br />
<br />
h3, h4, h5, h6 {<br />
border-bottom: none;<br />
font-weight: bold;<br />
}<br />
<br />
h3 { font-size: 132%; }<br />
<br />
h4 { font-size: 116%; }<br />
<br />
h5 { font-size: 100%; }<br />
<br />
h6 { font-size: 80%; }<br />
<br />
<br />
li{<br />
list-style:none !important; <br />
}<br />
<br />
.radius { <br />
-moz-border-radius: 10px; /* Firefox */ <br />
-webkit-border-radius: 10px; /* Safari and Chrome */ <br />
border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; /* Firefox */<br />
-webkit-box-shadow: 5px 5px 10px #000; /* Safari and Chrome */<br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ <br />
} <br />
<br />
div#inpagemenu{<br />
background-color:#000;<br />
}<br />
<br />
#inpagemenu{<br />
margin:3px;<br />
padding:2px;<br />
font-weight:bold;<br />
font-size:11pt;<br />
}<br />
<br />
#inpagemenu li{<br />
float:left;<br />
padding:5px;<br />
}<br />
<br />
#inpagemenu>li>a:link,#inpagemenu>li>a:visited{<br />
display:block;<br />
color:#fff;<br />
background-color:#000;<br />
font-family:"Times New Roman", Times, serif;<br />
}<br />
<br />
#inpagemenu>li>a:hover,#inpagemenu>li>a:active{<br />
display:block;<br />
background-color:#00f;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
font-family:"Times New Roman", Times, serif;<br />
}<br />
<br />
.top_radius {<br />
-moz-border-radius-topright:10px;<br />
-moz-border-radius-topleft:10px;<br />
-moz-border-radius-bottomright:0;<br />
-moz-border-radius-bottomleft:0;<br />
-webkit-border-top-right-radius:10px;<br />
-webkit-border-top-left-radius:10px;<br />
-webkit-border-bottom-right-radius:0;<br />
-webkit-border-bottom-left-radius:0;<br />
border-radius-topright:10px;<br />
border-radius-topleft:10px;<br />
border-radius-bottomright:0;<br />
border-radius-bottomleft:0;<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; <br />
-webkit-box-shadow: 5px 5px 10px #000; <br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
}<br />
<br />
/* MENU */<br />
<br />
/* MAIN MENU */<br />
<br />
a#igemlogo{<br />
<br />
position: absolute;<br />
top: 25px;<br />
right: 70px;<br />
<br />
}<br />
<br />
div#main_menu {<br />
background-color:white;<br />
background:url(https://static.igem.org/mediawiki/2010/a/a4/Menu_base.png) no-repeat;<br />
margin: -3px 0 0 0;<br />
padding-top: 8px;<br />
padding-right: 0px;<br />
padding-bottom: 0px;<br />
padding-left: 12px;<br />
border-top-style: none;<br />
border-right-style: none;<br />
border-bottom-style: none;<br />
border-left-style: none;<br />
height:339px;<br />
width:133px;<br />
float:left;<br />
}<br />
<br />
ul#main_menu {<br />
background-color:transparent;<br />
margin:10px 0 0 0;<br />
padding:0;<br />
}<br />
<br />
#main_menu>li {<br />
margin:0;<br />
paddding:0;<br />
}<br />
<br />
#main_menu>li>a {<br />
background-image:url(https://static.igem.org/mediawiki/2010/e/ed/Menu_chara.png);<br />
display:block;<br />
width:120px;<br />
height:26px;<br />
text-indent:-1000em;<br />
}<br />
<br />
#team {<br />
background-position: 0px 0px;<br />
}<br />
<br />
#project {<br />
background-position:0px -26px;<br />
}<br />
<br />
#parts {<br />
background-position:0px -52px;<br />
}<br />
<br />
#protocols {<br />
background-position:0px -78px;<br />
}<br />
<br />
#online {<br />
background-position:0px -104px;<br />
}<br />
<br />
#sponsor {<br />
background-position:0px -130px;<br />
}<br />
<br />
#consideration {<br />
background-position:0px -157px;<br />
}<br />
<br />
/* MAIN MENU END */<br />
<br />
/* SUB MENU*/<br />
<br />
div#sub_menu{<br />
background-color:#fff;<br />
margin:0 0 0 8px;<br />
padding:20px 0 13px 0;<br />
float:left;<br />
width:75px;<br />
text-align:center;<br />
font-family:"Times New Roman", Times, serif;<br />
font-weight:bold;<br />
font-size:10pt;<br />
}<br />
<br />
#sub_head{<br />
font-size:15pt;<br />
}<br />
<br />
#sub_menu a{<br />
display:block;<br />
text-decoration:none;<br />
}<br />
<br />
.ss_menu a:link{<br />
background-color:transparent;<br />
}<br />
<br />
*.ss_menu a:hover,*.ss_menu a:active{<br />
background-color:#FF6;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
display:block;<br />
}<br />
<br />
#sub_menu ul{<br />
margin:-10px 0px 0px 0px;<br />
padding:0px;<br />
border:none;<br />
}<br />
<br />
#sub_menu>ul>li{<br />
margin-bottom:10px;<br />
}<br />
<br />
a.sub_logo{<br />
background:url(https://static.igem.org/mediawiki/2010/3/3a/Sub_menu_logo.png);<br />
width:75px;<br />
height:85px;<br />
margin:8px 0 8px 0;<br />
}<br />
<br />
.sub_logo{<br />
text-indent:-1000em;<br />
}<br />
<br />
a#sub_sudoku{<br />
background-position:0px 0px;<br />
}<br />
<br />
a#sub_allergy{<br />
background-position:-75px 0px;<br />
}<br />
<br />
a#sub_bio{<br />
background-position:-150px 0px;<br />
}<br />
<br />
ul.ss_menu {<br />
margin:4px 0px 8px 0px !important;<br />
display:block;<br />
}<br />
<br />
.ss_menu li{<br />
margin:0px 0px 0px 0px;<br />
padding:3px 0 5px 0;<br />
}<br />
<br />
<br />
/* sub sub menu base */ <br />
<br />
#sss,#ssa,#ssb{<br />
padding:1px 0 0 0 !important;<br />
overflow:hidden;<br />
}<br />
<br />
/* For dynamic system */<br />
<br />
.open{<br />
background-image:url(https://static.igem.org/mediawiki/2010/3/35/Sub_menu_base.png);<br />
background-repeat: no-repeat ;<br />
height:290px ;<br />
}<br />
<br />
.hide{<br />
background-image:none;<br />
height:120px ;<br />
<br />
}<br />
<br />
/* For dynamic system end */<br />
<br />
<br />
li#sss{<br />
background-position:0px 0px !important;<br />
<br />
}<br />
<br />
li#sss a{<br />
color:#000;<br />
}<br />
<br />
li#ssa{<br />
background-position:0px -255px !important;<br />
color:#00f !important;<br />
text-decoration:underline;<br />
<br />
}<br />
<br />
li#ssb{<br />
background-position:0px -510px !important;<br />
color:#00f !important;<br />
text-decoration:underline !important;<br />
font-size:8pt;<br />
text-indent:0px !important;<br />
}<br />
<br />
.s_hide{<br />
display:none;<br />
}<br />
<br />
/* SUB MENU END */<br />
<br />
/* MENU END */<br />
<br />
<br />
/* MAIN CONTENTS */<br />
<br />
div#content_frame {<br />
float:right;<br />
background:#FFF;<br />
margin: 0px 5px 10px 8px;<br />
padding: 0px 0px 20px 0px;<br />
width:800px;<br />
overflow:hidden;<br />
}<br />
<br />
div#title {<br />
overflow:hidden;<br />
width:100%;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
div#main_content {<br />
background-color:transparent;<br />
margin:0px;<br />
padding:15px 18px 10px 18px;<br />
border:none;<br />
width:95%;<br />
}<br />
<br />
div#descrap {<br />
margin:auto;<br />
padding:auto;<br />
width:705px;<br />
}<br />
<br />
<br />
p.desc1{<br />
color:#fff;<br />
margin: 10px 8px 0px -8px;<br />
margin-right:0px;<br />
padding: 50px 20px 15px 200px;<br />
width:495px;<br />
height:155px;<br />
}<br />
<br />
p.desc2{<br />
color:#fff;<br />
margin: 0px 0px 10px 0px;<br />
margin-right:-5px;<br />
padding: 135px 20px 15px 15px;<br />
width:315px;<br />
height:270px;<br />
float:left;<br />
}<br />
<br />
.desc img{<br />
display:block;<br />
margin:auto;<br />
padding:auto;<br />
}<br />
<br />
p#s_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/3/37/Desc_base_s.png) no-repeat;<br />
}<br />
<br />
p#a_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/6/64/Desc_base_a.png) no-repeat;<br />
font-size:8.8pt;<br />
}<br />
<br />
p#b_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/e/e5/Desc_base_b.png) no-repeat;<br />
font-size:10pt;<br />
}<br />
<br />
/* MAIN CONTENTS END */<br />
<br />
/* FOOTER */<br />
<br />
div#foot{<br />
margin:0;<br />
background-color:#33C;<br />
clear:both;<br />
text-align:center;<br />
padding-top:30px;<br />
padding-bottom:30px;<br />
width:100%;<br />
height:10px;<br />
color:#FFF;<br />
}<br />
<br />
/* FOOTER END */<br />
<br />
/*wiki hack*/<br />
#globalWrapper {<br />
background-color: transparent;<br />
padding-bottom:0px;<br />
border: none;<br />
}<br />
#content {<br />
background-color: transparent;<br />
border:none;<br />
padding-bottom:none;<br />
margin-bottom:none;<br />
}<br />
#bodyContent {<br />
border: none;<br />
}<br />
#top-section {<br />
height: 14px;<br />
margin-top: -16px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-bottom: 4px !important;<br />
padding:0;<br />
border: none;<br />
}<br />
#p-logo {<br />
height:1px;<br />
overflow:hidden;<br />
border:none;<br />
}<br />
#search-controls {<br />
overflow:hidden;<br />
display:none;<br />
background: none;<br />
position: absolute;<br />
top: 100px;<br />
right: 40px;<br />
} <br />
.left-menu { width: 400px; display:block; float:left; margin-top:-62px; margin-right:30px; border: none; left:20px;} <br />
.left-menu ul { border: none; }<br />
<br />
#menubar.right-menu {<br />
width:300px;<br />
display:block;<br />
float:left;<br />
margin-top:-62px;<br />
padding-left:50px;<br />
border: none;<br />
right:50px;<br />
} <br />
.right-menu ul { border: none;}<br />
<br />
#menubar li a{<br />
color:#fcf;<br />
}<br />
<br />
#menubar li a:hover {<br />
color:#fcf;<br />
text-decoration:underline;<br />
}<br />
<br />
#menubar li.selected a {<br />
color:#555555;<br />
}<br />
<br />
#footer-box {<br />
background-color: white;<br />
border: none;<br />
width: 965px;<br />
margin: 0 auto;<br />
margin-bottom:none;<br />
padding-left:5px;<br />
padding-right:5px;<br />
}<br />
#footer {<br />
border: none;<br />
width: 965px;<br />
margin: 0;<br />
padding: 0;<br />
background-color:white;<br />
} .firstHeading { display: none;}<br />
#f-list a {<br />
color: #333;<br />
font-size: 10px;<br />
}<br />
#f-list a:hover {<br />
color: #666;<br />
}<br />
#footer ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#footer ul li {<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
margin-left: 10px;<br />
margin-right: 10px;<br />
padding: 0;<br />
}<br />
/*wiki hack end*/<br />
</style><br />
</html></div>
Tomoaki
http://2010.igem.org/Team:UT-Tokyo/designtest
Team:UT-Tokyo/designtest
2010-10-27T17:53:49Z
<p>Tomoaki: </p>
<hr />
<div>__NOTOC__{{UT-Tokyo_CSS3}}{{UT-Tokyo_CSS_p}}{{UT-Tokyo_Head}}<br />
<html><br />
<div id="inpagemenu"><br />
<ul id="inpagemenu"><br />
<li><a href="/Team:UT-Tokyo/Sudoku_abstract" id="abstract">Introduction</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_construct" id="construct">System</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_modeling" id="modeling">Modeling</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_experiments" id="experiment">Experiments</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_perspective" id="perspective">Perspective</a></li><br />
<li><a href="/Team:UT-Tokyo/Sudoku_reference" id="reference">Reference</a></li><br />
</ul><br />
</div><br />
</html><br />
<br />
<br />
{{UT-Tokyo_Foot}}</div>
Tomoaki
http://2010.igem.org/Template:UT-Tokyo_CSS3
Template:UT-Tokyo CSS3
2010-10-27T17:52:28Z
<p>Tomoaki: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "utf-8";<br />
/* CSS Document */<br />
<br />
body {<br />
background-color:#666;<br />
margin:0px;<br />
padding:5px;<br />
padding-bottom:0px;<br />
border:none;<br />
text-align:justify;<br />
font-family:Verdana, Geneva, sans-serif;<br />
}<br />
<br />
img {<br />
border-style:none;<br />
}<br />
<br />
p.pad{<br />
text-indent:1em;<br />
padding-left:20px;<br />
padding-right:20px;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
color: black;<br />
background: none;<br />
font-weight: normal;<br />
margin: 0;<br />
padding-top: .5em;<br />
padding-bottom: .17em;<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
h1 { font-size: 188%; }<br />
<br />
h2 { font-size: 150%; }<br />
<br />
h3, h4, h5, h6 {<br />
border-bottom: none;<br />
font-weight: bold;<br />
}<br />
<br />
h3 { font-size: 132%; }<br />
<br />
h4 { font-size: 116%; }<br />
<br />
h5 { font-size: 100%; }<br />
<br />
h6 { font-size: 80%; }<br />
<br />
<br />
li{<br />
list-style:none !important; <br />
}<br />
<br />
.radius { <br />
-moz-border-radius: 10px; /* Firefox */ <br />
-webkit-border-radius: 10px; /* Safari and Chrome */ <br />
border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; /* Firefox */<br />
-webkit-box-shadow: 5px 5px 10px #000; /* Safari and Chrome */<br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ <br />
} <br />
<br />
div#inpagemenu{<br />
background-color:#000;<br />
}<br />
<br />
#inpagemenu{<br />
margin:3px;<br />
padding:2px;<br />
font-weight:bold;<br />
font-size:11pt;<br />
}<br />
<br />
#inpagemenu li{<br />
float:left;<br />
}<br />
<br />
#inpagemenu>li>a:link,#inpagemenu>li>a:visited{<br />
display:block;<br />
color:#fff;<br />
background-color:#000;<br />
font-family:"Times New Roman", Times, serif;<br />
padding:2px;<br />
}<br />
<br />
#inpagemenu>li>a:hover,#inpagemenu>li>a:active{<br />
display:block;<br />
background-color:#00f;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
font-family:"Times New Roman", Times, serif;<br />
padding:2px;<br />
}<br />
<br />
.top_radius {<br />
-moz-border-radius-topright:10px;<br />
-moz-border-radius-topleft:10px;<br />
-moz-border-radius-bottomright:0;<br />
-moz-border-radius-bottomleft:0;<br />
-webkit-border-top-right-radius:10px;<br />
-webkit-border-top-left-radius:10px;<br />
-webkit-border-bottom-right-radius:0;<br />
-webkit-border-bottom-left-radius:0;<br />
border-radius-topright:10px;<br />
border-radius-topleft:10px;<br />
border-radius-bottomright:0;<br />
border-radius-bottomleft:0;<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; <br />
-webkit-box-shadow: 5px 5px 10px #000; <br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
}<br />
<br />
/* MENU */<br />
<br />
/* MAIN MENU */<br />
<br />
a#igemlogo{<br />
<br />
position: absolute;<br />
top: 25px;<br />
right: 70px;<br />
<br />
}<br />
<br />
div#main_menu {<br />
background-color:white;<br />
background:url(https://static.igem.org/mediawiki/2010/a/a4/Menu_base.png) no-repeat;<br />
margin: -3px 0 0 0;<br />
padding-top: 8px;<br />
padding-right: 0px;<br />
padding-bottom: 0px;<br />
padding-left: 12px;<br />
border-top-style: none;<br />
border-right-style: none;<br />
border-bottom-style: none;<br />
border-left-style: none;<br />
height:339px;<br />
width:133px;<br />
float:left;<br />
}<br />
<br />
ul#main_menu {<br />
background-color:transparent;<br />
margin:10px 0 0 0;<br />
padding:0;<br />
}<br />
<br />
#main_menu>li {<br />
margin:0;<br />
paddding:0;<br />
}<br />
<br />
#main_menu>li>a {<br />
background-image:url(https://static.igem.org/mediawiki/2010/e/ed/Menu_chara.png);<br />
display:block;<br />
width:120px;<br />
height:26px;<br />
text-indent:-1000em;<br />
}<br />
<br />
#team {<br />
background-position: 0px 0px;<br />
}<br />
<br />
#project {<br />
background-position:0px -26px;<br />
}<br />
<br />
#parts {<br />
background-position:0px -52px;<br />
}<br />
<br />
#protocols {<br />
background-position:0px -78px;<br />
}<br />
<br />
#online {<br />
background-position:0px -104px;<br />
}<br />
<br />
#sponsor {<br />
background-position:0px -130px;<br />
}<br />
<br />
#consideration {<br />
background-position:0px -157px;<br />
}<br />
<br />
/* MAIN MENU END */<br />
<br />
/* SUB MENU*/<br />
<br />
div#sub_menu{<br />
background-color:#fff;<br />
margin:0 0 0 8px;<br />
padding:20px 0 13px 0;<br />
float:left;<br />
width:75px;<br />
text-align:center;<br />
font-family:"Times New Roman", Times, serif;<br />
font-weight:bold;<br />
font-size:10pt;<br />
}<br />
<br />
#sub_head{<br />
font-size:15pt;<br />
}<br />
<br />
#sub_menu a{<br />
display:block;<br />
text-decoration:none;<br />
}<br />
<br />
.ss_menu a:link{<br />
background-color:transparent;<br />
}<br />
<br />
*.ss_menu a:hover,*.ss_menu a:active{<br />
background-color:#FF6;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
display:block;<br />
}<br />
<br />
#sub_menu ul{<br />
margin:-10px 0px 0px 0px;<br />
padding:0px;<br />
border:none;<br />
}<br />
<br />
#sub_menu>ul>li{<br />
margin-bottom:10px;<br />
}<br />
<br />
a.sub_logo{<br />
background:url(https://static.igem.org/mediawiki/2010/3/3a/Sub_menu_logo.png);<br />
width:75px;<br />
height:85px;<br />
margin:8px 0 8px 0;<br />
}<br />
<br />
.sub_logo{<br />
text-indent:-1000em;<br />
}<br />
<br />
a#sub_sudoku{<br />
background-position:0px 0px;<br />
}<br />
<br />
a#sub_allergy{<br />
background-position:-75px 0px;<br />
}<br />
<br />
a#sub_bio{<br />
background-position:-150px 0px;<br />
}<br />
<br />
ul.ss_menu {<br />
margin:4px 0px 8px 0px !important;<br />
display:block;<br />
}<br />
<br />
.ss_menu li{<br />
margin:0px 0px 0px 0px;<br />
padding:3px 0 5px 0;<br />
}<br />
<br />
<br />
/* sub sub menu base */ <br />
<br />
#sss,#ssa,#ssb{<br />
padding:1px 0 0 0 !important;<br />
overflow:hidden;<br />
}<br />
<br />
/* For dynamic system */<br />
<br />
.open{<br />
background-image:url(https://static.igem.org/mediawiki/2010/3/35/Sub_menu_base.png);<br />
background-repeat: no-repeat ;<br />
height:290px ;<br />
}<br />
<br />
.hide{<br />
background-image:none;<br />
height:120px ;<br />
<br />
}<br />
<br />
/* For dynamic system end */<br />
<br />
<br />
li#sss{<br />
background-position:0px 0px !important;<br />
<br />
}<br />
<br />
li#sss a{<br />
color:#000;<br />
}<br />
<br />
li#ssa{<br />
background-position:0px -255px !important;<br />
color:#00f !important;<br />
text-decoration:underline;<br />
<br />
}<br />
<br />
li#ssb{<br />
background-position:0px -510px !important;<br />
color:#00f !important;<br />
text-decoration:underline !important;<br />
font-size:8pt;<br />
text-indent:0px !important;<br />
}<br />
<br />
.s_hide{<br />
display:none;<br />
}<br />
<br />
/* SUB MENU END */<br />
<br />
/* MENU END */<br />
<br />
<br />
/* MAIN CONTENTS */<br />
<br />
div#content_frame {<br />
float:right;<br />
background:#FFF;<br />
margin: 0px 5px 10px 8px;<br />
padding: 0px 0px 20px 0px;<br />
width:800px;<br />
overflow:hidden;<br />
}<br />
<br />
div#title {<br />
overflow:hidden;<br />
width:100%;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
div#main_content {<br />
background-color:transparent;<br />
margin:0px;<br />
padding:15px 18px 10px 18px;<br />
border:none;<br />
width:95%;<br />
}<br />
<br />
div#descrap {<br />
margin:auto;<br />
padding:auto;<br />
width:705px;<br />
}<br />
<br />
<br />
p.desc1{<br />
color:#fff;<br />
margin: 10px 8px 0px -8px;<br />
margin-right:0px;<br />
padding: 50px 20px 15px 200px;<br />
width:495px;<br />
height:155px;<br />
}<br />
<br />
p.desc2{<br />
color:#fff;<br />
margin: 0px 0px 10px 0px;<br />
margin-right:-5px;<br />
padding: 135px 20px 15px 15px;<br />
width:315px;<br />
height:270px;<br />
float:left;<br />
}<br />
<br />
.desc img{<br />
display:block;<br />
margin:auto;<br />
padding:auto;<br />
}<br />
<br />
p#s_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/3/37/Desc_base_s.png) no-repeat;<br />
}<br />
<br />
p#a_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/6/64/Desc_base_a.png) no-repeat;<br />
font-size:8.8pt;<br />
}<br />
<br />
p#b_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/e/e5/Desc_base_b.png) no-repeat;<br />
font-size:10pt;<br />
}<br />
<br />
/* MAIN CONTENTS END */<br />
<br />
/* FOOTER */<br />
<br />
div#foot{<br />
margin:0;<br />
background-color:#33C;<br />
clear:both;<br />
text-align:center;<br />
padding-top:30px;<br />
padding-bottom:30px;<br />
width:100%;<br />
height:10px;<br />
color:#FFF;<br />
}<br />
<br />
/* FOOTER END */<br />
<br />
/*wiki hack*/<br />
#globalWrapper {<br />
background-color: transparent;<br />
padding-bottom:0px;<br />
border: none;<br />
}<br />
#content {<br />
background-color: transparent;<br />
border:none;<br />
padding-bottom:none;<br />
margin-bottom:none;<br />
}<br />
#bodyContent {<br />
border: none;<br />
}<br />
#top-section {<br />
height: 14px;<br />
margin-top: -16px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-bottom: 4px !important;<br />
padding:0;<br />
border: none;<br />
}<br />
#p-logo {<br />
height:1px;<br />
overflow:hidden;<br />
border:none;<br />
}<br />
#search-controls {<br />
overflow:hidden;<br />
display:none;<br />
background: none;<br />
position: absolute;<br />
top: 100px;<br />
right: 40px;<br />
} <br />
.left-menu { width: 400px; display:block; float:left; margin-top:-62px; margin-right:30px; border: none; left:20px;} <br />
.left-menu ul { border: none; }<br />
<br />
#menubar.right-menu {<br />
width:300px;<br />
display:block;<br />
float:left;<br />
margin-top:-62px;<br />
padding-left:50px;<br />
border: none;<br />
right:50px;<br />
} <br />
.right-menu ul { border: none;}<br />
<br />
#menubar li a{<br />
color:#fcf;<br />
}<br />
<br />
#menubar li a:hover {<br />
color:#fcf;<br />
text-decoration:underline;<br />
}<br />
<br />
#menubar li.selected a {<br />
color:#555555;<br />
}<br />
<br />
#footer-box {<br />
background-color: white;<br />
border: none;<br />
width: 965px;<br />
margin: 0 auto;<br />
margin-bottom:none;<br />
padding-left:5px;<br />
padding-right:5px;<br />
}<br />
#footer {<br />
border: none;<br />
width: 965px;<br />
margin: 0;<br />
padding: 0;<br />
background-color:white;<br />
} .firstHeading { display: none;}<br />
#f-list a {<br />
color: #333;<br />
font-size: 10px;<br />
}<br />
#f-list a:hover {<br />
color: #666;<br />
}<br />
#footer ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#footer ul li {<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
margin-left: 10px;<br />
margin-right: 10px;<br />
padding: 0;<br />
}<br />
/*wiki hack end*/<br />
</style><br />
</html></div>
Tomoaki
http://2010.igem.org/Template:UT-Tokyo_CSS3
Template:UT-Tokyo CSS3
2010-10-27T17:50:33Z
<p>Tomoaki: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "utf-8";<br />
/* CSS Document */<br />
<br />
body {<br />
background-color:#666;<br />
margin:0px;<br />
padding:5px;<br />
padding-bottom:0px;<br />
border:none;<br />
text-align:justify;<br />
font-family:Verdana, Geneva, sans-serif;<br />
}<br />
<br />
img {<br />
border-style:none;<br />
}<br />
<br />
p.pad{<br />
text-indent:1em;<br />
padding-left:20px;<br />
padding-right:20px;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
color: black;<br />
background: none;<br />
font-weight: normal;<br />
margin: 0;<br />
padding-top: .5em;<br />
padding-bottom: .17em;<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
h1 { font-size: 188%; }<br />
<br />
h2 { font-size: 150%; }<br />
<br />
h3, h4, h5, h6 {<br />
border-bottom: none;<br />
font-weight: bold;<br />
}<br />
<br />
h3 { font-size: 132%; }<br />
<br />
h4 { font-size: 116%; }<br />
<br />
h5 { font-size: 100%; }<br />
<br />
h6 { font-size: 80%; }<br />
<br />
<br />
li{<br />
list-style:none !important; <br />
}<br />
<br />
.radius { <br />
-moz-border-radius: 10px; /* Firefox */ <br />
-webkit-border-radius: 10px; /* Safari and Chrome */ <br />
border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; /* Firefox */<br />
-webkit-box-shadow: 5px 5px 10px #000; /* Safari and Chrome */<br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ <br />
} <br />
<br />
#inpagemenu{<br />
background-color:#000;<br />
margin:3px;<br />
padding:2px;<br />
font-weight:bold;<br />
font-size:11pt;<br />
<br />
}<br />
<br />
#inpagemenu li{<br />
float:left;<br />
}<br />
<br />
#inpagemenu>li>a:link,#inpagemenu>li>a:visited{<br />
display:block;<br />
color:#fff;<br />
background-color:#000;<br />
font-family:"Times New Roman", Times, serif;<br />
padding:2px;<br />
}<br />
<br />
#inpagemenu>li>a:hover,#inpagemenu>li>a:active{<br />
display:block;<br />
background-color:#00f;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
font-family:"Times New Roman", Times, serif;<br />
padding:2px;<br />
}<br />
<br />
.top_radius {<br />
-moz-border-radius-topright:10px;<br />
-moz-border-radius-topleft:10px;<br />
-moz-border-radius-bottomright:0;<br />
-moz-border-radius-bottomleft:0;<br />
-webkit-border-top-right-radius:10px;<br />
-webkit-border-top-left-radius:10px;<br />
-webkit-border-bottom-right-radius:0;<br />
-webkit-border-bottom-left-radius:0;<br />
border-radius-topright:10px;<br />
border-radius-topleft:10px;<br />
border-radius-bottomright:0;<br />
border-radius-bottomleft:0;<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; <br />
-webkit-box-shadow: 5px 5px 10px #000; <br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
}<br />
<br />
/* MENU */<br />
<br />
/* MAIN MENU */<br />
<br />
a#igemlogo{<br />
<br />
position: absolute;<br />
top: 25px;<br />
right: 70px;<br />
<br />
}<br />
<br />
div#main_menu {<br />
background-color:white;<br />
background:url(https://static.igem.org/mediawiki/2010/a/a4/Menu_base.png) no-repeat;<br />
margin: -3px 0 0 0;<br />
padding-top: 8px;<br />
padding-right: 0px;<br />
padding-bottom: 0px;<br />
padding-left: 12px;<br />
border-top-style: none;<br />
border-right-style: none;<br />
border-bottom-style: none;<br />
border-left-style: none;<br />
height:339px;<br />
width:133px;<br />
float:left;<br />
}<br />
<br />
ul#main_menu {<br />
background-color:transparent;<br />
margin:10px 0 0 0;<br />
padding:0;<br />
}<br />
<br />
#main_menu>li {<br />
margin:0;<br />
paddding:0;<br />
}<br />
<br />
#main_menu>li>a {<br />
background-image:url(https://static.igem.org/mediawiki/2010/e/ed/Menu_chara.png);<br />
display:block;<br />
width:120px;<br />
height:26px;<br />
text-indent:-1000em;<br />
}<br />
<br />
#team {<br />
background-position: 0px 0px;<br />
}<br />
<br />
#project {<br />
background-position:0px -26px;<br />
}<br />
<br />
#parts {<br />
background-position:0px -52px;<br />
}<br />
<br />
#protocols {<br />
background-position:0px -78px;<br />
}<br />
<br />
#online {<br />
background-position:0px -104px;<br />
}<br />
<br />
#sponsor {<br />
background-position:0px -130px;<br />
}<br />
<br />
#consideration {<br />
background-position:0px -157px;<br />
}<br />
<br />
/* MAIN MENU END */<br />
<br />
/* SUB MENU*/<br />
<br />
div#sub_menu{<br />
background-color:#fff;<br />
margin:0 0 0 8px;<br />
padding:20px 0 13px 0;<br />
float:left;<br />
width:75px;<br />
text-align:center;<br />
font-family:"Times New Roman", Times, serif;<br />
font-weight:bold;<br />
font-size:10pt;<br />
}<br />
<br />
#sub_head{<br />
font-size:15pt;<br />
}<br />
<br />
#sub_menu a{<br />
display:block;<br />
text-decoration:none;<br />
}<br />
<br />
.ss_menu a:link{<br />
background-color:transparent;<br />
}<br />
<br />
*.ss_menu a:hover,*.ss_menu a:active{<br />
background-color:#FF6;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
display:block;<br />
}<br />
<br />
#sub_menu ul{<br />
margin:-10px 0px 0px 0px;<br />
padding:0px;<br />
border:none;<br />
}<br />
<br />
#sub_menu>ul>li{<br />
margin-bottom:10px;<br />
}<br />
<br />
a.sub_logo{<br />
background:url(https://static.igem.org/mediawiki/2010/3/3a/Sub_menu_logo.png);<br />
width:75px;<br />
height:85px;<br />
margin:8px 0 8px 0;<br />
}<br />
<br />
.sub_logo{<br />
text-indent:-1000em;<br />
}<br />
<br />
a#sub_sudoku{<br />
background-position:0px 0px;<br />
}<br />
<br />
a#sub_allergy{<br />
background-position:-75px 0px;<br />
}<br />
<br />
a#sub_bio{<br />
background-position:-150px 0px;<br />
}<br />
<br />
ul.ss_menu {<br />
margin:4px 0px 8px 0px !important;<br />
display:block;<br />
}<br />
<br />
.ss_menu li{<br />
margin:0px 0px 0px 0px;<br />
padding:3px 0 5px 0;<br />
}<br />
<br />
<br />
/* sub sub menu base */ <br />
<br />
#sss,#ssa,#ssb{<br />
padding:1px 0 0 0 !important;<br />
overflow:hidden;<br />
}<br />
<br />
/* For dynamic system */<br />
<br />
.open{<br />
background-image:url(https://static.igem.org/mediawiki/2010/3/35/Sub_menu_base.png);<br />
background-repeat: no-repeat ;<br />
height:290px ;<br />
}<br />
<br />
.hide{<br />
background-image:none;<br />
height:120px ;<br />
<br />
}<br />
<br />
/* For dynamic system end */<br />
<br />
<br />
li#sss{<br />
background-position:0px 0px !important;<br />
<br />
}<br />
<br />
li#sss a{<br />
color:#000;<br />
}<br />
<br />
li#ssa{<br />
background-position:0px -255px !important;<br />
color:#00f !important;<br />
text-decoration:underline;<br />
<br />
}<br />
<br />
li#ssb{<br />
background-position:0px -510px !important;<br />
color:#00f !important;<br />
text-decoration:underline !important;<br />
font-size:8pt;<br />
text-indent:0px !important;<br />
}<br />
<br />
.s_hide{<br />
display:none;<br />
}<br />
<br />
/* SUB MENU END */<br />
<br />
/* MENU END */<br />
<br />
<br />
/* MAIN CONTENTS */<br />
<br />
div#content_frame {<br />
float:right;<br />
background:#FFF;<br />
margin: 0px 5px 10px 8px;<br />
padding: 0px 0px 20px 0px;<br />
width:800px;<br />
overflow:hidden;<br />
}<br />
<br />
div#title {<br />
overflow:hidden;<br />
width:100%;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
div#main_content {<br />
background-color:transparent;<br />
margin:0px;<br />
padding:15px 18px 10px 18px;<br />
border:none;<br />
width:95%;<br />
}<br />
<br />
div#descrap {<br />
margin:auto;<br />
padding:auto;<br />
width:705px;<br />
}<br />
<br />
<br />
p.desc1{<br />
color:#fff;<br />
margin: 10px 8px 0px -8px;<br />
margin-right:0px;<br />
padding: 50px 20px 15px 200px;<br />
width:495px;<br />
height:155px;<br />
}<br />
<br />
p.desc2{<br />
color:#fff;<br />
margin: 0px 0px 10px 0px;<br />
margin-right:-5px;<br />
padding: 135px 20px 15px 15px;<br />
width:315px;<br />
height:270px;<br />
float:left;<br />
}<br />
<br />
.desc img{<br />
display:block;<br />
margin:auto;<br />
padding:auto;<br />
}<br />
<br />
p#s_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/3/37/Desc_base_s.png) no-repeat;<br />
}<br />
<br />
p#a_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/6/64/Desc_base_a.png) no-repeat;<br />
font-size:8.8pt;<br />
}<br />
<br />
p#b_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/e/e5/Desc_base_b.png) no-repeat;<br />
font-size:10pt;<br />
}<br />
<br />
/* MAIN CONTENTS END */<br />
<br />
/* FOOTER */<br />
<br />
div#foot{<br />
margin:0;<br />
background-color:#33C;<br />
clear:both;<br />
text-align:center;<br />
padding-top:30px;<br />
padding-bottom:30px;<br />
width:100%;<br />
height:10px;<br />
color:#FFF;<br />
}<br />
<br />
/* FOOTER END */<br />
<br />
/*wiki hack*/<br />
#globalWrapper {<br />
background-color: transparent;<br />
padding-bottom:0px;<br />
border: none;<br />
}<br />
#content {<br />
background-color: transparent;<br />
border:none;<br />
padding-bottom:none;<br />
margin-bottom:none;<br />
}<br />
#bodyContent {<br />
border: none;<br />
}<br />
#top-section {<br />
height: 14px;<br />
margin-top: -16px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-bottom: 4px !important;<br />
padding:0;<br />
border: none;<br />
}<br />
#p-logo {<br />
height:1px;<br />
overflow:hidden;<br />
border:none;<br />
}<br />
#search-controls {<br />
overflow:hidden;<br />
display:none;<br />
background: none;<br />
position: absolute;<br />
top: 100px;<br />
right: 40px;<br />
} <br />
.left-menu { width: 400px; display:block; float:left; margin-top:-62px; margin-right:30px; border: none; left:20px;} <br />
.left-menu ul { border: none; }<br />
<br />
#menubar.right-menu {<br />
width:300px;<br />
display:block;<br />
float:left;<br />
margin-top:-62px;<br />
padding-left:50px;<br />
border: none;<br />
right:50px;<br />
} <br />
.right-menu ul { border: none;}<br />
<br />
#menubar li a{<br />
color:#fcf;<br />
}<br />
<br />
#menubar li a:hover {<br />
color:#fcf;<br />
text-decoration:underline;<br />
}<br />
<br />
#menubar li.selected a {<br />
color:#555555;<br />
}<br />
<br />
#footer-box {<br />
background-color: white;<br />
border: none;<br />
width: 965px;<br />
margin: 0 auto;<br />
margin-bottom:none;<br />
padding-left:5px;<br />
padding-right:5px;<br />
}<br />
#footer {<br />
border: none;<br />
width: 965px;<br />
margin: 0;<br />
padding: 0;<br />
background-color:white;<br />
} .firstHeading { display: none;}<br />
#f-list a {<br />
color: #333;<br />
font-size: 10px;<br />
}<br />
#f-list a:hover {<br />
color: #666;<br />
}<br />
#footer ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#footer ul li {<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
margin-left: 10px;<br />
margin-right: 10px;<br />
padding: 0;<br />
}<br />
/*wiki hack end*/<br />
</style><br />
</html></div>
Tomoaki
http://2010.igem.org/Template:UT-Tokyo_CSS3
Template:UT-Tokyo CSS3
2010-10-27T17:47:35Z
<p>Tomoaki: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "utf-8";<br />
/* CSS Document */<br />
<br />
body {<br />
background-color:#666;<br />
margin:0px;<br />
padding:5px;<br />
padding-bottom:0px;<br />
border:none;<br />
text-align:justify;<br />
font-family:Verdana, Geneva, sans-serif;<br />
}<br />
<br />
img {<br />
border-style:none;<br />
}<br />
<br />
p.pad{<br />
text-indent:1em;<br />
padding-left:20px;<br />
padding-right:20px;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
color: black;<br />
background: none;<br />
font-weight: normal;<br />
margin: 0;<br />
padding-top: .5em;<br />
padding-bottom: .17em;<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
h1 { font-size: 188%; }<br />
<br />
h2 { font-size: 150%; }<br />
<br />
h3, h4, h5, h6 {<br />
border-bottom: none;<br />
font-weight: bold;<br />
}<br />
<br />
h3 { font-size: 132%; }<br />
<br />
h4 { font-size: 116%; }<br />
<br />
h5 { font-size: 100%; }<br />
<br />
h6 { font-size: 80%; }<br />
<br />
<br />
li{<br />
list-style:none !important; <br />
}<br />
<br />
.radius { <br />
-moz-border-radius: 10px; /* Firefox */ <br />
-webkit-border-radius: 10px; /* Safari and Chrome */ <br />
border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; /* Firefox */<br />
-webkit-box-shadow: 5px 5px 10px #000; /* Safari and Chrome */<br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ <br />
} <br />
<br />
#inpagemenu{<br />
background-color:#000;<br />
margin:3px;<br />
padding:2px;<br />
font-weight:bold;<br />
font-size:11pt;<br />
<br />
}<br />
<br />
#inpagemenu li{<br />
float:left;<br />
}<br />
<br />
#inpagemenu>li>a:link,#inpagemenu>li>a:visited{<br />
display:block;<br />
color:#fff;<br />
background-color:#000;<br />
font-family:"Times New Roman", Times, serif;<br />
<br />
margin:3px;<br />
padding:2px;<br />
}<br />
<br />
#inpagemenu>li>a:hover,#inpagemenu>li>a:active{<br />
display:block;<br />
background-color:#00f;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
font-family:"Times New Roman", Times, serif;<br />
margin:3px;<br />
padding:2px;<br />
}<br />
<br />
.top_radius {<br />
-moz-border-radius-topright:10px;<br />
-moz-border-radius-topleft:10px;<br />
-moz-border-radius-bottomright:0;<br />
-moz-border-radius-bottomleft:0;<br />
-webkit-border-top-right-radius:10px;<br />
-webkit-border-top-left-radius:10px;<br />
-webkit-border-bottom-right-radius:0;<br />
-webkit-border-bottom-left-radius:0;<br />
border-radius-topright:10px;<br />
border-radius-topleft:10px;<br />
border-radius-bottomright:0;<br />
border-radius-bottomleft:0;<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; <br />
-webkit-box-shadow: 5px 5px 10px #000; <br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
}<br />
<br />
/* MENU */<br />
<br />
/* MAIN MENU */<br />
<br />
a#igemlogo{<br />
<br />
position: absolute;<br />
top: 25px;<br />
right: 70px;<br />
<br />
}<br />
<br />
div#main_menu {<br />
background-color:white;<br />
background:url(https://static.igem.org/mediawiki/2010/a/a4/Menu_base.png) no-repeat;<br />
margin: -3px 0 0 0;<br />
padding-top: 8px;<br />
padding-right: 0px;<br />
padding-bottom: 0px;<br />
padding-left: 12px;<br />
border-top-style: none;<br />
border-right-style: none;<br />
border-bottom-style: none;<br />
border-left-style: none;<br />
height:339px;<br />
width:133px;<br />
float:left;<br />
}<br />
<br />
ul#main_menu {<br />
background-color:transparent;<br />
margin:10px 0 0 0;<br />
padding:0;<br />
}<br />
<br />
#main_menu>li {<br />
margin:0;<br />
paddding:0;<br />
}<br />
<br />
#main_menu>li>a {<br />
background-image:url(https://static.igem.org/mediawiki/2010/e/ed/Menu_chara.png);<br />
display:block;<br />
width:120px;<br />
height:26px;<br />
text-indent:-1000em;<br />
}<br />
<br />
#team {<br />
background-position: 0px 0px;<br />
}<br />
<br />
#project {<br />
background-position:0px -26px;<br />
}<br />
<br />
#parts {<br />
background-position:0px -52px;<br />
}<br />
<br />
#protocols {<br />
background-position:0px -78px;<br />
}<br />
<br />
#online {<br />
background-position:0px -104px;<br />
}<br />
<br />
#sponsor {<br />
background-position:0px -130px;<br />
}<br />
<br />
#consideration {<br />
background-position:0px -157px;<br />
}<br />
<br />
/* MAIN MENU END */<br />
<br />
/* SUB MENU*/<br />
<br />
div#sub_menu{<br />
background-color:#fff;<br />
margin:0 0 0 8px;<br />
padding:20px 0 13px 0;<br />
float:left;<br />
width:75px;<br />
text-align:center;<br />
font-family:"Times New Roman", Times, serif;<br />
font-weight:bold;<br />
font-size:10pt;<br />
}<br />
<br />
#sub_head{<br />
font-size:15pt;<br />
}<br />
<br />
#sub_menu a{<br />
display:block;<br />
text-decoration:none;<br />
}<br />
<br />
.ss_menu a:link{<br />
background-color:transparent;<br />
}<br />
<br />
*.ss_menu a:hover,*.ss_menu a:active{<br />
background-color:#FF6;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
display:block;<br />
}<br />
<br />
#sub_menu ul{<br />
margin:-10px 0px 0px 0px;<br />
padding:0px;<br />
border:none;<br />
}<br />
<br />
#sub_menu>ul>li{<br />
margin-bottom:10px;<br />
}<br />
<br />
a.sub_logo{<br />
background:url(https://static.igem.org/mediawiki/2010/3/3a/Sub_menu_logo.png);<br />
width:75px;<br />
height:85px;<br />
margin:8px 0 8px 0;<br />
}<br />
<br />
.sub_logo{<br />
text-indent:-1000em;<br />
}<br />
<br />
a#sub_sudoku{<br />
background-position:0px 0px;<br />
}<br />
<br />
a#sub_allergy{<br />
background-position:-75px 0px;<br />
}<br />
<br />
a#sub_bio{<br />
background-position:-150px 0px;<br />
}<br />
<br />
ul.ss_menu {<br />
margin:4px 0px 8px 0px !important;<br />
display:block;<br />
}<br />
<br />
.ss_menu li{<br />
margin:0px 0px 0px 0px;<br />
padding:3px 0 5px 0;<br />
}<br />
<br />
<br />
/* sub sub menu base */ <br />
<br />
#sss,#ssa,#ssb{<br />
padding:1px 0 0 0 !important;<br />
overflow:hidden;<br />
}<br />
<br />
/* For dynamic system */<br />
<br />
.open{<br />
background-image:url(https://static.igem.org/mediawiki/2010/3/35/Sub_menu_base.png);<br />
background-repeat: no-repeat ;<br />
height:290px ;<br />
}<br />
<br />
.hide{<br />
background-image:none;<br />
height:120px ;<br />
<br />
}<br />
<br />
/* For dynamic system end */<br />
<br />
<br />
li#sss{<br />
background-position:0px 0px !important;<br />
<br />
}<br />
<br />
li#sss a{<br />
color:#000;<br />
}<br />
<br />
li#ssa{<br />
background-position:0px -255px !important;<br />
color:#00f !important;<br />
text-decoration:underline;<br />
<br />
}<br />
<br />
li#ssb{<br />
background-position:0px -510px !important;<br />
color:#00f !important;<br />
text-decoration:underline !important;<br />
font-size:8pt;<br />
text-indent:0px !important;<br />
}<br />
<br />
.s_hide{<br />
display:none;<br />
}<br />
<br />
/* SUB MENU END */<br />
<br />
/* MENU END */<br />
<br />
<br />
/* MAIN CONTENTS */<br />
<br />
div#content_frame {<br />
float:right;<br />
background:#FFF;<br />
margin: 0px 5px 10px 8px;<br />
padding: 0px 0px 20px 0px;<br />
width:800px;<br />
overflow:hidden;<br />
}<br />
<br />
div#title {<br />
overflow:hidden;<br />
width:100%;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
div#main_content {<br />
background-color:transparent;<br />
margin:0px;<br />
padding:15px 18px 10px 18px;<br />
border:none;<br />
width:95%;<br />
}<br />
<br />
div#descrap {<br />
margin:auto;<br />
padding:auto;<br />
width:705px;<br />
}<br />
<br />
<br />
p.desc1{<br />
color:#fff;<br />
margin: 10px 8px 0px -8px;<br />
margin-right:0px;<br />
padding: 50px 20px 15px 200px;<br />
width:495px;<br />
height:155px;<br />
}<br />
<br />
p.desc2{<br />
color:#fff;<br />
margin: 0px 0px 10px 0px;<br />
margin-right:-5px;<br />
padding: 135px 20px 15px 15px;<br />
width:315px;<br />
height:270px;<br />
float:left;<br />
}<br />
<br />
.desc img{<br />
display:block;<br />
margin:auto;<br />
padding:auto;<br />
}<br />
<br />
p#s_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/3/37/Desc_base_s.png) no-repeat;<br />
}<br />
<br />
p#a_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/6/64/Desc_base_a.png) no-repeat;<br />
font-size:8.8pt;<br />
}<br />
<br />
p#b_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/e/e5/Desc_base_b.png) no-repeat;<br />
font-size:10pt;<br />
}<br />
<br />
/* MAIN CONTENTS END */<br />
<br />
/* FOOTER */<br />
<br />
div#foot{<br />
margin:0;<br />
background-color:#33C;<br />
clear:both;<br />
text-align:center;<br />
padding-top:30px;<br />
padding-bottom:30px;<br />
width:100%;<br />
height:10px;<br />
color:#FFF;<br />
}<br />
<br />
/* FOOTER END */<br />
<br />
/*wiki hack*/<br />
#globalWrapper {<br />
background-color: transparent;<br />
padding-bottom:0px;<br />
border: none;<br />
}<br />
#content {<br />
background-color: transparent;<br />
border:none;<br />
padding-bottom:none;<br />
margin-bottom:none;<br />
}<br />
#bodyContent {<br />
border: none;<br />
}<br />
#top-section {<br />
height: 14px;<br />
margin-top: -16px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-bottom: 4px !important;<br />
padding:0;<br />
border: none;<br />
}<br />
#p-logo {<br />
height:1px;<br />
overflow:hidden;<br />
border:none;<br />
}<br />
#search-controls {<br />
overflow:hidden;<br />
display:none;<br />
background: none;<br />
position: absolute;<br />
top: 100px;<br />
right: 40px;<br />
} <br />
.left-menu { width: 400px; display:block; float:left; margin-top:-62px; margin-right:30px; border: none; left:20px;} <br />
.left-menu ul { border: none; }<br />
<br />
#menubar.right-menu {<br />
width:300px;<br />
display:block;<br />
float:left;<br />
margin-top:-62px;<br />
padding-left:50px;<br />
border: none;<br />
right:50px;<br />
} <br />
.right-menu ul { border: none;}<br />
<br />
#menubar li a{<br />
color:#fcf;<br />
}<br />
<br />
#menubar li a:hover {<br />
color:#fcf;<br />
text-decoration:underline;<br />
}<br />
<br />
#menubar li.selected a {<br />
color:#555555;<br />
}<br />
<br />
#footer-box {<br />
background-color: white;<br />
border: none;<br />
width: 965px;<br />
margin: 0 auto;<br />
margin-bottom:none;<br />
padding-left:5px;<br />
padding-right:5px;<br />
}<br />
#footer {<br />
border: none;<br />
width: 965px;<br />
margin: 0;<br />
padding: 0;<br />
background-color:white;<br />
} .firstHeading { display: none;}<br />
#f-list a {<br />
color: #333;<br />
font-size: 10px;<br />
}<br />
#f-list a:hover {<br />
color: #666;<br />
}<br />
#footer ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#footer ul li {<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
margin-left: 10px;<br />
margin-right: 10px;<br />
padding: 0;<br />
}<br />
/*wiki hack end*/<br />
</style><br />
</html></div>
Tomoaki
http://2010.igem.org/Template:UT-Tokyo_CSS3
Template:UT-Tokyo CSS3
2010-10-27T17:45:46Z
<p>Tomoaki: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "utf-8";<br />
/* CSS Document */<br />
<br />
body {<br />
background-color:#666;<br />
margin:0px;<br />
padding:5px;<br />
padding-bottom:0px;<br />
border:none;<br />
text-align:justify;<br />
font-family:Verdana, Geneva, sans-serif;<br />
}<br />
<br />
img {<br />
border-style:none;<br />
}<br />
<br />
p.pad{<br />
text-indent:1em;<br />
padding-left:20px;<br />
padding-right:20px;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
color: black;<br />
background: none;<br />
font-weight: normal;<br />
margin: 0;<br />
padding-top: .5em;<br />
padding-bottom: .17em;<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
h1 { font-size: 188%; }<br />
<br />
h2 { font-size: 150%; }<br />
<br />
h3, h4, h5, h6 {<br />
border-bottom: none;<br />
font-weight: bold;<br />
}<br />
<br />
h3 { font-size: 132%; }<br />
<br />
h4 { font-size: 116%; }<br />
<br />
h5 { font-size: 100%; }<br />
<br />
h6 { font-size: 80%; }<br />
<br />
<br />
li{<br />
list-style:none !important; <br />
}<br />
<br />
.radius { <br />
-moz-border-radius: 10px; /* Firefox */ <br />
-webkit-border-radius: 10px; /* Safari and Chrome */ <br />
border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; /* Firefox */<br />
-webkit-box-shadow: 5px 5px 10px #000; /* Safari and Chrome */<br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ <br />
} <br />
<br />
#inpagemenu{<br />
background-color:#000;<br />
margin:3px;<br />
padding:2px;<br />
font-weight:bold;<br />
font-size:11pt;<br />
width:100px;<br />
}<br />
<br />
#inpagemenu li{<br />
float:left;<br />
}<br />
<br />
#inpagemenu>li>a:link,#inpagemenu>li>a:visited{<br />
display:block;<br />
color:#fff;<br />
background-color:#000;<br />
font-family:"Times New Roman", Times, serif;<br />
<br />
margin:3px;<br />
padding:2px;<br />
}<br />
<br />
#inpagemenu>li>a:hover,#inpagemenu>li>a:active{<br />
display:block;<br />
background-color:#00f;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
font-family:"Times New Roman", Times, serif;<br />
margin:3px;<br />
padding:2px;<br />
}<br />
<br />
.top_radius {<br />
-moz-border-radius-topright:10px;<br />
-moz-border-radius-topleft:10px;<br />
-moz-border-radius-bottomright:0;<br />
-moz-border-radius-bottomleft:0;<br />
-webkit-border-top-right-radius:10px;<br />
-webkit-border-top-left-radius:10px;<br />
-webkit-border-bottom-right-radius:0;<br />
-webkit-border-bottom-left-radius:0;<br />
border-radius-topright:10px;<br />
border-radius-topleft:10px;<br />
border-radius-bottomright:0;<br />
border-radius-bottomleft:0;<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; <br />
-webkit-box-shadow: 5px 5px 10px #000; <br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
}<br />
<br />
/* MENU */<br />
<br />
/* MAIN MENU */<br />
<br />
a#igemlogo{<br />
<br />
position: absolute;<br />
top: 25px;<br />
right: 70px;<br />
<br />
}<br />
<br />
div#main_menu {<br />
background-color:white;<br />
background:url(https://static.igem.org/mediawiki/2010/a/a4/Menu_base.png) no-repeat;<br />
margin: -3px 0 0 0;<br />
padding-top: 8px;<br />
padding-right: 0px;<br />
padding-bottom: 0px;<br />
padding-left: 12px;<br />
border-top-style: none;<br />
border-right-style: none;<br />
border-bottom-style: none;<br />
border-left-style: none;<br />
height:339px;<br />
width:133px;<br />
float:left;<br />
}<br />
<br />
ul#main_menu {<br />
background-color:transparent;<br />
margin:10px 0 0 0;<br />
padding:0;<br />
}<br />
<br />
#main_menu>li {<br />
margin:0;<br />
paddding:0;<br />
}<br />
<br />
#main_menu>li>a {<br />
background-image:url(https://static.igem.org/mediawiki/2010/e/ed/Menu_chara.png);<br />
display:block;<br />
width:120px;<br />
height:26px;<br />
text-indent:-1000em;<br />
}<br />
<br />
#team {<br />
background-position: 0px 0px;<br />
}<br />
<br />
#project {<br />
background-position:0px -26px;<br />
}<br />
<br />
#parts {<br />
background-position:0px -52px;<br />
}<br />
<br />
#protocols {<br />
background-position:0px -78px;<br />
}<br />
<br />
#online {<br />
background-position:0px -104px;<br />
}<br />
<br />
#sponsor {<br />
background-position:0px -130px;<br />
}<br />
<br />
#consideration {<br />
background-position:0px -157px;<br />
}<br />
<br />
/* MAIN MENU END */<br />
<br />
/* SUB MENU*/<br />
<br />
div#sub_menu{<br />
background-color:#fff;<br />
margin:0 0 0 8px;<br />
padding:20px 0 13px 0;<br />
float:left;<br />
width:75px;<br />
text-align:center;<br />
font-family:"Times New Roman", Times, serif;<br />
font-weight:bold;<br />
font-size:10pt;<br />
}<br />
<br />
#sub_head{<br />
font-size:15pt;<br />
}<br />
<br />
#sub_menu a{<br />
display:block;<br />
text-decoration:none;<br />
}<br />
<br />
.ss_menu a:link{<br />
background-color:transparent;<br />
}<br />
<br />
*.ss_menu a:hover,*.ss_menu a:active{<br />
background-color:#FF6;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
display:block;<br />
}<br />
<br />
#sub_menu ul{<br />
margin:-10px 0px 0px 0px;<br />
padding:0px;<br />
border:none;<br />
}<br />
<br />
#sub_menu>ul>li{<br />
margin-bottom:10px;<br />
}<br />
<br />
a.sub_logo{<br />
background:url(https://static.igem.org/mediawiki/2010/3/3a/Sub_menu_logo.png);<br />
width:75px;<br />
height:85px;<br />
margin:8px 0 8px 0;<br />
}<br />
<br />
.sub_logo{<br />
text-indent:-1000em;<br />
}<br />
<br />
a#sub_sudoku{<br />
background-position:0px 0px;<br />
}<br />
<br />
a#sub_allergy{<br />
background-position:-75px 0px;<br />
}<br />
<br />
a#sub_bio{<br />
background-position:-150px 0px;<br />
}<br />
<br />
ul.ss_menu {<br />
margin:4px 0px 8px 0px !important;<br />
display:block;<br />
}<br />
<br />
.ss_menu li{<br />
margin:0px 0px 0px 0px;<br />
padding:3px 0 5px 0;<br />
}<br />
<br />
<br />
/* sub sub menu base */ <br />
<br />
#sss,#ssa,#ssb{<br />
padding:1px 0 0 0 !important;<br />
overflow:hidden;<br />
}<br />
<br />
/* For dynamic system */<br />
<br />
.open{<br />
background-image:url(https://static.igem.org/mediawiki/2010/3/35/Sub_menu_base.png);<br />
background-repeat: no-repeat ;<br />
height:290px ;<br />
}<br />
<br />
.hide{<br />
background-image:none;<br />
height:120px ;<br />
<br />
}<br />
<br />
/* For dynamic system end */<br />
<br />
<br />
li#sss{<br />
background-position:0px 0px !important;<br />
<br />
}<br />
<br />
li#sss a{<br />
color:#000;<br />
}<br />
<br />
li#ssa{<br />
background-position:0px -255px !important;<br />
color:#00f !important;<br />
text-decoration:underline;<br />
<br />
}<br />
<br />
li#ssb{<br />
background-position:0px -510px !important;<br />
color:#00f !important;<br />
text-decoration:underline !important;<br />
font-size:8pt;<br />
text-indent:0px !important;<br />
}<br />
<br />
.s_hide{<br />
display:none;<br />
}<br />
<br />
/* SUB MENU END */<br />
<br />
/* MENU END */<br />
<br />
<br />
/* MAIN CONTENTS */<br />
<br />
div#content_frame {<br />
float:right;<br />
background:#FFF;<br />
margin: 0px 5px 10px 8px;<br />
padding: 0px 0px 20px 0px;<br />
width:800px;<br />
overflow:hidden;<br />
}<br />
<br />
div#title {<br />
overflow:hidden;<br />
width:100%;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
div#main_content {<br />
background-color:transparent;<br />
margin:0px;<br />
padding:15px 18px 10px 18px;<br />
border:none;<br />
width:95%;<br />
}<br />
<br />
div#descrap {<br />
margin:auto;<br />
padding:auto;<br />
width:705px;<br />
}<br />
<br />
<br />
p.desc1{<br />
color:#fff;<br />
margin: 10px 8px 0px -8px;<br />
margin-right:0px;<br />
padding: 50px 20px 15px 200px;<br />
width:495px;<br />
height:155px;<br />
}<br />
<br />
p.desc2{<br />
color:#fff;<br />
margin: 0px 0px 10px 0px;<br />
margin-right:-5px;<br />
padding: 135px 20px 15px 15px;<br />
width:315px;<br />
height:270px;<br />
float:left;<br />
}<br />
<br />
.desc img{<br />
display:block;<br />
margin:auto;<br />
padding:auto;<br />
}<br />
<br />
p#s_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/3/37/Desc_base_s.png) no-repeat;<br />
}<br />
<br />
p#a_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/6/64/Desc_base_a.png) no-repeat;<br />
font-size:8.8pt;<br />
}<br />
<br />
p#b_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/e/e5/Desc_base_b.png) no-repeat;<br />
font-size:10pt;<br />
}<br />
<br />
/* MAIN CONTENTS END */<br />
<br />
/* FOOTER */<br />
<br />
div#foot{<br />
margin:0;<br />
background-color:#33C;<br />
clear:both;<br />
text-align:center;<br />
padding-top:30px;<br />
padding-bottom:30px;<br />
width:100%;<br />
height:10px;<br />
color:#FFF;<br />
}<br />
<br />
/* FOOTER END */<br />
<br />
/*wiki hack*/<br />
#globalWrapper {<br />
background-color: transparent;<br />
padding-bottom:0px;<br />
border: none;<br />
}<br />
#content {<br />
background-color: transparent;<br />
border:none;<br />
padding-bottom:none;<br />
margin-bottom:none;<br />
}<br />
#bodyContent {<br />
border: none;<br />
}<br />
#top-section {<br />
height: 14px;<br />
margin-top: -16px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-bottom: 4px !important;<br />
padding:0;<br />
border: none;<br />
}<br />
#p-logo {<br />
height:1px;<br />
overflow:hidden;<br />
border:none;<br />
}<br />
#search-controls {<br />
overflow:hidden;<br />
display:none;<br />
background: none;<br />
position: absolute;<br />
top: 100px;<br />
right: 40px;<br />
} <br />
.left-menu { width: 400px; display:block; float:left; margin-top:-62px; margin-right:30px; border: none; left:20px;} <br />
.left-menu ul { border: none; }<br />
<br />
#menubar.right-menu {<br />
width:300px;<br />
display:block;<br />
float:left;<br />
margin-top:-62px;<br />
padding-left:50px;<br />
border: none;<br />
right:50px;<br />
} <br />
.right-menu ul { border: none;}<br />
<br />
#menubar li a{<br />
color:#fcf;<br />
}<br />
<br />
#menubar li a:hover {<br />
color:#fcf;<br />
text-decoration:underline;<br />
}<br />
<br />
#menubar li.selected a {<br />
color:#555555;<br />
}<br />
<br />
#footer-box {<br />
background-color: white;<br />
border: none;<br />
width: 965px;<br />
margin: 0 auto;<br />
margin-bottom:none;<br />
padding-left:5px;<br />
padding-right:5px;<br />
}<br />
#footer {<br />
border: none;<br />
width: 965px;<br />
margin: 0;<br />
padding: 0;<br />
background-color:white;<br />
} .firstHeading { display: none;}<br />
#f-list a {<br />
color: #333;<br />
font-size: 10px;<br />
}<br />
#f-list a:hover {<br />
color: #666;<br />
}<br />
#footer ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#footer ul li {<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
margin-left: 10px;<br />
margin-right: 10px;<br />
padding: 0;<br />
}<br />
/*wiki hack end*/<br />
</style><br />
</html></div>
Tomoaki
http://2010.igem.org/Template:UT-Tokyo_CSS3
Template:UT-Tokyo CSS3
2010-10-27T17:44:21Z
<p>Tomoaki: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "utf-8";<br />
/* CSS Document */<br />
<br />
body {<br />
background-color:#666;<br />
margin:0px;<br />
padding:5px;<br />
padding-bottom:0px;<br />
border:none;<br />
text-align:justify;<br />
font-family:Verdana, Geneva, sans-serif;<br />
}<br />
<br />
img {<br />
border-style:none;<br />
}<br />
<br />
p.pad{<br />
text-indent:1em;<br />
padding-left:20px;<br />
padding-right:20px;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
color: black;<br />
background: none;<br />
font-weight: normal;<br />
margin: 0;<br />
padding-top: .5em;<br />
padding-bottom: .17em;<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
h1 { font-size: 188%; }<br />
<br />
h2 { font-size: 150%; }<br />
<br />
h3, h4, h5, h6 {<br />
border-bottom: none;<br />
font-weight: bold;<br />
}<br />
<br />
h3 { font-size: 132%; }<br />
<br />
h4 { font-size: 116%; }<br />
<br />
h5 { font-size: 100%; }<br />
<br />
h6 { font-size: 80%; }<br />
<br />
<br />
li{<br />
list-style:none !important; <br />
}<br />
<br />
.radius { <br />
-moz-border-radius: 10px; /* Firefox */ <br />
-webkit-border-radius: 10px; /* Safari and Chrome */ <br />
border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; /* Firefox */<br />
-webkit-box-shadow: 5px 5px 10px #000; /* Safari and Chrome */<br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ <br />
} <br />
<br />
#inpagemenu{<br />
background-color:#000;<br />
margin:3px;<br />
padding:2px;<br />
font-weight:bold;<br />
font-size:11pt;<br />
}<br />
<br />
#inpagemenu li{<br />
flort:left;<br />
width:100px;<br />
}<br />
<br />
#inpagemenu>li>a:link,#inpagemenu>li>a:visited{<br />
display:block;<br />
color:#fff;<br />
background-color:#000;<br />
font-family:"Times New Roman", Times, serif;<br />
<br />
margin:3px;<br />
padding:2px;<br />
}<br />
<br />
#inpagemenu>li>a:hover,#inpagemenu>li>a:active{<br />
display:block;<br />
background-color:#00f;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
font-family:"Times New Roman", Times, serif;<br />
margin:3px;<br />
padding:2px;<br />
}<br />
<br />
.top_radius {<br />
-moz-border-radius-topright:10px;<br />
-moz-border-radius-topleft:10px;<br />
-moz-border-radius-bottomright:0;<br />
-moz-border-radius-bottomleft:0;<br />
-webkit-border-top-right-radius:10px;<br />
-webkit-border-top-left-radius:10px;<br />
-webkit-border-bottom-right-radius:0;<br />
-webkit-border-bottom-left-radius:0;<br />
border-radius-topright:10px;<br />
border-radius-topleft:10px;<br />
border-radius-bottomright:0;<br />
border-radius-bottomleft:0;<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; <br />
-webkit-box-shadow: 5px 5px 10px #000; <br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
}<br />
<br />
/* MENU */<br />
<br />
/* MAIN MENU */<br />
<br />
a#igemlogo{<br />
<br />
position: absolute;<br />
top: 25px;<br />
right: 70px;<br />
<br />
}<br />
<br />
div#main_menu {<br />
background-color:white;<br />
background:url(https://static.igem.org/mediawiki/2010/a/a4/Menu_base.png) no-repeat;<br />
margin: -3px 0 0 0;<br />
padding-top: 8px;<br />
padding-right: 0px;<br />
padding-bottom: 0px;<br />
padding-left: 12px;<br />
border-top-style: none;<br />
border-right-style: none;<br />
border-bottom-style: none;<br />
border-left-style: none;<br />
height:339px;<br />
width:133px;<br />
float:left;<br />
}<br />
<br />
ul#main_menu {<br />
background-color:transparent;<br />
margin:10px 0 0 0;<br />
padding:0;<br />
}<br />
<br />
#main_menu>li {<br />
margin:0;<br />
paddding:0;<br />
}<br />
<br />
#main_menu>li>a {<br />
background-image:url(https://static.igem.org/mediawiki/2010/e/ed/Menu_chara.png);<br />
display:block;<br />
width:120px;<br />
height:26px;<br />
text-indent:-1000em;<br />
}<br />
<br />
#team {<br />
background-position: 0px 0px;<br />
}<br />
<br />
#project {<br />
background-position:0px -26px;<br />
}<br />
<br />
#parts {<br />
background-position:0px -52px;<br />
}<br />
<br />
#protocols {<br />
background-position:0px -78px;<br />
}<br />
<br />
#online {<br />
background-position:0px -104px;<br />
}<br />
<br />
#sponsor {<br />
background-position:0px -130px;<br />
}<br />
<br />
#consideration {<br />
background-position:0px -157px;<br />
}<br />
<br />
/* MAIN MENU END */<br />
<br />
/* SUB MENU*/<br />
<br />
div#sub_menu{<br />
background-color:#fff;<br />
margin:0 0 0 8px;<br />
padding:20px 0 13px 0;<br />
float:left;<br />
width:75px;<br />
text-align:center;<br />
font-family:"Times New Roman", Times, serif;<br />
font-weight:bold;<br />
font-size:10pt;<br />
}<br />
<br />
#sub_head{<br />
font-size:15pt;<br />
}<br />
<br />
#sub_menu a{<br />
display:block;<br />
text-decoration:none;<br />
}<br />
<br />
.ss_menu a:link{<br />
background-color:transparent;<br />
}<br />
<br />
*.ss_menu a:hover,*.ss_menu a:active{<br />
background-color:#FF6;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
display:block;<br />
}<br />
<br />
#sub_menu ul{<br />
margin:-10px 0px 0px 0px;<br />
padding:0px;<br />
border:none;<br />
}<br />
<br />
#sub_menu>ul>li{<br />
margin-bottom:10px;<br />
}<br />
<br />
a.sub_logo{<br />
background:url(https://static.igem.org/mediawiki/2010/3/3a/Sub_menu_logo.png);<br />
width:75px;<br />
height:85px;<br />
margin:8px 0 8px 0;<br />
}<br />
<br />
.sub_logo{<br />
text-indent:-1000em;<br />
}<br />
<br />
a#sub_sudoku{<br />
background-position:0px 0px;<br />
}<br />
<br />
a#sub_allergy{<br />
background-position:-75px 0px;<br />
}<br />
<br />
a#sub_bio{<br />
background-position:-150px 0px;<br />
}<br />
<br />
ul.ss_menu {<br />
margin:4px 0px 8px 0px !important;<br />
display:block;<br />
}<br />
<br />
.ss_menu li{<br />
margin:0px 0px 0px 0px;<br />
padding:3px 0 5px 0;<br />
}<br />
<br />
<br />
/* sub sub menu base */ <br />
<br />
#sss,#ssa,#ssb{<br />
padding:1px 0 0 0 !important;<br />
overflow:hidden;<br />
}<br />
<br />
/* For dynamic system */<br />
<br />
.open{<br />
background-image:url(https://static.igem.org/mediawiki/2010/3/35/Sub_menu_base.png);<br />
background-repeat: no-repeat ;<br />
height:290px ;<br />
}<br />
<br />
.hide{<br />
background-image:none;<br />
height:120px ;<br />
<br />
}<br />
<br />
/* For dynamic system end */<br />
<br />
<br />
li#sss{<br />
background-position:0px 0px !important;<br />
<br />
}<br />
<br />
li#sss a{<br />
color:#000;<br />
}<br />
<br />
li#ssa{<br />
background-position:0px -255px !important;<br />
color:#00f !important;<br />
text-decoration:underline;<br />
<br />
}<br />
<br />
li#ssb{<br />
background-position:0px -510px !important;<br />
color:#00f !important;<br />
text-decoration:underline !important;<br />
font-size:8pt;<br />
text-indent:0px !important;<br />
}<br />
<br />
.s_hide{<br />
display:none;<br />
}<br />
<br />
/* SUB MENU END */<br />
<br />
/* MENU END */<br />
<br />
<br />
/* MAIN CONTENTS */<br />
<br />
div#content_frame {<br />
float:right;<br />
background:#FFF;<br />
margin: 0px 5px 10px 8px;<br />
padding: 0px 0px 20px 0px;<br />
width:800px;<br />
overflow:hidden;<br />
}<br />
<br />
div#title {<br />
overflow:hidden;<br />
width:100%;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
div#main_content {<br />
background-color:transparent;<br />
margin:0px;<br />
padding:15px 18px 10px 18px;<br />
border:none;<br />
width:95%;<br />
}<br />
<br />
div#descrap {<br />
margin:auto;<br />
padding:auto;<br />
width:705px;<br />
}<br />
<br />
<br />
p.desc1{<br />
color:#fff;<br />
margin: 10px 8px 0px -8px;<br />
margin-right:0px;<br />
padding: 50px 20px 15px 200px;<br />
width:495px;<br />
height:155px;<br />
}<br />
<br />
p.desc2{<br />
color:#fff;<br />
margin: 0px 0px 10px 0px;<br />
margin-right:-5px;<br />
padding: 135px 20px 15px 15px;<br />
width:315px;<br />
height:270px;<br />
float:left;<br />
}<br />
<br />
.desc img{<br />
display:block;<br />
margin:auto;<br />
padding:auto;<br />
}<br />
<br />
p#s_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/3/37/Desc_base_s.png) no-repeat;<br />
}<br />
<br />
p#a_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/6/64/Desc_base_a.png) no-repeat;<br />
font-size:8.8pt;<br />
}<br />
<br />
p#b_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/e/e5/Desc_base_b.png) no-repeat;<br />
font-size:10pt;<br />
}<br />
<br />
/* MAIN CONTENTS END */<br />
<br />
/* FOOTER */<br />
<br />
div#foot{<br />
margin:0;<br />
background-color:#33C;<br />
clear:both;<br />
text-align:center;<br />
padding-top:30px;<br />
padding-bottom:30px;<br />
width:100%;<br />
height:10px;<br />
color:#FFF;<br />
}<br />
<br />
/* FOOTER END */<br />
<br />
/*wiki hack*/<br />
#globalWrapper {<br />
background-color: transparent;<br />
padding-bottom:0px;<br />
border: none;<br />
}<br />
#content {<br />
background-color: transparent;<br />
border:none;<br />
padding-bottom:none;<br />
margin-bottom:none;<br />
}<br />
#bodyContent {<br />
border: none;<br />
}<br />
#top-section {<br />
height: 14px;<br />
margin-top: -16px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-bottom: 4px !important;<br />
padding:0;<br />
border: none;<br />
}<br />
#p-logo {<br />
height:1px;<br />
overflow:hidden;<br />
border:none;<br />
}<br />
#search-controls {<br />
overflow:hidden;<br />
display:none;<br />
background: none;<br />
position: absolute;<br />
top: 100px;<br />
right: 40px;<br />
} <br />
.left-menu { width: 400px; display:block; float:left; margin-top:-62px; margin-right:30px; border: none; left:20px;} <br />
.left-menu ul { border: none; }<br />
<br />
#menubar.right-menu {<br />
width:300px;<br />
display:block;<br />
float:left;<br />
margin-top:-62px;<br />
padding-left:50px;<br />
border: none;<br />
right:50px;<br />
} <br />
.right-menu ul { border: none;}<br />
<br />
#menubar li a{<br />
color:#fcf;<br />
}<br />
<br />
#menubar li a:hover {<br />
color:#fcf;<br />
text-decoration:underline;<br />
}<br />
<br />
#menubar li.selected a {<br />
color:#555555;<br />
}<br />
<br />
#footer-box {<br />
background-color: white;<br />
border: none;<br />
width: 965px;<br />
margin: 0 auto;<br />
margin-bottom:none;<br />
padding-left:5px;<br />
padding-right:5px;<br />
}<br />
#footer {<br />
border: none;<br />
width: 965px;<br />
margin: 0;<br />
padding: 0;<br />
background-color:white;<br />
} .firstHeading { display: none;}<br />
#f-list a {<br />
color: #333;<br />
font-size: 10px;<br />
}<br />
#f-list a:hover {<br />
color: #666;<br />
}<br />
#footer ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#footer ul li {<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
margin-left: 10px;<br />
margin-right: 10px;<br />
padding: 0;<br />
}<br />
/*wiki hack end*/<br />
</style><br />
</html></div>
Tomoaki
http://2010.igem.org/Template:UT-Tokyo_CSS3
Template:UT-Tokyo CSS3
2010-10-27T17:43:29Z
<p>Tomoaki: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "utf-8";<br />
/* CSS Document */<br />
<br />
body {<br />
background-color:#666;<br />
margin:0px;<br />
padding:5px;<br />
padding-bottom:0px;<br />
border:none;<br />
text-align:justify;<br />
font-family:Verdana, Geneva, sans-serif;<br />
}<br />
<br />
img {<br />
border-style:none;<br />
}<br />
<br />
p.pad{<br />
text-indent:1em;<br />
padding-left:20px;<br />
padding-right:20px;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
color: black;<br />
background: none;<br />
font-weight: normal;<br />
margin: 0;<br />
padding-top: .5em;<br />
padding-bottom: .17em;<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
h1 { font-size: 188%; }<br />
<br />
h2 { font-size: 150%; }<br />
<br />
h3, h4, h5, h6 {<br />
border-bottom: none;<br />
font-weight: bold;<br />
}<br />
<br />
h3 { font-size: 132%; }<br />
<br />
h4 { font-size: 116%; }<br />
<br />
h5 { font-size: 100%; }<br />
<br />
h6 { font-size: 80%; }<br />
<br />
<br />
li{<br />
list-style:none !important; <br />
}<br />
<br />
.radius { <br />
-moz-border-radius: 10px; /* Firefox */ <br />
-webkit-border-radius: 10px; /* Safari and Chrome */ <br />
border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; /* Firefox */<br />
-webkit-box-shadow: 5px 5px 10px #000; /* Safari and Chrome */<br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ <br />
} <br />
<br />
#inpagemenu{<br />
background-color:#000;<br />
margin:3px;<br />
padding:2px;<br />
font-weight:bold;<br />
font-size:11pt;<br />
}<br />
<br />
#inpagemenu li{<br />
flort:left;<br />
width:100px;<br />
}<br />
<br />
#inpagemenu>li>a:link,#inpagemenu>li>a:visited{<br />
display:block;<br />
color:#fff;<br />
background-color:#000;<br />
font-family:"Times New Roman", Times, serif;<br />
<br />
margin:3px;<br />
padding:2px;<br />
}<br />
<br />
#inpagemenu>li>a:hover,#inpagemenu>li>a:active{<br />
display:block;<br />
background-color:#FF0;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
font-family:"Times New Roman", Times, serif;<br />
margin:3px;<br />
padding:2px;<br />
}<br />
<br />
.top_radius {<br />
-moz-border-radius-topright:10px;<br />
-moz-border-radius-topleft:10px;<br />
-moz-border-radius-bottomright:0;<br />
-moz-border-radius-bottomleft:0;<br />
-webkit-border-top-right-radius:10px;<br />
-webkit-border-top-left-radius:10px;<br />
-webkit-border-bottom-right-radius:0;<br />
-webkit-border-bottom-left-radius:0;<br />
border-radius-topright:10px;<br />
border-radius-topleft:10px;<br />
border-radius-bottomright:0;<br />
border-radius-bottomleft:0;<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; <br />
-webkit-box-shadow: 5px 5px 10px #000; <br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
}<br />
<br />
/* MENU */<br />
<br />
/* MAIN MENU */<br />
<br />
a#igemlogo{<br />
<br />
position: absolute;<br />
top: 25px;<br />
right: 70px;<br />
<br />
}<br />
<br />
div#main_menu {<br />
background-color:white;<br />
background:url(https://static.igem.org/mediawiki/2010/a/a4/Menu_base.png) no-repeat;<br />
margin: -3px 0 0 0;<br />
padding-top: 8px;<br />
padding-right: 0px;<br />
padding-bottom: 0px;<br />
padding-left: 12px;<br />
border-top-style: none;<br />
border-right-style: none;<br />
border-bottom-style: none;<br />
border-left-style: none;<br />
height:339px;<br />
width:133px;<br />
float:left;<br />
}<br />
<br />
ul#main_menu {<br />
background-color:transparent;<br />
margin:10px 0 0 0;<br />
padding:0;<br />
}<br />
<br />
#main_menu>li {<br />
margin:0;<br />
paddding:0;<br />
}<br />
<br />
#main_menu>li>a {<br />
background-image:url(https://static.igem.org/mediawiki/2010/e/ed/Menu_chara.png);<br />
display:block;<br />
width:120px;<br />
height:26px;<br />
text-indent:-1000em;<br />
}<br />
<br />
#team {<br />
background-position: 0px 0px;<br />
}<br />
<br />
#project {<br />
background-position:0px -26px;<br />
}<br />
<br />
#parts {<br />
background-position:0px -52px;<br />
}<br />
<br />
#protocols {<br />
background-position:0px -78px;<br />
}<br />
<br />
#online {<br />
background-position:0px -104px;<br />
}<br />
<br />
#sponsor {<br />
background-position:0px -130px;<br />
}<br />
<br />
#consideration {<br />
background-position:0px -157px;<br />
}<br />
<br />
/* MAIN MENU END */<br />
<br />
/* SUB MENU*/<br />
<br />
div#sub_menu{<br />
background-color:#fff;<br />
margin:0 0 0 8px;<br />
padding:20px 0 13px 0;<br />
float:left;<br />
width:75px;<br />
text-align:center;<br />
font-family:"Times New Roman", Times, serif;<br />
font-weight:bold;<br />
font-size:10pt;<br />
}<br />
<br />
#sub_head{<br />
font-size:15pt;<br />
}<br />
<br />
#sub_menu a{<br />
display:block;<br />
text-decoration:none;<br />
}<br />
<br />
.ss_menu a:link{<br />
background-color:transparent;<br />
}<br />
<br />
*.ss_menu a:hover,*.ss_menu a:active{<br />
background-color:#FF6;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
display:block;<br />
}<br />
<br />
#sub_menu ul{<br />
margin:-10px 0px 0px 0px;<br />
padding:0px;<br />
border:none;<br />
}<br />
<br />
#sub_menu>ul>li{<br />
margin-bottom:10px;<br />
}<br />
<br />
a.sub_logo{<br />
background:url(https://static.igem.org/mediawiki/2010/3/3a/Sub_menu_logo.png);<br />
width:75px;<br />
height:85px;<br />
margin:8px 0 8px 0;<br />
}<br />
<br />
.sub_logo{<br />
text-indent:-1000em;<br />
}<br />
<br />
a#sub_sudoku{<br />
background-position:0px 0px;<br />
}<br />
<br />
a#sub_allergy{<br />
background-position:-75px 0px;<br />
}<br />
<br />
a#sub_bio{<br />
background-position:-150px 0px;<br />
}<br />
<br />
ul.ss_menu {<br />
margin:4px 0px 8px 0px !important;<br />
display:block;<br />
}<br />
<br />
.ss_menu li{<br />
margin:0px 0px 0px 0px;<br />
padding:3px 0 5px 0;<br />
}<br />
<br />
<br />
/* sub sub menu base */ <br />
<br />
#sss,#ssa,#ssb{<br />
padding:1px 0 0 0 !important;<br />
overflow:hidden;<br />
}<br />
<br />
/* For dynamic system */<br />
<br />
.open{<br />
background-image:url(https://static.igem.org/mediawiki/2010/3/35/Sub_menu_base.png);<br />
background-repeat: no-repeat ;<br />
height:290px ;<br />
}<br />
<br />
.hide{<br />
background-image:none;<br />
height:120px ;<br />
<br />
}<br />
<br />
/* For dynamic system end */<br />
<br />
<br />
li#sss{<br />
background-position:0px 0px !important;<br />
<br />
}<br />
<br />
li#sss a{<br />
color:#000;<br />
}<br />
<br />
li#ssa{<br />
background-position:0px -255px !important;<br />
color:#00f !important;<br />
text-decoration:underline;<br />
<br />
}<br />
<br />
li#ssb{<br />
background-position:0px -510px !important;<br />
color:#00f !important;<br />
text-decoration:underline !important;<br />
font-size:8pt;<br />
text-indent:0px !important;<br />
}<br />
<br />
.s_hide{<br />
display:none;<br />
}<br />
<br />
/* SUB MENU END */<br />
<br />
/* MENU END */<br />
<br />
<br />
/* MAIN CONTENTS */<br />
<br />
div#content_frame {<br />
float:right;<br />
background:#FFF;<br />
margin: 0px 5px 10px 8px;<br />
padding: 0px 0px 20px 0px;<br />
width:800px;<br />
overflow:hidden;<br />
}<br />
<br />
div#title {<br />
overflow:hidden;<br />
width:100%;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
div#main_content {<br />
background-color:transparent;<br />
margin:0px;<br />
padding:15px 18px 10px 18px;<br />
border:none;<br />
width:95%;<br />
}<br />
<br />
div#descrap {<br />
margin:auto;<br />
padding:auto;<br />
width:705px;<br />
}<br />
<br />
<br />
p.desc1{<br />
color:#fff;<br />
margin: 10px 8px 0px -8px;<br />
margin-right:0px;<br />
padding: 50px 20px 15px 200px;<br />
width:495px;<br />
height:155px;<br />
}<br />
<br />
p.desc2{<br />
color:#fff;<br />
margin: 0px 0px 10px 0px;<br />
margin-right:-5px;<br />
padding: 135px 20px 15px 15px;<br />
width:315px;<br />
height:270px;<br />
float:left;<br />
}<br />
<br />
.desc img{<br />
display:block;<br />
margin:auto;<br />
padding:auto;<br />
}<br />
<br />
p#s_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/3/37/Desc_base_s.png) no-repeat;<br />
}<br />
<br />
p#a_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/6/64/Desc_base_a.png) no-repeat;<br />
font-size:8.8pt;<br />
}<br />
<br />
p#b_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/e/e5/Desc_base_b.png) no-repeat;<br />
font-size:10pt;<br />
}<br />
<br />
/* MAIN CONTENTS END */<br />
<br />
/* FOOTER */<br />
<br />
div#foot{<br />
margin:0;<br />
background-color:#33C;<br />
clear:both;<br />
text-align:center;<br />
padding-top:30px;<br />
padding-bottom:30px;<br />
width:100%;<br />
height:10px;<br />
color:#FFF;<br />
}<br />
<br />
/* FOOTER END */<br />
<br />
/*wiki hack*/<br />
#globalWrapper {<br />
background-color: transparent;<br />
padding-bottom:0px;<br />
border: none;<br />
}<br />
#content {<br />
background-color: transparent;<br />
border:none;<br />
padding-bottom:none;<br />
margin-bottom:none;<br />
}<br />
#bodyContent {<br />
border: none;<br />
}<br />
#top-section {<br />
height: 14px;<br />
margin-top: -16px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-bottom: 4px !important;<br />
padding:0;<br />
border: none;<br />
}<br />
#p-logo {<br />
height:1px;<br />
overflow:hidden;<br />
border:none;<br />
}<br />
#search-controls {<br />
overflow:hidden;<br />
display:none;<br />
background: none;<br />
position: absolute;<br />
top: 100px;<br />
right: 40px;<br />
} <br />
.left-menu { width: 400px; display:block; float:left; margin-top:-62px; margin-right:30px; border: none; left:20px;} <br />
.left-menu ul { border: none; }<br />
<br />
#menubar.right-menu {<br />
width:300px;<br />
display:block;<br />
float:left;<br />
margin-top:-62px;<br />
padding-left:50px;<br />
border: none;<br />
right:50px;<br />
} <br />
.right-menu ul { border: none;}<br />
<br />
#menubar li a{<br />
color:#fcf;<br />
}<br />
<br />
#menubar li a:hover {<br />
color:#fcf;<br />
text-decoration:underline;<br />
}<br />
<br />
#menubar li.selected a {<br />
color:#555555;<br />
}<br />
<br />
#footer-box {<br />
background-color: white;<br />
border: none;<br />
width: 965px;<br />
margin: 0 auto;<br />
margin-bottom:none;<br />
padding-left:5px;<br />
padding-right:5px;<br />
}<br />
#footer {<br />
border: none;<br />
width: 965px;<br />
margin: 0;<br />
padding: 0;<br />
background-color:white;<br />
} .firstHeading { display: none;}<br />
#f-list a {<br />
color: #333;<br />
font-size: 10px;<br />
}<br />
#f-list a:hover {<br />
color: #666;<br />
}<br />
#footer ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#footer ul li {<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
margin-left: 10px;<br />
margin-right: 10px;<br />
padding: 0;<br />
}<br />
/*wiki hack end*/<br />
</style><br />
</html></div>
Tomoaki
http://2010.igem.org/Template:UT-Tokyo_CSS3
Template:UT-Tokyo CSS3
2010-10-27T17:41:50Z
<p>Tomoaki: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "utf-8";<br />
/* CSS Document */<br />
<br />
body {<br />
background-color:#666;<br />
margin:0px;<br />
padding:5px;<br />
padding-bottom:0px;<br />
border:none;<br />
text-align:justify;<br />
font-family:Verdana, Geneva, sans-serif;<br />
}<br />
<br />
img {<br />
border-style:none;<br />
}<br />
<br />
p.pad{<br />
text-indent:1em;<br />
padding-left:20px;<br />
padding-right:20px;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
color: black;<br />
background: none;<br />
font-weight: normal;<br />
margin: 0;<br />
padding-top: .5em;<br />
padding-bottom: .17em;<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
h1 { font-size: 188%; }<br />
<br />
h2 { font-size: 150%; }<br />
<br />
h3, h4, h5, h6 {<br />
border-bottom: none;<br />
font-weight: bold;<br />
}<br />
<br />
h3 { font-size: 132%; }<br />
<br />
h4 { font-size: 116%; }<br />
<br />
h5 { font-size: 100%; }<br />
<br />
h6 { font-size: 80%; }<br />
<br />
<br />
li{<br />
list-style:none !important; <br />
}<br />
<br />
.radius { <br />
-moz-border-radius: 10px; /* Firefox */ <br />
-webkit-border-radius: 10px; /* Safari and Chrome */ <br />
border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; /* Firefox */<br />
-webkit-box-shadow: 5px 5px 10px #000; /* Safari and Chrome */<br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ <br />
} <br />
<br />
#inpagemenu{<br />
background-color:#000;<br />
margin:3px;<br />
padding:2px;<br />
font-weight:bold;<br />
font-size:11pt;<br />
}<br />
<br />
#inpagemenu>li>a:link,#inpagemenu>li>a:visited{<br />
display:block;<br />
color:#fff;<br />
background-color:#000;<br />
font-family:"Times New Roman", Times, serif;<br />
<br />
margin:3px;<br />
padding:2px;<br />
}<br />
<br />
#inpagemenu>li>a:hover,#inpagemenu>li>a:active{<br />
display:block;<br />
background-color:#FF0;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
font-family:"Times New Roman", Times, serif;<br />
margin:3px;<br />
padding:2px;<br />
}<br />
<br />
.top_radius {<br />
-moz-border-radius-topright:10px;<br />
-moz-border-radius-topleft:10px;<br />
-moz-border-radius-bottomright:0;<br />
-moz-border-radius-bottomleft:0;<br />
-webkit-border-top-right-radius:10px;<br />
-webkit-border-top-left-radius:10px;<br />
-webkit-border-bottom-right-radius:0;<br />
-webkit-border-bottom-left-radius:0;<br />
border-radius-topright:10px;<br />
border-radius-topleft:10px;<br />
border-radius-bottomright:0;<br />
border-radius-bottomleft:0;<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; <br />
-webkit-box-shadow: 5px 5px 10px #000; <br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
}<br />
<br />
/* MENU */<br />
<br />
/* MAIN MENU */<br />
<br />
a#igemlogo{<br />
<br />
position: absolute;<br />
top: 25px;<br />
right: 70px;<br />
<br />
}<br />
<br />
div#main_menu {<br />
background-color:white;<br />
background:url(https://static.igem.org/mediawiki/2010/a/a4/Menu_base.png) no-repeat;<br />
margin: -3px 0 0 0;<br />
padding-top: 8px;<br />
padding-right: 0px;<br />
padding-bottom: 0px;<br />
padding-left: 12px;<br />
border-top-style: none;<br />
border-right-style: none;<br />
border-bottom-style: none;<br />
border-left-style: none;<br />
height:339px;<br />
width:133px;<br />
float:left;<br />
}<br />
<br />
ul#main_menu {<br />
background-color:transparent;<br />
margin:10px 0 0 0;<br />
padding:0;<br />
}<br />
<br />
#main_menu>li {<br />
margin:0;<br />
paddding:0;<br />
}<br />
<br />
#main_menu>li>a {<br />
background-image:url(https://static.igem.org/mediawiki/2010/e/ed/Menu_chara.png);<br />
display:block;<br />
width:120px;<br />
height:26px;<br />
text-indent:-1000em;<br />
}<br />
<br />
#team {<br />
background-position: 0px 0px;<br />
}<br />
<br />
#project {<br />
background-position:0px -26px;<br />
}<br />
<br />
#parts {<br />
background-position:0px -52px;<br />
}<br />
<br />
#protocols {<br />
background-position:0px -78px;<br />
}<br />
<br />
#online {<br />
background-position:0px -104px;<br />
}<br />
<br />
#sponsor {<br />
background-position:0px -130px;<br />
}<br />
<br />
#consideration {<br />
background-position:0px -157px;<br />
}<br />
<br />
/* MAIN MENU END */<br />
<br />
/* SUB MENU*/<br />
<br />
div#sub_menu{<br />
background-color:#fff;<br />
margin:0 0 0 8px;<br />
padding:20px 0 13px 0;<br />
float:left;<br />
width:75px;<br />
text-align:center;<br />
font-family:"Times New Roman", Times, serif;<br />
font-weight:bold;<br />
font-size:10pt;<br />
}<br />
<br />
#sub_head{<br />
font-size:15pt;<br />
}<br />
<br />
#sub_menu a{<br />
display:block;<br />
text-decoration:none;<br />
}<br />
<br />
.ss_menu a:link{<br />
background-color:transparent;<br />
}<br />
<br />
*.ss_menu a:hover,*.ss_menu a:active{<br />
background-color:#FF6;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
display:block;<br />
}<br />
<br />
#sub_menu ul{<br />
margin:-10px 0px 0px 0px;<br />
padding:0px;<br />
border:none;<br />
}<br />
<br />
#sub_menu>ul>li{<br />
margin-bottom:10px;<br />
}<br />
<br />
a.sub_logo{<br />
background:url(https://static.igem.org/mediawiki/2010/3/3a/Sub_menu_logo.png);<br />
width:75px;<br />
height:85px;<br />
margin:8px 0 8px 0;<br />
}<br />
<br />
.sub_logo{<br />
text-indent:-1000em;<br />
}<br />
<br />
a#sub_sudoku{<br />
background-position:0px 0px;<br />
}<br />
<br />
a#sub_allergy{<br />
background-position:-75px 0px;<br />
}<br />
<br />
a#sub_bio{<br />
background-position:-150px 0px;<br />
}<br />
<br />
ul.ss_menu {<br />
margin:4px 0px 8px 0px !important;<br />
display:block;<br />
}<br />
<br />
.ss_menu li{<br />
margin:0px 0px 0px 0px;<br />
padding:3px 0 5px 0;<br />
}<br />
<br />
<br />
/* sub sub menu base */ <br />
<br />
#sss,#ssa,#ssb{<br />
padding:1px 0 0 0 !important;<br />
overflow:hidden;<br />
}<br />
<br />
/* For dynamic system */<br />
<br />
.open{<br />
background-image:url(https://static.igem.org/mediawiki/2010/3/35/Sub_menu_base.png);<br />
background-repeat: no-repeat ;<br />
height:290px ;<br />
}<br />
<br />
.hide{<br />
background-image:none;<br />
height:120px ;<br />
<br />
}<br />
<br />
/* For dynamic system end */<br />
<br />
<br />
li#sss{<br />
background-position:0px 0px !important;<br />
<br />
}<br />
<br />
li#sss a{<br />
color:#000;<br />
}<br />
<br />
li#ssa{<br />
background-position:0px -255px !important;<br />
color:#00f !important;<br />
text-decoration:underline;<br />
<br />
}<br />
<br />
li#ssb{<br />
background-position:0px -510px !important;<br />
color:#00f !important;<br />
text-decoration:underline !important;<br />
font-size:8pt;<br />
text-indent:0px !important;<br />
}<br />
<br />
.s_hide{<br />
display:none;<br />
}<br />
<br />
/* SUB MENU END */<br />
<br />
/* MENU END */<br />
<br />
<br />
/* MAIN CONTENTS */<br />
<br />
div#content_frame {<br />
float:right;<br />
background:#FFF;<br />
margin: 0px 5px 10px 8px;<br />
padding: 0px 0px 20px 0px;<br />
width:800px;<br />
overflow:hidden;<br />
}<br />
<br />
div#title {<br />
overflow:hidden;<br />
width:100%;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
div#main_content {<br />
background-color:transparent;<br />
margin:0px;<br />
padding:15px 18px 10px 18px;<br />
border:none;<br />
width:95%;<br />
}<br />
<br />
div#descrap {<br />
margin:auto;<br />
padding:auto;<br />
width:705px;<br />
}<br />
<br />
<br />
p.desc1{<br />
color:#fff;<br />
margin: 10px 8px 0px -8px;<br />
margin-right:0px;<br />
padding: 50px 20px 15px 200px;<br />
width:495px;<br />
height:155px;<br />
}<br />
<br />
p.desc2{<br />
color:#fff;<br />
margin: 0px 0px 10px 0px;<br />
margin-right:-5px;<br />
padding: 135px 20px 15px 15px;<br />
width:315px;<br />
height:270px;<br />
float:left;<br />
}<br />
<br />
.desc img{<br />
display:block;<br />
margin:auto;<br />
padding:auto;<br />
}<br />
<br />
p#s_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/3/37/Desc_base_s.png) no-repeat;<br />
}<br />
<br />
p#a_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/6/64/Desc_base_a.png) no-repeat;<br />
font-size:8.8pt;<br />
}<br />
<br />
p#b_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/e/e5/Desc_base_b.png) no-repeat;<br />
font-size:10pt;<br />
}<br />
<br />
/* MAIN CONTENTS END */<br />
<br />
/* FOOTER */<br />
<br />
div#foot{<br />
margin:0;<br />
background-color:#33C;<br />
clear:both;<br />
text-align:center;<br />
padding-top:30px;<br />
padding-bottom:30px;<br />
width:100%;<br />
height:10px;<br />
color:#FFF;<br />
}<br />
<br />
/* FOOTER END */<br />
<br />
/*wiki hack*/<br />
#globalWrapper {<br />
background-color: transparent;<br />
padding-bottom:0px;<br />
border: none;<br />
}<br />
#content {<br />
background-color: transparent;<br />
border:none;<br />
padding-bottom:none;<br />
margin-bottom:none;<br />
}<br />
#bodyContent {<br />
border: none;<br />
}<br />
#top-section {<br />
height: 14px;<br />
margin-top: -16px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-bottom: 4px !important;<br />
padding:0;<br />
border: none;<br />
}<br />
#p-logo {<br />
height:1px;<br />
overflow:hidden;<br />
border:none;<br />
}<br />
#search-controls {<br />
overflow:hidden;<br />
display:none;<br />
background: none;<br />
position: absolute;<br />
top: 100px;<br />
right: 40px;<br />
} <br />
.left-menu { width: 400px; display:block; float:left; margin-top:-62px; margin-right:30px; border: none; left:20px;} <br />
.left-menu ul { border: none; }<br />
<br />
#menubar.right-menu {<br />
width:300px;<br />
display:block;<br />
float:left;<br />
margin-top:-62px;<br />
padding-left:50px;<br />
border: none;<br />
right:50px;<br />
} <br />
.right-menu ul { border: none;}<br />
<br />
#menubar li a{<br />
color:#fcf;<br />
}<br />
<br />
#menubar li a:hover {<br />
color:#fcf;<br />
text-decoration:underline;<br />
}<br />
<br />
#menubar li.selected a {<br />
color:#555555;<br />
}<br />
<br />
#footer-box {<br />
background-color: white;<br />
border: none;<br />
width: 965px;<br />
margin: 0 auto;<br />
margin-bottom:none;<br />
padding-left:5px;<br />
padding-right:5px;<br />
}<br />
#footer {<br />
border: none;<br />
width: 965px;<br />
margin: 0;<br />
padding: 0;<br />
background-color:white;<br />
} .firstHeading { display: none;}<br />
#f-list a {<br />
color: #333;<br />
font-size: 10px;<br />
}<br />
#f-list a:hover {<br />
color: #666;<br />
}<br />
#footer ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#footer ul li {<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
margin-left: 10px;<br />
margin-right: 10px;<br />
padding: 0;<br />
}<br />
/*wiki hack end*/<br />
</style><br />
</html></div>
Tomoaki
http://2010.igem.org/Template:UT-Tokyo_CSS3
Template:UT-Tokyo CSS3
2010-10-27T17:41:24Z
<p>Tomoaki: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "utf-8";<br />
/* CSS Document */<br />
<br />
body {<br />
background-color:#666;<br />
margin:0px;<br />
padding:5px;<br />
padding-bottom:0px;<br />
border:none;<br />
text-align:justify;<br />
font-family:Verdana, Geneva, sans-serif;<br />
}<br />
<br />
img {<br />
border-style:none;<br />
}<br />
<br />
p.pad{<br />
text-indent:1em;<br />
padding-left:20px;<br />
padding-right:20px;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
color: black;<br />
background: none;<br />
font-weight: normal;<br />
margin: 0;<br />
padding-top: .5em;<br />
padding-bottom: .17em;<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
h1 { font-size: 188%; }<br />
<br />
h2 { font-size: 150%; }<br />
<br />
h3, h4, h5, h6 {<br />
border-bottom: none;<br />
font-weight: bold;<br />
}<br />
<br />
h3 { font-size: 132%; }<br />
<br />
h4 { font-size: 116%; }<br />
<br />
h5 { font-size: 100%; }<br />
<br />
h6 { font-size: 80%; }<br />
<br />
<br />
li{<br />
list-style:none !important; <br />
}<br />
<br />
.radius { <br />
-moz-border-radius: 10px; /* Firefox */ <br />
-webkit-border-radius: 10px; /* Safari and Chrome */ <br />
border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; /* Firefox */<br />
-webkit-box-shadow: 5px 5px 10px #000; /* Safari and Chrome */<br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ <br />
} <br />
<br />
#inpagemenu{<br />
background-color:#000;<br />
margin:3px;<br />
padding:2px;<br />
font-weight:bold;<br />
font-size:10pt;<br />
}<br />
<br />
#inpagemenu>li>a:link,#inpagemenu>li>a:visited{<br />
display:block;<br />
color:#fff;<br />
background-color:#000;<br />
font-family:"Times New Roman", Times, serif;<br />
<br />
margin:3px;<br />
padding:2px;<br />
}<br />
<br />
#inpagemenu>li>a:hover,#inpagemenu>li>a:active{<br />
display:block;<br />
background-color:#FF0;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
font-family:"Times New Roman", Times, serif;<br />
margin:3px;<br />
padding:2px;<br />
}<br />
<br />
.top_radius {<br />
-moz-border-radius-topright:10px;<br />
-moz-border-radius-topleft:10px;<br />
-moz-border-radius-bottomright:0;<br />
-moz-border-radius-bottomleft:0;<br />
-webkit-border-top-right-radius:10px;<br />
-webkit-border-top-left-radius:10px;<br />
-webkit-border-bottom-right-radius:0;<br />
-webkit-border-bottom-left-radius:0;<br />
border-radius-topright:10px;<br />
border-radius-topleft:10px;<br />
border-radius-bottomright:0;<br />
border-radius-bottomleft:0;<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; <br />
-webkit-box-shadow: 5px 5px 10px #000; <br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
}<br />
<br />
/* MENU */<br />
<br />
/* MAIN MENU */<br />
<br />
a#igemlogo{<br />
<br />
position: absolute;<br />
top: 25px;<br />
right: 70px;<br />
<br />
}<br />
<br />
div#main_menu {<br />
background-color:white;<br />
background:url(https://static.igem.org/mediawiki/2010/a/a4/Menu_base.png) no-repeat;<br />
margin: -3px 0 0 0;<br />
padding-top: 8px;<br />
padding-right: 0px;<br />
padding-bottom: 0px;<br />
padding-left: 12px;<br />
border-top-style: none;<br />
border-right-style: none;<br />
border-bottom-style: none;<br />
border-left-style: none;<br />
height:339px;<br />
width:133px;<br />
float:left;<br />
}<br />
<br />
ul#main_menu {<br />
background-color:transparent;<br />
margin:10px 0 0 0;<br />
padding:0;<br />
}<br />
<br />
#main_menu>li {<br />
margin:0;<br />
paddding:0;<br />
}<br />
<br />
#main_menu>li>a {<br />
background-image:url(https://static.igem.org/mediawiki/2010/e/ed/Menu_chara.png);<br />
display:block;<br />
width:120px;<br />
height:26px;<br />
text-indent:-1000em;<br />
}<br />
<br />
#team {<br />
background-position: 0px 0px;<br />
}<br />
<br />
#project {<br />
background-position:0px -26px;<br />
}<br />
<br />
#parts {<br />
background-position:0px -52px;<br />
}<br />
<br />
#protocols {<br />
background-position:0px -78px;<br />
}<br />
<br />
#online {<br />
background-position:0px -104px;<br />
}<br />
<br />
#sponsor {<br />
background-position:0px -130px;<br />
}<br />
<br />
#consideration {<br />
background-position:0px -157px;<br />
}<br />
<br />
/* MAIN MENU END */<br />
<br />
/* SUB MENU*/<br />
<br />
div#sub_menu{<br />
background-color:#fff;<br />
margin:0 0 0 8px;<br />
padding:20px 0 13px 0;<br />
float:left;<br />
width:75px;<br />
text-align:center;<br />
font-family:"Times New Roman", Times, serif;<br />
font-weight:bold;<br />
font-size:10pt;<br />
}<br />
<br />
#sub_head{<br />
font-size:15pt;<br />
}<br />
<br />
#sub_menu a{<br />
display:block;<br />
text-decoration:none;<br />
}<br />
<br />
.ss_menu a:link{<br />
background-color:transparent;<br />
}<br />
<br />
*.ss_menu a:hover,*.ss_menu a:active{<br />
background-color:#FF6;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
display:block;<br />
}<br />
<br />
#sub_menu ul{<br />
margin:-10px 0px 0px 0px;<br />
padding:0px;<br />
border:none;<br />
}<br />
<br />
#sub_menu>ul>li{<br />
margin-bottom:10px;<br />
}<br />
<br />
a.sub_logo{<br />
background:url(https://static.igem.org/mediawiki/2010/3/3a/Sub_menu_logo.png);<br />
width:75px;<br />
height:85px;<br />
margin:8px 0 8px 0;<br />
}<br />
<br />
.sub_logo{<br />
text-indent:-1000em;<br />
}<br />
<br />
a#sub_sudoku{<br />
background-position:0px 0px;<br />
}<br />
<br />
a#sub_allergy{<br />
background-position:-75px 0px;<br />
}<br />
<br />
a#sub_bio{<br />
background-position:-150px 0px;<br />
}<br />
<br />
ul.ss_menu {<br />
margin:4px 0px 8px 0px !important;<br />
display:block;<br />
}<br />
<br />
.ss_menu li{<br />
margin:0px 0px 0px 0px;<br />
padding:3px 0 5px 0;<br />
}<br />
<br />
<br />
/* sub sub menu base */ <br />
<br />
#sss,#ssa,#ssb{<br />
padding:1px 0 0 0 !important;<br />
overflow:hidden;<br />
}<br />
<br />
/* For dynamic system */<br />
<br />
.open{<br />
background-image:url(https://static.igem.org/mediawiki/2010/3/35/Sub_menu_base.png);<br />
background-repeat: no-repeat ;<br />
height:290px ;<br />
}<br />
<br />
.hide{<br />
background-image:none;<br />
height:120px ;<br />
<br />
}<br />
<br />
/* For dynamic system end */<br />
<br />
<br />
li#sss{<br />
background-position:0px 0px !important;<br />
<br />
}<br />
<br />
li#sss a{<br />
color:#000;<br />
}<br />
<br />
li#ssa{<br />
background-position:0px -255px !important;<br />
color:#00f !important;<br />
text-decoration:underline;<br />
<br />
}<br />
<br />
li#ssb{<br />
background-position:0px -510px !important;<br />
color:#00f !important;<br />
text-decoration:underline !important;<br />
font-size:8pt;<br />
text-indent:0px !important;<br />
}<br />
<br />
.s_hide{<br />
display:none;<br />
}<br />
<br />
/* SUB MENU END */<br />
<br />
/* MENU END */<br />
<br />
<br />
/* MAIN CONTENTS */<br />
<br />
div#content_frame {<br />
float:right;<br />
background:#FFF;<br />
margin: 0px 5px 10px 8px;<br />
padding: 0px 0px 20px 0px;<br />
width:800px;<br />
overflow:hidden;<br />
}<br />
<br />
div#title {<br />
overflow:hidden;<br />
width:100%;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
div#main_content {<br />
background-color:transparent;<br />
margin:0px;<br />
padding:15px 18px 10px 18px;<br />
border:none;<br />
width:95%;<br />
}<br />
<br />
div#descrap {<br />
margin:auto;<br />
padding:auto;<br />
width:705px;<br />
}<br />
<br />
<br />
p.desc1{<br />
color:#fff;<br />
margin: 10px 8px 0px -8px;<br />
margin-right:0px;<br />
padding: 50px 20px 15px 200px;<br />
width:495px;<br />
height:155px;<br />
}<br />
<br />
p.desc2{<br />
color:#fff;<br />
margin: 0px 0px 10px 0px;<br />
margin-right:-5px;<br />
padding: 135px 20px 15px 15px;<br />
width:315px;<br />
height:270px;<br />
float:left;<br />
}<br />
<br />
.desc img{<br />
display:block;<br />
margin:auto;<br />
padding:auto;<br />
}<br />
<br />
p#s_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/3/37/Desc_base_s.png) no-repeat;<br />
}<br />
<br />
p#a_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/6/64/Desc_base_a.png) no-repeat;<br />
font-size:8.8pt;<br />
}<br />
<br />
p#b_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/e/e5/Desc_base_b.png) no-repeat;<br />
font-size:10pt;<br />
}<br />
<br />
/* MAIN CONTENTS END */<br />
<br />
/* FOOTER */<br />
<br />
div#foot{<br />
margin:0;<br />
background-color:#33C;<br />
clear:both;<br />
text-align:center;<br />
padding-top:30px;<br />
padding-bottom:30px;<br />
width:100%;<br />
height:10px;<br />
color:#FFF;<br />
}<br />
<br />
/* FOOTER END */<br />
<br />
/*wiki hack*/<br />
#globalWrapper {<br />
background-color: transparent;<br />
padding-bottom:0px;<br />
border: none;<br />
}<br />
#content {<br />
background-color: transparent;<br />
border:none;<br />
padding-bottom:none;<br />
margin-bottom:none;<br />
}<br />
#bodyContent {<br />
border: none;<br />
}<br />
#top-section {<br />
height: 14px;<br />
margin-top: -16px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-bottom: 4px !important;<br />
padding:0;<br />
border: none;<br />
}<br />
#p-logo {<br />
height:1px;<br />
overflow:hidden;<br />
border:none;<br />
}<br />
#search-controls {<br />
overflow:hidden;<br />
display:none;<br />
background: none;<br />
position: absolute;<br />
top: 100px;<br />
right: 40px;<br />
} <br />
.left-menu { width: 400px; display:block; float:left; margin-top:-62px; margin-right:30px; border: none; left:20px;} <br />
.left-menu ul { border: none; }<br />
<br />
#menubar.right-menu {<br />
width:300px;<br />
display:block;<br />
float:left;<br />
margin-top:-62px;<br />
padding-left:50px;<br />
border: none;<br />
right:50px;<br />
} <br />
.right-menu ul { border: none;}<br />
<br />
#menubar li a{<br />
color:#fcf;<br />
}<br />
<br />
#menubar li a:hover {<br />
color:#fcf;<br />
text-decoration:underline;<br />
}<br />
<br />
#menubar li.selected a {<br />
color:#555555;<br />
}<br />
<br />
#footer-box {<br />
background-color: white;<br />
border: none;<br />
width: 965px;<br />
margin: 0 auto;<br />
margin-bottom:none;<br />
padding-left:5px;<br />
padding-right:5px;<br />
}<br />
#footer {<br />
border: none;<br />
width: 965px;<br />
margin: 0;<br />
padding: 0;<br />
background-color:white;<br />
} .firstHeading { display: none;}<br />
#f-list a {<br />
color: #333;<br />
font-size: 10px;<br />
}<br />
#f-list a:hover {<br />
color: #666;<br />
}<br />
#footer ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#footer ul li {<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
margin-left: 10px;<br />
margin-right: 10px;<br />
padding: 0;<br />
}<br />
/*wiki hack end*/<br />
</style><br />
</html></div>
Tomoaki
http://2010.igem.org/Template:UT-Tokyo_CSS3
Template:UT-Tokyo CSS3
2010-10-27T17:40:55Z
<p>Tomoaki: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "utf-8";<br />
/* CSS Document */<br />
<br />
body {<br />
background-color:#666;<br />
margin:0px;<br />
padding:5px;<br />
padding-bottom:0px;<br />
border:none;<br />
text-align:justify;<br />
font-family:Verdana, Geneva, sans-serif;<br />
}<br />
<br />
img {<br />
border-style:none;<br />
}<br />
<br />
p.pad{<br />
text-indent:1em;<br />
padding-left:20px;<br />
padding-right:20px;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
color: black;<br />
background: none;<br />
font-weight: normal;<br />
margin: 0;<br />
padding-top: .5em;<br />
padding-bottom: .17em;<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
h1 { font-size: 188%; }<br />
<br />
h2 { font-size: 150%; }<br />
<br />
h3, h4, h5, h6 {<br />
border-bottom: none;<br />
font-weight: bold;<br />
}<br />
<br />
h3 { font-size: 132%; }<br />
<br />
h4 { font-size: 116%; }<br />
<br />
h5 { font-size: 100%; }<br />
<br />
h6 { font-size: 80%; }<br />
<br />
<br />
li{<br />
list-style:none !important; <br />
}<br />
<br />
.radius { <br />
-moz-border-radius: 10px; /* Firefox */ <br />
-webkit-border-radius: 10px; /* Safari and Chrome */ <br />
border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; /* Firefox */<br />
-webkit-box-shadow: 5px 5px 10px #000; /* Safari and Chrome */<br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ <br />
} <br />
<br />
#inpagemenu{<br />
background-color:#000;<br />
margin:3px;<br />
padding:2px;<br />
font-weight:bold;<br />
}<br />
<br />
#inpagemenu>li>a:link,#inpagemenu>li>a:visited{<br />
display:block;<br />
color:#fff;<br />
background-color:#000;<br />
font-family:"Times New Roman", Times, serif;<br />
<br />
margin:3px;<br />
padding:2px;<br />
}<br />
<br />
#inpagemenu>li>a:hover,#inpagemenu>li>a:active{<br />
display:block;<br />
background-color:#FF0;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
font-family:"Times New Roman", Times, serif;<br />
margin:3px;<br />
padding:2px;<br />
}<br />
<br />
.top_radius {<br />
-moz-border-radius-topright:10px;<br />
-moz-border-radius-topleft:10px;<br />
-moz-border-radius-bottomright:0;<br />
-moz-border-radius-bottomleft:0;<br />
-webkit-border-top-right-radius:10px;<br />
-webkit-border-top-left-radius:10px;<br />
-webkit-border-bottom-right-radius:0;<br />
-webkit-border-bottom-left-radius:0;<br />
border-radius-topright:10px;<br />
border-radius-topleft:10px;<br />
border-radius-bottomright:0;<br />
border-radius-bottomleft:0;<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; <br />
-webkit-box-shadow: 5px 5px 10px #000; <br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
}<br />
<br />
/* MENU */<br />
<br />
/* MAIN MENU */<br />
<br />
a#igemlogo{<br />
<br />
position: absolute;<br />
top: 25px;<br />
right: 70px;<br />
<br />
}<br />
<br />
div#main_menu {<br />
background-color:white;<br />
background:url(https://static.igem.org/mediawiki/2010/a/a4/Menu_base.png) no-repeat;<br />
margin: -3px 0 0 0;<br />
padding-top: 8px;<br />
padding-right: 0px;<br />
padding-bottom: 0px;<br />
padding-left: 12px;<br />
border-top-style: none;<br />
border-right-style: none;<br />
border-bottom-style: none;<br />
border-left-style: none;<br />
height:339px;<br />
width:133px;<br />
float:left;<br />
}<br />
<br />
ul#main_menu {<br />
background-color:transparent;<br />
margin:10px 0 0 0;<br />
padding:0;<br />
}<br />
<br />
#main_menu>li {<br />
margin:0;<br />
paddding:0;<br />
}<br />
<br />
#main_menu>li>a {<br />
background-image:url(https://static.igem.org/mediawiki/2010/e/ed/Menu_chara.png);<br />
display:block;<br />
width:120px;<br />
height:26px;<br />
text-indent:-1000em;<br />
}<br />
<br />
#team {<br />
background-position: 0px 0px;<br />
}<br />
<br />
#project {<br />
background-position:0px -26px;<br />
}<br />
<br />
#parts {<br />
background-position:0px -52px;<br />
}<br />
<br />
#protocols {<br />
background-position:0px -78px;<br />
}<br />
<br />
#online {<br />
background-position:0px -104px;<br />
}<br />
<br />
#sponsor {<br />
background-position:0px -130px;<br />
}<br />
<br />
#consideration {<br />
background-position:0px -157px;<br />
}<br />
<br />
/* MAIN MENU END */<br />
<br />
/* SUB MENU*/<br />
<br />
div#sub_menu{<br />
background-color:#fff;<br />
margin:0 0 0 8px;<br />
padding:20px 0 13px 0;<br />
float:left;<br />
width:75px;<br />
text-align:center;<br />
font-family:"Times New Roman", Times, serif;<br />
font-weight:bold;<br />
font-size:10pt;<br />
}<br />
<br />
#sub_head{<br />
font-size:15pt;<br />
}<br />
<br />
#sub_menu a{<br />
display:block;<br />
text-decoration:none;<br />
}<br />
<br />
.ss_menu a:link{<br />
background-color:transparent;<br />
}<br />
<br />
*.ss_menu a:hover,*.ss_menu a:active{<br />
background-color:#FF6;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
display:block;<br />
}<br />
<br />
#sub_menu ul{<br />
margin:-10px 0px 0px 0px;<br />
padding:0px;<br />
border:none;<br />
}<br />
<br />
#sub_menu>ul>li{<br />
margin-bottom:10px;<br />
}<br />
<br />
a.sub_logo{<br />
background:url(https://static.igem.org/mediawiki/2010/3/3a/Sub_menu_logo.png);<br />
width:75px;<br />
height:85px;<br />
margin:8px 0 8px 0;<br />
}<br />
<br />
.sub_logo{<br />
text-indent:-1000em;<br />
}<br />
<br />
a#sub_sudoku{<br />
background-position:0px 0px;<br />
}<br />
<br />
a#sub_allergy{<br />
background-position:-75px 0px;<br />
}<br />
<br />
a#sub_bio{<br />
background-position:-150px 0px;<br />
}<br />
<br />
ul.ss_menu {<br />
margin:4px 0px 8px 0px !important;<br />
display:block;<br />
}<br />
<br />
.ss_menu li{<br />
margin:0px 0px 0px 0px;<br />
padding:3px 0 5px 0;<br />
}<br />
<br />
<br />
/* sub sub menu base */ <br />
<br />
#sss,#ssa,#ssb{<br />
padding:1px 0 0 0 !important;<br />
overflow:hidden;<br />
}<br />
<br />
/* For dynamic system */<br />
<br />
.open{<br />
background-image:url(https://static.igem.org/mediawiki/2010/3/35/Sub_menu_base.png);<br />
background-repeat: no-repeat ;<br />
height:290px ;<br />
}<br />
<br />
.hide{<br />
background-image:none;<br />
height:120px ;<br />
<br />
}<br />
<br />
/* For dynamic system end */<br />
<br />
<br />
li#sss{<br />
background-position:0px 0px !important;<br />
<br />
}<br />
<br />
li#sss a{<br />
color:#000;<br />
}<br />
<br />
li#ssa{<br />
background-position:0px -255px !important;<br />
color:#00f !important;<br />
text-decoration:underline;<br />
<br />
}<br />
<br />
li#ssb{<br />
background-position:0px -510px !important;<br />
color:#00f !important;<br />
text-decoration:underline !important;<br />
font-size:8pt;<br />
text-indent:0px !important;<br />
}<br />
<br />
.s_hide{<br />
display:none;<br />
}<br />
<br />
/* SUB MENU END */<br />
<br />
/* MENU END */<br />
<br />
<br />
/* MAIN CONTENTS */<br />
<br />
div#content_frame {<br />
float:right;<br />
background:#FFF;<br />
margin: 0px 5px 10px 8px;<br />
padding: 0px 0px 20px 0px;<br />
width:800px;<br />
overflow:hidden;<br />
}<br />
<br />
div#title {<br />
overflow:hidden;<br />
width:100%;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
div#main_content {<br />
background-color:transparent;<br />
margin:0px;<br />
padding:15px 18px 10px 18px;<br />
border:none;<br />
width:95%;<br />
}<br />
<br />
div#descrap {<br />
margin:auto;<br />
padding:auto;<br />
width:705px;<br />
}<br />
<br />
<br />
p.desc1{<br />
color:#fff;<br />
margin: 10px 8px 0px -8px;<br />
margin-right:0px;<br />
padding: 50px 20px 15px 200px;<br />
width:495px;<br />
height:155px;<br />
}<br />
<br />
p.desc2{<br />
color:#fff;<br />
margin: 0px 0px 10px 0px;<br />
margin-right:-5px;<br />
padding: 135px 20px 15px 15px;<br />
width:315px;<br />
height:270px;<br />
float:left;<br />
}<br />
<br />
.desc img{<br />
display:block;<br />
margin:auto;<br />
padding:auto;<br />
}<br />
<br />
p#s_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/3/37/Desc_base_s.png) no-repeat;<br />
}<br />
<br />
p#a_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/6/64/Desc_base_a.png) no-repeat;<br />
font-size:8.8pt;<br />
}<br />
<br />
p#b_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/e/e5/Desc_base_b.png) no-repeat;<br />
font-size:10pt;<br />
}<br />
<br />
/* MAIN CONTENTS END */<br />
<br />
/* FOOTER */<br />
<br />
div#foot{<br />
margin:0;<br />
background-color:#33C;<br />
clear:both;<br />
text-align:center;<br />
padding-top:30px;<br />
padding-bottom:30px;<br />
width:100%;<br />
height:10px;<br />
color:#FFF;<br />
}<br />
<br />
/* FOOTER END */<br />
<br />
/*wiki hack*/<br />
#globalWrapper {<br />
background-color: transparent;<br />
padding-bottom:0px;<br />
border: none;<br />
}<br />
#content {<br />
background-color: transparent;<br />
border:none;<br />
padding-bottom:none;<br />
margin-bottom:none;<br />
}<br />
#bodyContent {<br />
border: none;<br />
}<br />
#top-section {<br />
height: 14px;<br />
margin-top: -16px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-bottom: 4px !important;<br />
padding:0;<br />
border: none;<br />
}<br />
#p-logo {<br />
height:1px;<br />
overflow:hidden;<br />
border:none;<br />
}<br />
#search-controls {<br />
overflow:hidden;<br />
display:none;<br />
background: none;<br />
position: absolute;<br />
top: 100px;<br />
right: 40px;<br />
} <br />
.left-menu { width: 400px; display:block; float:left; margin-top:-62px; margin-right:30px; border: none; left:20px;} <br />
.left-menu ul { border: none; }<br />
<br />
#menubar.right-menu {<br />
width:300px;<br />
display:block;<br />
float:left;<br />
margin-top:-62px;<br />
padding-left:50px;<br />
border: none;<br />
right:50px;<br />
} <br />
.right-menu ul { border: none;}<br />
<br />
#menubar li a{<br />
color:#fcf;<br />
}<br />
<br />
#menubar li a:hover {<br />
color:#fcf;<br />
text-decoration:underline;<br />
}<br />
<br />
#menubar li.selected a {<br />
color:#555555;<br />
}<br />
<br />
#footer-box {<br />
background-color: white;<br />
border: none;<br />
width: 965px;<br />
margin: 0 auto;<br />
margin-bottom:none;<br />
padding-left:5px;<br />
padding-right:5px;<br />
}<br />
#footer {<br />
border: none;<br />
width: 965px;<br />
margin: 0;<br />
padding: 0;<br />
background-color:white;<br />
} .firstHeading { display: none;}<br />
#f-list a {<br />
color: #333;<br />
font-size: 10px;<br />
}<br />
#f-list a:hover {<br />
color: #666;<br />
}<br />
#footer ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#footer ul li {<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
margin-left: 10px;<br />
margin-right: 10px;<br />
padding: 0;<br />
}<br />
/*wiki hack end*/<br />
</style><br />
</html></div>
Tomoaki
http://2010.igem.org/Template:UT-Tokyo_CSS3
Template:UT-Tokyo CSS3
2010-10-27T17:39:06Z
<p>Tomoaki: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "utf-8";<br />
/* CSS Document */<br />
<br />
body {<br />
background-color:#666;<br />
margin:0px;<br />
padding:5px;<br />
padding-bottom:0px;<br />
border:none;<br />
text-align:justify;<br />
font-family:Verdana, Geneva, sans-serif;<br />
}<br />
<br />
img {<br />
border-style:none;<br />
}<br />
<br />
p.pad{<br />
text-indent:1em;<br />
padding-left:20px;<br />
padding-right:20px;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
color: black;<br />
background: none;<br />
font-weight: normal;<br />
margin: 0;<br />
padding-top: .5em;<br />
padding-bottom: .17em;<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
h1 { font-size: 188%; }<br />
<br />
h2 { font-size: 150%; }<br />
<br />
h3, h4, h5, h6 {<br />
border-bottom: none;<br />
font-weight: bold;<br />
}<br />
<br />
h3 { font-size: 132%; }<br />
<br />
h4 { font-size: 116%; }<br />
<br />
h5 { font-size: 100%; }<br />
<br />
h6 { font-size: 80%; }<br />
<br />
<br />
li{<br />
list-style:none !important; <br />
}<br />
<br />
.radius { <br />
-moz-border-radius: 10px; /* Firefox */ <br />
-webkit-border-radius: 10px; /* Safari and Chrome */ <br />
border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; /* Firefox */<br />
-webkit-box-shadow: 5px 5px 10px #000; /* Safari and Chrome */<br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ <br />
} <br />
<br />
#inpagemenu{<br />
background-color:#000;<br />
margin:3px;<br />
padding:2px;<br />
}<br />
<br />
#inpagemenu>li>a:link,#inpagemenu>li>a:visited{<br />
display:block;<br />
color:#fff;<br />
background-color:#000;<br />
font-family:"Times New Roman", Times, serif;<br />
text-weight:600;<br />
margin:3px;<br />
padding:2px;<br />
}<br />
<br />
#inpagemenu>li>a:hover,#inpagemenu>li>a:active{<br />
display:block;<br />
background-color:#FF0;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
font-family:"Times New Roman", Times, serif;<br />
margin:3px;<br />
padding:2px;<br />
}<br />
<br />
.top_radius {<br />
-moz-border-radius-topright:10px;<br />
-moz-border-radius-topleft:10px;<br />
-moz-border-radius-bottomright:0;<br />
-moz-border-radius-bottomleft:0;<br />
-webkit-border-top-right-radius:10px;<br />
-webkit-border-top-left-radius:10px;<br />
-webkit-border-bottom-right-radius:0;<br />
-webkit-border-bottom-left-radius:0;<br />
border-radius-topright:10px;<br />
border-radius-topleft:10px;<br />
border-radius-bottomright:0;<br />
border-radius-bottomleft:0;<br />
<br />
-moz-box-shadow: 5px 5px 10px #000; <br />
-webkit-box-shadow: 5px 5px 10px #000; <br />
box-shadow: 5px 5px 10px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
}<br />
<br />
/* MENU */<br />
<br />
/* MAIN MENU */<br />
<br />
a#igemlogo{<br />
<br />
position: absolute;<br />
top: 25px;<br />
right: 70px;<br />
<br />
}<br />
<br />
div#main_menu {<br />
background-color:white;<br />
background:url(https://static.igem.org/mediawiki/2010/a/a4/Menu_base.png) no-repeat;<br />
margin: -3px 0 0 0;<br />
padding-top: 8px;<br />
padding-right: 0px;<br />
padding-bottom: 0px;<br />
padding-left: 12px;<br />
border-top-style: none;<br />
border-right-style: none;<br />
border-bottom-style: none;<br />
border-left-style: none;<br />
height:339px;<br />
width:133px;<br />
float:left;<br />
}<br />
<br />
ul#main_menu {<br />
background-color:transparent;<br />
margin:10px 0 0 0;<br />
padding:0;<br />
}<br />
<br />
#main_menu>li {<br />
margin:0;<br />
paddding:0;<br />
}<br />
<br />
#main_menu>li>a {<br />
background-image:url(https://static.igem.org/mediawiki/2010/e/ed/Menu_chara.png);<br />
display:block;<br />
width:120px;<br />
height:26px;<br />
text-indent:-1000em;<br />
}<br />
<br />
#team {<br />
background-position: 0px 0px;<br />
}<br />
<br />
#project {<br />
background-position:0px -26px;<br />
}<br />
<br />
#parts {<br />
background-position:0px -52px;<br />
}<br />
<br />
#protocols {<br />
background-position:0px -78px;<br />
}<br />
<br />
#online {<br />
background-position:0px -104px;<br />
}<br />
<br />
#sponsor {<br />
background-position:0px -130px;<br />
}<br />
<br />
#consideration {<br />
background-position:0px -157px;<br />
}<br />
<br />
/* MAIN MENU END */<br />
<br />
/* SUB MENU*/<br />
<br />
div#sub_menu{<br />
background-color:#fff;<br />
margin:0 0 0 8px;<br />
padding:20px 0 13px 0;<br />
float:left;<br />
width:75px;<br />
text-align:center;<br />
font-family:"Times New Roman", Times, serif;<br />
font-weight:bold;<br />
font-size:10pt;<br />
}<br />
<br />
#sub_head{<br />
font-size:15pt;<br />
}<br />
<br />
#sub_menu a{<br />
display:block;<br />
text-decoration:none;<br />
}<br />
<br />
.ss_menu a:link{<br />
background-color:transparent;<br />
}<br />
<br />
*.ss_menu a:hover,*.ss_menu a:active{<br />
background-color:#FF6;<br />
-moz-border-radius: 10px; <br />
-webkit-border-radius: 10px; <br />
border-radius: 10px;<br />
-moz-box-shadow: 2px 2px 5px #000;<br />
-webkit-box-shadow: 2px 2px 5px #000;<br />
box-shadow: 2px 2px 5px #000;<br />
behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);<br />
display:block;<br />
}<br />
<br />
#sub_menu ul{<br />
margin:-10px 0px 0px 0px;<br />
padding:0px;<br />
border:none;<br />
}<br />
<br />
#sub_menu>ul>li{<br />
margin-bottom:10px;<br />
}<br />
<br />
a.sub_logo{<br />
background:url(https://static.igem.org/mediawiki/2010/3/3a/Sub_menu_logo.png);<br />
width:75px;<br />
height:85px;<br />
margin:8px 0 8px 0;<br />
}<br />
<br />
.sub_logo{<br />
text-indent:-1000em;<br />
}<br />
<br />
a#sub_sudoku{<br />
background-position:0px 0px;<br />
}<br />
<br />
a#sub_allergy{<br />
background-position:-75px 0px;<br />
}<br />
<br />
a#sub_bio{<br />
background-position:-150px 0px;<br />
}<br />
<br />
ul.ss_menu {<br />
margin:4px 0px 8px 0px !important;<br />
display:block;<br />
}<br />
<br />
.ss_menu li{<br />
margin:0px 0px 0px 0px;<br />
padding:3px 0 5px 0;<br />
}<br />
<br />
<br />
/* sub sub menu base */ <br />
<br />
#sss,#ssa,#ssb{<br />
padding:1px 0 0 0 !important;<br />
overflow:hidden;<br />
}<br />
<br />
/* For dynamic system */<br />
<br />
.open{<br />
background-image:url(https://static.igem.org/mediawiki/2010/3/35/Sub_menu_base.png);<br />
background-repeat: no-repeat ;<br />
height:290px ;<br />
}<br />
<br />
.hide{<br />
background-image:none;<br />
height:120px ;<br />
<br />
}<br />
<br />
/* For dynamic system end */<br />
<br />
<br />
li#sss{<br />
background-position:0px 0px !important;<br />
<br />
}<br />
<br />
li#sss a{<br />
color:#000;<br />
}<br />
<br />
li#ssa{<br />
background-position:0px -255px !important;<br />
color:#00f !important;<br />
text-decoration:underline;<br />
<br />
}<br />
<br />
li#ssb{<br />
background-position:0px -510px !important;<br />
color:#00f !important;<br />
text-decoration:underline !important;<br />
font-size:8pt;<br />
text-indent:0px !important;<br />
}<br />
<br />
.s_hide{<br />
display:none;<br />
}<br />
<br />
/* SUB MENU END */<br />
<br />
/* MENU END */<br />
<br />
<br />
/* MAIN CONTENTS */<br />
<br />
div#content_frame {<br />
float:right;<br />
background:#FFF;<br />
margin: 0px 5px 10px 8px;<br />
padding: 0px 0px 20px 0px;<br />
width:800px;<br />
overflow:hidden;<br />
}<br />
<br />
div#title {<br />
overflow:hidden;<br />
width:100%;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
div#main_content {<br />
background-color:transparent;<br />
margin:0px;<br />
padding:15px 18px 10px 18px;<br />
border:none;<br />
width:95%;<br />
}<br />
<br />
div#descrap {<br />
margin:auto;<br />
padding:auto;<br />
width:705px;<br />
}<br />
<br />
<br />
p.desc1{<br />
color:#fff;<br />
margin: 10px 8px 0px -8px;<br />
margin-right:0px;<br />
padding: 50px 20px 15px 200px;<br />
width:495px;<br />
height:155px;<br />
}<br />
<br />
p.desc2{<br />
color:#fff;<br />
margin: 0px 0px 10px 0px;<br />
margin-right:-5px;<br />
padding: 135px 20px 15px 15px;<br />
width:315px;<br />
height:270px;<br />
float:left;<br />
}<br />
<br />
.desc img{<br />
display:block;<br />
margin:auto;<br />
padding:auto;<br />
}<br />
<br />
p#s_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/3/37/Desc_base_s.png) no-repeat;<br />
}<br />
<br />
p#a_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/6/64/Desc_base_a.png) no-repeat;<br />
font-size:8.8pt;<br />
}<br />
<br />
p#b_desc{<br />
background:url(https://static.igem.org/mediawiki/2010/e/e5/Desc_base_b.png) no-repeat;<br />
font-size:10pt;<br />
}<br />
<br />
/* MAIN CONTENTS END */<br />
<br />
/* FOOTER */<br />
<br />
div#foot{<br />
margin:0;<br />
background-color:#33C;<br />
clear:both;<br />
text-align:center;<br />
padding-top:30px;<br />
padding-bottom:30px;<br />
width:100%;<br />
height:10px;<br />
color:#FFF;<br />
}<br />
<br />
/* FOOTER END */<br />
<br />
/*wiki hack*/<br />
#globalWrapper {<br />
background-color: transparent;<br />
padding-bottom:0px;<br />
border: none;<br />
}<br />
#content {<br />
background-color: transparent;<br />
border:none;<br />
padding-bottom:none;<br />
margin-bottom:none;<br />
}<br />
#bodyContent {<br />
border: none;<br />
}<br />
#top-section {<br />
height: 14px;<br />
margin-top: -16px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-bottom: 4px !important;<br />
padding:0;<br />
border: none;<br />
}<br />
#p-logo {<br />
height:1px;<br />
overflow:hidden;<br />
border:none;<br />
}<br />
#search-controls {<br />
overflow:hidden;<br />
display:none;<br />
background: none;<br />
position: absolute;<br />
top: 100px;<br />
right: 40px;<br />
} <br />
.left-menu { width: 400px; display:block; float:left; margin-top:-62px; margin-right:30px; border: none; left:20px;} <br />
.left-menu ul { border: none; }<br />
<br />
#menubar.right-menu {<br />
width:300px;<br />
display:block;<br />
float:left;<br />
margin-top:-62px;<br />
padding-left:50px;<br />
border: none;<br />
right:50px;<br />
} <br />
.right-menu ul { border: none;}<br />
<br />
#menubar li a{<br />
color:#fcf;<br />
}<br />
<br />
#menubar li a:hover {<br />
color:#fcf;<br />
text-decoration:underline;<br />
}<br />
<br />
#menubar li.selected a {<br />
color:#555555;<br />
}<br />
<br />
#footer-box {<br />
background-color: white;<br />
border: none;<br />
width: 965px;<br />
margin: 0 auto;<br />
margin-bottom:none;<br />
padding-left:5px;<br />
padding-right:5px;<br />
}<br />
#footer {<br />
border: none;<br />
width: 965px;<br />
margin: 0;<br />
padding: 0;<br />
background-color:white;<br />
} .firstHeading { display: none;}<br />
#f-list a {<br />
color: #333;<br />
font-size: 10px;<br />
}<br />
#f-list a:hover {<br />
color: #666;<br />
}<br />
#footer ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#footer ul li {<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
margin-left: 10px;<br />
margin-right: 10px;<br />
padding: 0;<br />
}<br />
/*wiki hack end*/<br />
</style><br />
</html></div>
Tomoaki