--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/integration/css/egonomy.css Fri Jan 18 18:27:32 2013 +0100
@@ -0,0 +1,265 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+ v2.0 | 20110126
+ License: none (public domain)
+*/
+
+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, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+body {
+ line-height: 1;
+}
+ol, ul {
+ list-style: none;
+}
+blockquote, q {
+ quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none;
+}
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+.clear{
+ clear: both;
+}
+
+input::-moz-focus-inner {
+ border: 0 none;
+ padding: 0;
+}
+
+/* END RESET.CSS */
+
+html {
+ font-family: Arial, Helvetica, sans-serif;
+}
+
+body {
+ background: #FFFFFF;
+}
+
+a {
+ text-decoration: none; color: inherit;
+}
+
+a:hover {
+ text-decoration: underline;
+}
+
+.fullwidth {
+ width: 100%; float: left; clear: both;
+}
+
+header, .main {
+ width: 968px; margin: 0 auto;
+}
+
+.header-wrap {
+ background: #666666; /* Old browsers */
+ background: -moz-linear-gradient(top, #666666 20%, #333333 80%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#666666), color-stop(80%,#333333)); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, #666666 20%,#333333 80%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, #666666 20%,#333333 80%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, #666666 20%,#333333 80%); /* IE10+ */
+ background: linear-gradient(to bottom, #666666 20%,#333333 80%); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
+}
+
+header {
+ height: 40px;
+}
+
+
+h1 {
+ font-weight: bold;
+ font-size: 24px;
+ text-shadow: 1px 1px 1px #000; color: #f0f0f0;
+}
+
+nav {
+ text-align: right; color: #ffffff; font-size: 13px; margin: 5px 0;
+}
+
+h2 {
+ font-size: 18px; font-weight: bold; color: #003366;
+ margin: 10px 0 5px; padding-bottom: 5px; border-bottom: 1px solid #666;
+}
+
+h3 {
+ font-size: 13px; font-weight: bold; color: #555555; margin: 4px 0;
+}
+
+h4 {
+ font-size: 12px; font-style: italic; margin: 4px 0;
+}
+
+p {
+ font-size: 11px; margin: 4px 0;
+}
+
+strong {
+ font-weight: bold;
+}
+
+.main-wrap {
+ background: #ffffff; /* Old browsers */
+ background: -moz-linear-gradient(top, #f0f0f0 20%, #ffffff 80%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#f0f0f0), color-stop(80%,#ffffff)); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, #f0f0f0 20%,#ffffff 80%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, #f0f0f0 20%,#ffffff 80%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, #f0f0f0 20%,#ffffff 80%); /* IE10+ */
+ background: linear-gradient(to bottom, #f0f0f0 20%,#ffffff 80%); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
+}
+
+footer {
+ margin: 40px 0 20px; padding: 10px 0 0; border-top: 1px solid #666;
+}
+
+.footer-list li {
+ float: right; margin-left: 10px;
+}
+
+.search-field {
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ width: 100%; border: none; background: #d0e0FF;
+ padding: 2px; margin: 3px 0; height: 20px;
+ font-size: 13px;
+}
+
+.placeholder {
+ background: #d0e0FF;
+}
+
+.column {
+ float: left; margin: 6px 0 6px 16px;
+}
+
+.subcol {
+ float: left; margin: 2px 0 4px 12px;
+}
+
+.column-third {
+ float: left; width: 312px;
+}
+
+.column-third:nth-child(3n+1) {
+ margin-left: 0;
+}
+
+.subcol-third-third {
+ width: 96px;
+}
+
+.subcol-third-third:nth-child(3n+1) {
+ margin-left: 0;
+}
+
+.img-ninth {
+ width: 96px; height: 72px;
+}
+
+.column-half {
+ width: 476px;
+}
+
+.column-half:nth-child(2n+1) {
+ margin-left: 0;
+}
+
+.subcol-half-fourth {
+ width: 110px;
+}
+
+.img-eighth {
+ width: 110px; height: 82px;
+}
+
+.subcol-half-fourth:nth-child(4n+1) {
+ margin-left: 0;
+}
+
+/* STYLES SPECIFIQUES A home.html */
+
+.homeviz {
+ float: left; width: 968px; height: 400px; margin: 2px 0 4px;
+}
+
+/* STYLES SPECIFIQUES A image.html */
+
+.fullphoto {
+ width: 476px; height: 350px;
+}
+
+.image-metadata {
+ width: 100%; margin: 30px 0 0; font-size: 14px;
+}
+
+.image-metadata th {
+ font-weight: bold; width: 152px; text-align: left; padding: 4px 10px 4px 0;
+}
+
+.image-metadata td {
+ width: 314px; padding: 4px 0;
+}
+
+.image-keywords {
+ width: 100%; margin: 10px 0 0;
+}
+
+.image-keywords th {
+ font-size: 14px; font-weight: bold; text-align: left; padding: 4px 0 4px 0; width: 33%;
+}
+
+.image-keywords tbody tr:nth-child(odd) {
+ background: #e0e0e0;
+}
+
+.image-keywords td {
+ font-size: 13px; text-align: left; padding: 4px 4px 4px 0;
+}
+
+.add-button {
+ background: #D0E0FF; margin: 5px 0; padding: 6px; border-radius: 4px; color: #003366;
+ font-weight: bold; font-size: 13px; float: left;
+}
+
+.big-button {
+ background: #D0E0FF; margin: 10px 0 10px 16px; padding: 8px; border-radius: 4px; color: #003366;
+ font-weight: bold; font-size: 15px; width: 214px; text-align: center; float: left;
+}
+
+.big-button:first-child {
+ margin-left: 0;
+}
+