"

From 2012.igem.org

Revision as of 05:08, 5 March 2013 (view source) D.Webster (Talk | contribs) ← Older edit		Revision as of 21:28, 5 March 2013 (view source) D.Webster (Talk | contribs) Newer edit →
Line 10:		Line 10:
	==Resources==		==Resources==
		+	* CSS transforms: make sure you get webkit (Safari/Chrome), moz (Firefox), o (Opera), and ms (IE9+). For some things, it's possible to support IE6 as well, but these have case-by-case hacks.
		+	** Rotation in IE6+: -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; /* 0=0, 1=90, 2=180, 3=270 */
		+	** Rotation for others: -moz-transform: rotate(-90deg); (duplicate and replace moz with webkit, o, and ms)
	* Notebook images:		* Notebook images:
	<pre>		<pre>

---

Revision as of 21:28, 5 March 2013

To Do

• Figure out a tour template system
• Work on notebook page, try to get a filtered-entry system working
• Think about cool new ways to do the team bio page

Accomplished

• Have template recognize the page its on and adjust li-active accordingly
  • give each li an ID and have a short javascript checking the URL and setting the li with that ID to class="active". See wetnav. --> DONE (and put all javascript at bottom)

Resources

• CSS transforms: make sure you get webkit (Safari/Chrome), moz (Firefox), o (Opera), and ms (IE9+). For some things, it's possible to support IE6 as well, but these have case-by-case hacks.
  • Rotation in IE6+: -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; /* 0=0, 1=90, 2=180, 3=270 */
  • Rotation for others: -moz-transform: rotate(-90deg); (duplicate and replace moz with webkit, o, and ms)
• Notebook images:

"White": #f2f2f2
Gray: #8A8A8A
Wetlab: #40B249
https://static.igem.org/mediawiki/igem.org/2/23/Cornell-nb-wet-c.png
https://static.igem.org/mediawiki/igem.org/3/35/Cornell-nb-wet-g.png

Drylab: #2D75B0
https://static.igem.org/mediawiki/igem.org/6/6a/Cornell-nb-dry-c.png
https://static.igem.org/mediawiki/igem.org/2/2a/Cornell-nb-dry-g.png

Modeling: #AD2029
https://static.igem.org/mediawiki/igem.org/5/59/Cornell-nb-model-c.png
https://static.igem.org/mediawiki/igem.org/d/d0/Cornell-nb-model-g.png

Human Practices: #E58A35
https://static.igem.org/mediawiki/igem.org/5/59/Cornell-nb-hprac-c.png
https://static.igem.org/mediawiki/igem.org/e/e3/Cornell-nb-hprac-g.png

Wiki: #5D3697
https://static.igem.org/mediawiki/igem.org/f/ff/Cornell-nb-wiki-c.png
https://static.igem.org/mediawiki/igem.org/4/40/Cornell-nb-wiki-g.png

Animation: #D5BA34
https://static.igem.org/mediawiki/igem.org/4/46/Cornell-nb-anim-c.png
https://static.igem.org/mediawiki/igem.org/5/51/Cornell-nb-anim-g.png

• Make templates - learn from http://en.wikipedia.org/wiki/Help:Template
• Make bookmarklet to paste in template subst tag - learn from http://en.wikipedia.org/wiki/Bookmarklet

Notes

• Cornell red (carnelian red): #B31B1B
• Off-white: #F2F2F2