integration/css/egonomy.css
changeset 3 3c62d8c7fb39
parent 2 4354d94c6d85
child 8 c64d503ebba7
--- 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;
+}
+