Miriam Suzanne mirisuzanne
mirisuzanne
/ screen.css
Created
July 18, 2009 16:08
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Welcome to Susy. Use this file to define screen styles. | |
| * Import this file using the following HTML or equivalent: | |
| * <link href="/stylesheets/screen.css" media="screen" rel="stylesheet" type="text/css" /> */ | |
| /* RESET STYLES */ | |
| html, body, div, span, applet, object, iframe, | |
| h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
| a, abbr, acronym, address, big, cite, code, | |
| del, dfn, em, font, img, ins, kbd, q, s, samp, | |
| small, strike, strong, sub, sup, tt, var, | |
| dl, dt, dd, ol, ul, li, |
mirisuzanne
/ screen.css
Created
July 18, 2009 16:29
— forked from chriseppstein/screen.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body { text-align: center; font-size: 75%; line-height: 150%; } | |
| body #page { overflow: hidden; display: inline-block; text-align: left; margin-left: auto; margin-right: auto; width: 81em; max-width: 100%; background-color: blue; } | |
| body #page { display: block; } | |
| body #page #left-nav { width: 17.284%; display: inline; float: left; margin-right: 1.235%; margin-left: 1.235%; background-color: yellow; } | |
| body #page #main-content { padding-left: 12.346%; width: 23.457%; display: inline; float: left; margin-right: 1.235%; margin-right: 1.235%; background-color: orange; } | |
| body #page #main-content .header { width: 21.053%; display: inline; float: left; margin-right: 5.263%; margin-left: 0; background-color: green; } | |
| body #page #main-content .article { width: 73.684%; display: inline; float: left; margin-right: 5.263%; margin-right: 0; background-color: red; } |
mirisuzanne
/ susy.html
Created
July 19, 2009 19:37
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" | |
| "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
| <html> | |
| <head> | |
| <meta http-equiv="Content-type" content="text/html; charset=utf-8"> | |
| <title>Susy :: A Grid Plugin for Compass</title> | |
| <link rel="stylesheet" href="stylesheets/screen.css" type="text/css" media="screen" charset="utf-8"> | |
| </head> | |
| <body> | |
| <div id="page"> |
mirisuzanne
/ _base.sass
Created
July 19, 2009 21:58
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| //** | |
| // Susy: Elastic-Fluid grids without all the math | |
| // by Eric Meyer and OddBird Collective | |
| // oddbird.net | |
| //** | |
| /* RESET STYLES | |
| @import compass/reset.sass |
mirisuzanne
/ _base.sass
Created
July 19, 2009 22:18
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| //** | |
| // Susy: Elastic-Fluid grids without all the math | |
| // by Eric Meyer and OddBird Collective | |
| // http://www.oddbird.net | |
| //** | |
| /* RESET STYLES | |
| @import compass/reset.sass |
mirisuzanne
/ border-radius.sass
Created
July 20, 2009 00:35
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| =border-corner-radius(!vert, !horz, !r) | |
| /* Mozilla (FireFox) | |
| -moz-border-radius-#{!vert}#{!horz}= !r | |
| /* Webkit (Safari, Chrome) | |
| -webkit-border-#{!vert}-#{!horz}-radius= !r | |
| /* CSS3 | |
| border-#{!vert}-#{!horz}-radius= !r | |
| =border-top-left-radius(!r) | |
| +border-corner-radius("top", "left", !r) |
mirisuzanne
/ _base.sass
Created
July 22, 2009 23:44
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| //** | |
| // Susy: Elastic-Fluid grids without all the math | |
| // by Eric Meyer and OddBird Collective | |
| // oddbird. | |
| //** | |
| //** | |
| GRID | |
| un-comment and override these values as needed for your grid layout | |
| (defaults are shown) |
mirisuzanne
/ gist:180013
Created
September 2, 2009 22:29
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| WEB PRESENCE | |
| Questions to Consider: | |
| 1. What is the goal of the site? | |
| - internal communication? | |
| - marketing an organization or product? | |
| - providing information? | |
| - providing a tool? | |
| - networking? |
mirisuzanne
/ example.dubss
Created
January 9, 2010 09:51
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| NUESTRO VIAJE A CUBA FUE UNA GRAN EXPERIENCIA. ENCONTRAMOS A MUCHA GENTE Y COMIMOS MUCHO, COMO PLÁTANOS, JUDÍAS Y ARROZ, POLLO, GARBANZOS CON JAMÓN Y SALSICHAS AHUMADAS, FRICASSÉ DE POLLO CON OLIVAS Y UNA GRAN CANTIDAD DE POSTRES CUBANOS, BEBIAS Y ESPECIAS. CUBA ES MUY BONITA Y PENSAMOS VOLVER DE NUEVO ESTE AÑO. | |
| La cuenta, por favor. |
mirisuzanne
/ example.html
Created
January 19, 2010 07:42
— forked from chriseppstein/example.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | |
| <!-- saved from url=(0068)http://24ways.org/examples/compose-to-a-vertical-rhythm/example.html --> | |
| <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><META http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| <TITLE>Compose a Vertical Rhythm example</TITLE> | |
| <LINK rel="stylesheet" type="text/css" href="sassy.css" title="sassy"> | |
| <LINK rel="alternate stylesheet" type="text/css" href="original.css" title="original"> | |
| </HEAD><BODY> | |
| <H1>Aboard Minerva off the Coast of New England</H1> |
OlderNewer