diff -r 4354d94c6d85 -r 3c62d8c7fb39 integration/css/egonomy.css --- a/integration/css/egonomy.css Fri Jan 18 18:27:32 2013 +0100 +++ b/integration/css/egonomy.css Wed Jan 23 12:56:13 2013 +0100 @@ -174,7 +174,7 @@ } .column-third:nth-child(3n+1) { - margin-left: 0; + margin-left: 0; clear: left; } .subcol-third-third { @@ -182,11 +182,7 @@ } .subcol-third-third:nth-child(3n+1) { - margin-left: 0; -} - -.img-ninth { - width: 96px; height: 72px; + margin-left: 0; clear: left; } .column-half { @@ -194,19 +190,51 @@ } .column-half:nth-child(2n+1) { - margin-left: 0; + margin-left: 0; clear: left; } .subcol-half-fourth { width: 110px; } -.img-eighth { - width: 110px; height: 82px; +.subcol-half-fourth:nth-child(4n+1) { + margin-left: 0; clear: left; +} + +.column-full { + margin-left: 0; width: 968px; +} + +.subcol-eighth { + width: 110px; +} + +.subcol-eighth:nth-child(even) { + margin-left: 13px; } -.subcol-half-fourth:nth-child(4n+1) { - margin-left: 0; +.subcol-eighth:nth-child(8n+1) { + margin-left: 0; clear: left; +} + +.center-image { + text-align: center; +} + +.image-and-fragment { + position: relative; margin: 0 auto; display: inline-block; +} + +.center-image img { + display: inline-block; +} +/* +.image-and-fragment img:after { + content: "."; display: block; clear: both; width: 0; line-height: 0; visibility: hidden; +} +*/ +.image-and-fragment svg { + position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* STYLES SPECIFIQUES A home.html */ @@ -226,13 +254,22 @@ } .image-metadata th { - font-weight: bold; width: 152px; text-align: left; padding: 4px 10px 4px 0; + font-weight: bold; width: 152px; text-align: left; padding: 4px 10px 4px 0; vertical-align: top; } .image-metadata td { width: 314px; padding: 4px 0; } +.image-metadata textarea { + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + width: 100%; border: 1px solid #6699FF; background: none; + padding: 2px; margin: 3px 0; height: 120px; + font-size: 13px; +} + .image-keywords { width: 100%; margin: 10px 0 0; } @@ -263,3 +300,7 @@ margin-left: 0; } +.highlight { + background: #ffff80; +} +