From 256d81550f9654850cbc7cfbcccd217a5ec65484 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= Date: Thu, 5 Mar 2015 12:06:34 +0100 Subject: [PATCH] add wcs theme --- desc.xml | 9 + static/bullet_rouge.png | Bin 0 -> 139 bytes static/dataview.js | 9 + static/dialog-warning.png | Bin 0 -> 683 bytes static/favicon.ico | Bin 0 -> 1150 bytes static/field-shade.png | Bin 0 -> 191 bytes static/ical.gif | Bin 0 -> 649 bytes static/mail.gif | Bin 0 -> 1104 bytes static/puce.gif | Bin 0 -> 72 bytes static/rss.gif | Bin 0 -> 1082 bytes static/style.css | 884 ++++++++++++++++++++++++++++++++++++++ static/tel.gif | Bin 0 -> 1117 bytes template.ezt | 80 ++++ wcs.css | 867 +++++++++++++++++++++++++++++++++++++ 14 files changed, 1849 insertions(+) create mode 100644 desc.xml create mode 100644 static/bullet_rouge.png create mode 100644 static/dataview.js create mode 100644 static/dialog-warning.png create mode 100644 static/favicon.ico create mode 100644 static/field-shade.png create mode 100644 static/ical.gif create mode 100644 static/mail.gif create mode 100644 static/puce.gif create mode 100644 static/rss.gif create mode 100644 static/style.css create mode 100644 static/tel.gif create mode 100644 template.ezt create mode 100644 wcs.css diff --git a/desc.xml b/desc.xml new file mode 100644 index 00000000..8a132983 --- /dev/null +++ b/desc.xml @@ -0,0 +1,9 @@ + + + + Base theme for Publik deployments + + auquotidien-no-titles-in-section + auquotidien-welcome-in-services + + diff --git a/static/bullet_rouge.png b/static/bullet_rouge.png new file mode 100644 index 0000000000000000000000000000000000000000..addf4732ca69aa9b21f7be60457a4fb8b5265af2 GIT binary patch literal 139 zcmeAS@N?(olHy`uVBq!ia0vp^%s|Y|!2~2tB^R^;DYhhUcNd2LAh=-f^2tCE&H|6f zVxTHv5N2eUHAey{$X?><>&kwYO-6uMQ|92`cA$`ir;B3<$Mxht*A|^Q00u`Gn71S| ZGHfwt+*~}<@B&Z`gQu&X%Q~loCIEjpCJz7r literal 0 HcmV?d00001 diff --git a/static/dataview.js b/static/dataview.js new file mode 100644 index 00000000..912497e5 --- /dev/null +++ b/static/dataview.js @@ -0,0 +1,9 @@ +$(function() { + $('.dataview').before('Afficher le détail de la demande'); + $('#disclose-dataview').click( + function() { + $(this).hide(); + $('.dataview').show(); + return false; + }); +}); diff --git a/static/dialog-warning.png b/static/dialog-warning.png new file mode 100644 index 0000000000000000000000000000000000000000..219432c44d6d57179930a1f307e3c48e89afc4ab GIT binary patch literal 683 zcmV;c0#yBpP)9ZU- zJm)h#N36B9OZl!8l{jy(t%?rAOVLMmqg_w6eGMq>y)vcgVLftjGBlAF9eeFAD|h6A zE}R^fL{3yPr&Mn2T8*$-E~ff=U-q*n`~fdev1JxTbp*C|xhmOVUs`ok zzR29t3Uf;<=zIxfo7nVFZtFWUZGo+8;x%;gK_u#V;(Dmm5wgBRt}BAd^db=#H}1!q z5?flkA?`mwMYt95bB+$G=>9QmP@|A`C}bRLYaiV|foat+iSC#*xqblnbVV{P9i2tL!53jp$NhCXHZJksZSZf_Ci#QEQYK%adAKLHL=TMO?5xw}p?AtWG(o^r zGKvGxc)xmJ7U^GS{qOYvaThoE#u-y@^77*b3)bSc>2-_<`yxD(PT%>k`3YlFonmk< R;ST@+002ovPDHLkV1l9fDaHT* literal 0 HcmV?d00001 diff --git a/static/favicon.ico b/static/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..2a707a3184a4fda2d518ba81c83685cb4184c470 GIT binary patch literal 1150 zcmZ|OTSyd97zgkpN`_QgQW-=hK6D`@2qoyDqKA6OQV5DDjD(PUFckzTsh3E?G|WpW zl96~Ja|skIL(S|#5~MUyXlrwEcXjWV+3U>t`hV^&SkYO2^UZv7zO!>?&JiL3zqB-g z<6cpcB*YFO#C|{unP?v2zm15JU>oGXb$AH<@HVCo@jhIJgRmJActFHNNQdLVeLjK- z6bQt45sfec)sP39V)a{bei9mC9{ixiNW?hK@i;T^0CHg?9Dv*K75M++{o@g-KXN?& zXDEX#xBxs)e%|#pxcsNZ?|X3P4V-OCx7*sY9Ffs7pX|(WQ1f;>>CU-n^-E-}SZXRM z#!0e{SJTS-a&pggNiD4K%|$48>ecRdH@u-bVWpM~JI!|oNmt;eCuufXp3+G9F-Xh0 zi{zSpL7s)zWEm+V>qHG{VV?u_kHS9L(|_8n4qfrk;}k0m7xSYL4dlD2WsjSFy}C-i z@BFCI7V(;-dGHzq%+vfXp9Y;;Z&#j6o$Uxn^HfCECD>@>rk6qyh@9&T5YJ`0!A}m%ur0TibVc>#_-Q4t#YuC$ zqjIJ;AMc~e8*=I!FmS1|sx1r`d$p!*Hfr5vr}k_+%|7Q(Nn~BHP)}hkwH~gZwxd zhQ!z&NX9v@MIN&SK7j$uz~kv*0_q_jGGMKi>$&kYq{1;Mgi5#zHE;{g!x2b{Rz#1% iOd$-ZLX2ZHc8_=U+Rk3z3wc~J?qf(6!i5?lA$|i0m|c$m literal 0 HcmV?d00001 diff --git a/static/field-shade.png b/static/field-shade.png new file mode 100644 index 0000000000000000000000000000000000000000..534d2e1ff67d62cf009d78905c20b29f7d03882a GIT binary patch literal 191 zcmeAS@N?(olHy`uVBq!ia0vp^96&6}!2~3~s9MYfQk(@Ik;M!Qd`Cc-ajG_-G*FPe z#M9T6{Vuy0uZZk}u*kbWA;}Wgh!W@g+}zZ>5(ej@)Wnk16ovB4k_-iRPv3y>Mm}+% zB1=yf#}JM4$$P55>oJ=hICSVxQ*6`3i4$F9EmR{SBR6^*7#jzBH+6P)y3|k5`}qHV h{TiVgxpG^C7;5&hS?GxeTmTxv;OXk;vd$@?2>_z`ICua6 literal 0 HcmV?d00001 diff --git a/static/ical.gif b/static/ical.gif new file mode 100644 index 0000000000000000000000000000000000000000..2c0dddd85c8f1c37e101ebc07cf4787ff44dff91 GIT binary patch literal 649 zcmZ?wbhEHb6krfwIF`>~n#y6DE##Od=9DMlRjOoF?(AKr>{F&lE zRIL+St!r2BVc+BxUT5gg?B&?zCMP|u*l00f{oVPJpOQ17d+FPkiDXegT`Yh>Wrzs*+)GVVYP+|DLFD?FEJnw?RA!g$?qY_~>vL4Nvh&gv z8g`hvF!9vpg)!V{Wb@<|XU}7-WLSK9H4ih}9fjluhN;nZVj(=KtCpNJvlZBIL#UNg zMAjnX&x^uEt-X?#LL8n=PftzJ@SP?i`022Fzl?gxpP$W-Tsj4$^?W)WBsey*cr!CH GSOWlsvN`Jj literal 0 HcmV?d00001 diff --git a/static/mail.gif b/static/mail.gif new file mode 100644 index 0000000000000000000000000000000000000000..6dcc53b78aae7c25237b5e0bf4be7447f74d56bb GIT binary patch literal 1104 zcmd6mTTfaC0DuqbsgL6_Ki31yn#R2pkbXJ-`7(Kt%+UI?#hX+~l@(zhd7X_`a9#(v{|m4fs-^ z6o?xDiyPhW#}dgTilR3As>A7|(;4wZB9%_>9p*Bbj83;eqcI?}nKi=R-3`)cbOb>p zQ`6q~>E2$7*@>#Ppv`VyTr?uc z!Q`}*J;oJHPN8VDpD{pZF!rN4lNs7ab7t5|rBeI)s0zjG_&Ap@6iKBrg;Eub#k#t> zMma*UWJ;?ygSv%TmD*-^jE;@6pN-C`HB|Zlhc8}%Oz!m!Hv5@v)iF1xK0pqV$z&pt znA2$efk12Po#hosGC5^18sqW!hR35fECoY}t(_PQTTB+q((>}Zf-$ZT|HD1EFDg?g zkjUX~IK|-!%=UHPUW&)#53^XL-oBxc5zuIr%4d*Bi)6+9J$joH2=}h)1kvt(1YruK>5Yqy~;ZXSSB|63vF`2_6v1EwFlF8&| z7wTAZ8XyOk$KMNuhFK$xO<%2;Oj5agb7M2SzrXH_akv7ZWX9+B?SwK&JSPxOhyD(Y zb9f$)2ZEqkrE=Z?I~)#`TD<~6(P&Jk*YgEJjow5g5`_~J%dpF0wVG_}Ygp%=dp9DL$+vyJOg7{8r&Jn^Og=**Qv!j2Zb5Ic+BjUUYwKXk>xE%Bd6W_eCsxB^W8W} zRl(T`Uw4SCZo3gMy;IEg zYnShF{buq5u%r$98MXgWIhA&j-d@?*TtvXN+`aHH*vED)EFhss)Xc@6KW*W4o~ylnq3qmMth2D<#AAN&=){x$kI!6u z;=&vAxJ^y(7C#nM-r~OrH2(2E*?63J<}KnKEm~;8U_|)SP3juBs^jxtu+Pnxe(Nlq z{iN<;<jEB+I7E=o--Nlj5G&n(GMaQE~LU{L(Y!pOzI$e;sK W1X9kx#O2bLF>U)nksLiy25SJl2od}M literal 0 HcmV?d00001 diff --git a/static/rss.gif b/static/rss.gif new file mode 100644 index 0000000000000000000000000000000000000000..d389dce66aeb03e677245dc864a30a75178ad3bd GIT binary patch literal 1082 zcmds${ZAAG9EZPgsEyV}6sNhiNL|xH*CsPE&ASn>t5DwVIOt7*f{xt{lpr+dfa5e^ ziHIPe+nv!V$lZzBC8WV|AQw_A!Zz2NSWdk40)nZx*pv2W^!x#zJ)a+*L`_2MbKAlt zTyA-U4+VE7bwcnaE9umfit7!G!Y}=dv@l#rUn#vMOt|NdnQ-2nvT*(oV^(?%^9~c2`zczBE0b<5^(wB9 zGg!s3G%AJuofHYjtEkt~ll#xi?;O`M)`C?_rjR1^Z01B3v)A~ffc9+4g=)dRg)^17 zH4Ip=<)Ic%6msnn{%XcrNfIu)IlY6k7Iq24A7D?%nZc(!g3|%=gmD*hQ=H1dW8`Qm zp7(=)1Sq|$VPdeHpL~4NLB|%n<#tV$WdmQDgMS5ZZaXQ9JDyM{v=cEu9>o4QSO8s|SYF>0Zw4z2LDi?(DwE5Wvz@&t-v zXpF;Mh|kOqUL0y>r|?#=^I5)iktVz@^cuN3id#>&o{MLx)#IcC z7h#vh%2#3=&B`Zr3d5z?s3XcH>CuL_25tE|#S87JR~vkjzNa(NLd;8wYLtq#3)cOn zR!fRA>$PPE^xs*VAAiibF1BpOp{sl8A;T(7jAKN(@M!qN%H^XG9cz|8lY2YGtLj{+ z{4-hgtExF9VNJ>0zU+eL1*)YcC)x>NaYnxel zLqb*A6WfP0{+2iyY)FoikM?Fc#>YA%x1~mEPd^ggyMAbYeOAZ%fvy8D`V`B}?{!ZV nM>T~#tW%XQuD!WJ5&EhputL>%W$3A-l(3D{+ke)n input { + display: block; + margin: 1em auto 0 auto; + background: #37a7da; + color: white; + border: none; + padding: 3px 1em; +} + +#toplinks { + background: #ffffff; + position: relative; + float: right; + width: 250px; + padding: 5px 5px 5px 5px; +} + +#toplinks span { + display: block; + margin: 0; + padding: 0; + color: #888; + line-height: 20px; + height: 22px; +} + +#toplinks a { + color: #888; + border: 1px solid transparent; +} + +#toplinks a.logout { + padding-left: 30px; +} + +#toplinks a:hover { + text-decoration: none; + color: #222; +} + +#toplinks a.restricted { + color: white; + float: right; + padding: 0 1ex; + border: 1px outset #888; + background: #37a7da; +} + +div#username { + float: right; + padding: 5px 5px 5px 5px; + background: white; + line-height: 20px; + height: 22px; + border: 1px solid white; +} + +ul.newsList { + list-style: none; +} + +ul.newsList li.abonne { + margin: 0; + padding: 0; +} + +.abonne { + padding-left: 20px; + background: transparent url(Validation.png) center left no-repeat; +} + +.nonAbonne { + padding-left: 20px; + background: transparent url(Annulation.png) center left no-repeat; +} + +/* page de profil */ +#my-informations { + margin-bottom: 15px; + padding: 0px; +} + +#my-informations p { + padding: 0 5px; +} + +#my-informations select, +#my-informations input { + margin-left: 10px; + display: block; +} + +/* forms error reporting */ + +.errorlist { + list-style: none; + padding-left: 0; + margin-left: 0; +} + +ul.errorlist li { + display: block; + color: #f44; +} + +.form-field-required label:after { + content: '*'; + color: #D90024; +} + +ul.errorlist + p { + margin-top: 0px; +} + + + +.passerelle-register-plugin input + label { + background: transparent url(Annulation.png) center left no-repeat; +} + +.passerelle-register-plugin input:checked + label { + background: transparent url(Validation.png) center left no-repeat; +} + +.passerelle-register-plugin td input { + display: none +} +.passerelle-register-plugin td label { + padding-left: 2em; +} + +div.block form { + padding: 0 1ex; +} + +table.announces { + width: 100%; + margin-bottom: 1em; +} + +table.announces thead td { + font-weight: bold; +} + +table.announces thead th { + width: 30%; +} + +table.announces tbody td { + text-align: center; +} + +table.announces tbody th { + width: 35%; + text-align: left; + font-weight: normal; +} + +.chapeau { + font-style: italic; + font-size: 110%; +} + +/* mon compte */ +#my-informations-form { + width: 90%; + padding-bottom: 1em; +} + +#my-informations-form input[type~=text] { + width: 100%; +} + +#id_edit-profile-email_wrap, #id_edit-profile-address_wrap { + clear: both; +} + +#id_edit-profile-first_name_wrap, #id_edit-profile-phone_wrap, #id_edit-profile-postal_code_wrap { + width: 45%; + float: left; +} + +#id_edit-profile-last_name_wrap, #id_edit-profile-mobile_wrap, #id_edit-profile-city_wrap { + width: 45%; + float: right; +} + +/* pied de page */ +#footer-menu { + position: absolute; + display: block; + top: 20px; + left: 20px; + width: 435px; + list-style: none; + margin: 0; + padding: 0; + text-align: left; +} + +.footer-menu-leaf { + display: inline; + margin: 0; + padding: 0; + padding-right: 20px; + padding-bottom: 20px; + float: left; +} + +.footer-menu-leaf-link, .footer-menu-leaf-link:hover { + display: block; + width: 125px; + height: 26px; + line-height: 26px; + background: #ffffff; + text-align: center; + text-transform: uppercase; + color: #515151; + text-decoration: none; + font-size: 14px; +} + +/* pages d'aide */ +#help-content { + background: white; + position: relative; + padding: 10px 20px; +} +#help-title { + background: #e6e6d6 url(toptitle.png) no-repeat left top; + font-weight: bold; + color: #37a7da; + text-transform: uppercase; + padding: 6px 10px 6px 50px; + font-size: 200%; + cursor: default; /* someday, perhaps, cursor: move */ +} +#help-page-title { + color: #37a7da; + padding-bottom: 20px; +} +#help-page-title.aide { + display: none; +} +#help-text { + width: 580px; + margin-left: 380px; +} +.clear { + clear: both; +} +#help-menu { + width: 360px; + float: left; +} +#help-summary-caption { + background: #37a7da; + color: white; + font-size: 150%; + font-weith: bold; + text-align: center; + padding: 15px 0px; +} +#help-menu #help-summary-caption-link, #help-menu #help-summary-caption-link:hover { + background: #37a7da; + color: white; + text-decoration: none; +} +#help-menu-content { + padding: 0; + margin: 0; +} +#help-menu-content > li { + background: #e6e6d6; + margin-bottom: 5px; + list-style: none; + font-size: 150%; + font-weight: bold; + line-height: 1.5em; +} +#help-menu-content > li > ul { + background: white; + margin-bottom: 5px; + list-style: none; + font-size: 100%; + font-weight: bold; + line-height: 1.5em; + padding: 10px 10px; +} + +#help-menu-content li.ancestor { + background: rgb(58, 58, 58); +} +#help-menu-content li.ancestor > a, #help-menu-content li.ancestor > a.hover { + color: white; +} + +#help-menu-content > li > ul > li { + padding: 0px 10px; + font-size: 80%; +} +#help-menu-content > li > ul > li.selected { + border-left: solid 4px #37a7da; +} +#help-menu-content li a, #help-menu-content li a:hover { + color: rgb(58, 58, 58); + text-decoration: none; +} + +#my-password { + padding-bottom: 1ex; +} + +#my-password p { + font-weight: bold; +} + +#my-password p a { + color: inherit; + padding: 1ex; +} + +ul.show-user-feeds li { + list-style: none; + background: url(mediathk.png) left center no-repeat; + min-height: 30px; + padding-left: 30px; + padding-bottom: 4px; +} + +ul.show-user-feeds li.aquarium { background-image: url(aquarium.png); } +ul.show-user-feeds li.conservatoire { background-image: url(conservatoire.png); } +ul.show-user-feeds li.ecolothk { background-image: url(ecolothk.png); } +ul.show-user-feeds li.facebook { background-image: url(facebook.png); } +ul.show-user-feeds li.lattara { background-image: url(lattara.png); } +ul.show-user-feeds li.mediathk { background-image: url(mediathk.png); } +ul.show-user-feeds li.opendata { background-image: url(opendata.png); } +ul.show-user-feeds li.planet { background-image: url(planet.png); } + +#id_new_password1_help_text, #id_password1_help_text { + font-style: italic; + font-size: 90%; + color: red; +} + +/* saml post page */ +.post-redirect { + background: white; +} + +#messages li { + list-style-type: none; + padding: 10px; + color: white; +} + +#messages { + position: absolute; + top: 120px; + left: 1200px; +} + +#messages.messages-login { + position: static; +} + +#messages.messages-login li { + margin: 0px; + margin-left: 100px; + margin-right: 100px; +} + +#messages li.warning { + border: 1px solid #DB771F; + background: #37a7da; +} + +#messages li.error { + border: 1px solid #DB771F; + background: #DB1F28; +} + +#messages li.info { + border: 1px solid #301F91; + background: #1F8091; +} + +/* registration form */ +img.captcha { + float: left; +} + +#id_captcha_1 { + width: 13em; +} + + +/* pimping up */ +h1#logo img { + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; +} + +h1#logo img:hover { + /* + -webkit-transform: scale(1.05); + -moz-transform: scale(1.05); + */ +} + +#nav h3 { + display: none; +} + + +#nav { + list-style: none; + margin: 10px 20px 12px 20px; + padding-top: 7px; + font-size: 110%; +} + +#nav ul { + margin: 0; + padding: 1ex; + border: 1px solid #a5a7aa; + border-width: 1px 0px; +} + +#nav li { + margin: 1ex 0; + padding: 1.5ex 1ex; + display: inline; +} + +#nav a { + color: #404041; + text-decoration: none; +} + +#nav li:after { + content: " / "; + color: #404041; +} + +#nav li.selected:after, +#nav li.ancestor:after, +#nav li a:hover, +#nav li.selected a, +#nav li.ancestor a { + color: #e0007a; +} + +div.cell, +div.block { + text-align: left; + background: white; + margin: 10px 10px; + padding: 10px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + border: 1px solid #ccc; + box-shadow: 0px 2px 3px rgba(0, 0, 0, .4); + -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, .4); + -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, .4); +} + +input[type="text"], +input[type="password"] { + border: 1px solid #aaa; + background: white url(field-shade.png) top left repeat-x; + padding: 1px; + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + color: black; + -webkit-transition: background 200ms ease-out; + display: block; +} + +input[type="text"]:focus, +input[type="password"]:focus { + border: 1px solid #888; + background: white; +} + +div#registration { + width: 40em; + text-align: justify; + margin: 2em auto; +} + +div#registration form { + margin: 2em 0; +} + +div#registration label { + display: block; + width: 15em; + float: left; + text-align: right; + padding-right: 1em; + color: #777; +} + +div#registration ul.errorlist { + margin: 0; + padding-left: 16em; +} + +div#registration input[type="submit"] { + margin-left: 17em; +} + +#toplinks { + background: #ffffff; + position: absolute; + top: 2em; + right: 0; + width: 40%; + padding: 5px 5px 5px 5px; +} + +#toplinks span.logged-in { + background: none; + border: none; + text-align: right; +} + +#toplinks a { + color: #888; + border: 1px solid transparent; +} + +#toplinks a:hover { + text-decoration: none; + color: #222; +} + +#toplinks a.restricted { + color: white; + float: right; + padding: 0.5ex 1ex; + border: 1px outset #888; + background: #672290; + position: absolute; + top: -2em; + right: 3px; +} + + +#toplinks a.logout { + padding: 1px; +} + +.narrow-page #main-content { + width: 30em; + margin: 0 auto; +} diff --git a/static/tel.gif b/static/tel.gif new file mode 100644 index 0000000000000000000000000000000000000000..3ce2dba999b3fe26fc5f4a8cbc50e01d53df86f4 GIT binary patch literal 1117 zcmZ?wbhEHbgsmy*^!(Vd+6wq z<)CdAy}g~CU2}7DV@vg`S8u9%^Kag~k&qjG?Bt34`wzCZwx(8xG&VM> zsj1z(anse+_3PKK-@bh-E-o(bO^b_*la`jAb*-VZvvc~4NnKrCE0?dTU6SvWy#PO zZ{NP%*47r)?RDe&%{zDQOqw<|rpSBhib;nK9yxI6aB*AO+O=zQJCiS7xVUfcfdvZ| z)HjzZC@54e$ey=iuCcN4!i5WW?cAZMsrmEg&!nob<_Yz_zP<`zC%+|!0?zs2V^!VPdIS=XE@F&V-axF!sc<1sHN+&z&@2@T3b(uEK zYk$V3qawPyFZDL9*P3Xz@Q}&r+bY7z1re`V{ATHih1Bh2Jj60-vtr~u4rQZr=Q~(f zgj$mpbRJ`1WfEm!U`UE+Dbv!q~WvF<4gksA>wcQt0P_xqlb zF_eD3be3@7`AZo$gPw6O*L*C|V!*)Qz$h5&amI>M!GKlK+1NpbK_R_Cm67RTmxaKC srY3Ioyo2)F8yz+=vatjmVCIuaI^ZCAL8wvC!y=)Pm7~VM&w;@j0Hw?G?f?J) literal 0 HcmV?d00001 diff --git a/template.ezt b/template.ezt new file mode 100644 index 00000000..b4274f49 --- /dev/null +++ b/template.ezt @@ -0,0 +1,80 @@ + + + + [page_title] + + + + [script] + +[""] + + + + +
+ + +
+ + + +
+ +
+ + [if-any gauche] +
+ [gauche] +
+ [end] + + [if-any bigdiv]
[end] + + [if-any title]

[title]

[end] + [body] + [if-any bigdiv]
[end] +
+ +
+ +
+
+ + +
+ + diff --git a/wcs.css b/wcs.css new file mode 100644 index 00000000..e1dd587b --- /dev/null +++ b/wcs.css @@ -0,0 +1,867 @@ +@import url(/qo/css/qommon.css); +@import url(static/style.css); + +div#content { + margin:0; +} + +div#sidebox h3 { + margin: 0 0 1em 0; + +} + +div#gauche { + clear: both; + width: 18.5%; + float: left; + margin-top: 15px; +} + +div#member, +div#new_member, +div#accessibility, +div#contact, +div#info, +div#help, +div#rub_agenda, +div#rub_annonce, +div#rub_consultation, +div#rub_service, +div#centre, +div#profile { + width: 79.5%; + float: right; + background: white; + margin-top: 15px; +} + +div#breadcrumb, +div#profile, +div.large div#rub_service, +div.large div#centre { + width: 100%; + float: none; + clear: both; +} + +div#droite { + width: 275px; + float: left; + display: none; +} + +div#breadcrumb { + background: white; + padding: 3px 0px; + z-index: 10; + color: #888; + margin-top: 22px; +} + +div#centre { + margin-top: 15px; +} + +#content div#breadcrumb a { + color: #666; + font-size: 12px; + font-weight: normal; + padding: 0 5px; +} + +div#rub_service div.dataview, +div#rub_service dl#evolutions, +div#rub_service form { + padding: 1ex; +} + +hr.clear { + clear: both; + padding-bottom: 0em; + border: none; +} + +#toplinks span.logged-in a.myspace, +#toplinks span.logged-in a.myaccount { + padding-right: 20px; +} + +#toplinks span.login { + text-align: right; + padding-right: 20px; +} + + +/* content styling */ + +div#rub_consultation h2, +div#rub_service h2, +div#rub_annonce h2, +div#rub_agenda h2, +div#profile h2, +div#services-2nd h3, +div#member h2, +div#help h2, div#info h2, div#accessibility h2, div#contact h2, +div#gauche h3, +div.large div#rub_service h3, +div#centre h3 { + border: 1px solid #a5a7aa; + border-width: 1px 0px; + list-style: none; + margin: 0 auto; + text-align: center; + padding: 10px 0; + margin: auto; + margin-bottom: 12px; + font-size: 110%; + +} + +div#services-2nd ul, +div#centre ul { + padding: 0; + list-style: none; +} + +div#services-2nd ul strong, +div#centre ul strong { + margin-left: 18px; + padding: 1px 0 1px 0; +} + +div#services-2nd ul strong a, +div#centre ul strong a { + color: black; +} + +div#services-2nd ul strong a:hover, +div#centre ul strong a:hover { + text-decoration: none; + border-color: #265aa2; +} + +div#services-2nd ul ul, +div#centre ul ul { + padding-left: 26px; + margin-bottom: 20px; +} + +div#services-2nd ul p, +div#centre ul p { + margin-left: 18px; +} + +div#myspace h3 { + background: #265aa2; + border-left: 10px solid #265aa2; + padding: 1px 0 1px 6px; +} + +div#consultations h3 { + background: #265aa2; + border-left: 10px solid #265aa2; + padding: 1px 0 1px 6px; +} + +div#consultations ul { + margin: 0; + padding: 0 0 0 10px; +} + +ul.catforms li, +div#consultations li { + list-style: none; + padding-left: 12px; + background: url(static/puce.gif) left center no-repeat; +} + +div#announces h3 { + background: #265aa2; + border-left: 10px solid #265aa2; + padding: 1px 0 1px 6px; +} + +div#announces h4 { + border-bottom: 1px solid #a2ff00; +} + +div#announces h4, p { + margin-left: 7px; + margin-right: 7px; +} + +div#announces p { + text-align: justify; +} + +ul#announces-links { + background: #a2ff00; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + padding: 2px 5px; + list-style: none; + font-weight: bold; +} + +ul#announces-links li { + background: url(static/puce.gif) 10px center no-repeat; + padding-left: 22px; + margin: 0.5ex 0; +} + +div#content ul#announces-links a:hover { + color: black; +} + +/* Form Elements */ + +div.buttons { + margin-top: 1em; +} + +div.buttons div { + display: inline; +} + +div.buttons br { + display: none; +} + +p.command, +a.edit-custom-text, +div.buttons input { + background: #37a7da; + color: white; + font-size: 120%; + font-weight: normal; + border: none; + padding: 5px 15px; + cursor: pointer; + display: inline; + border: 1px solid transparent; +} + +p.command { + line-height: 300%; +} + +p.command a:focus, +div.buttons input:focus { + border: 1px solid black; +} + +#content p.command a { + color: white; + cursor: pointer; +} + +#content p.command a:hover { + color: white; + text-decoration: none; +} + +form.quixote h3 { + padding-top: 1em; + border-bottom: 1px solid #265aa2; +} + +form.quixote h4 { + color: #616161; +} + +div.widget div.title { + color: #2f2f2f; + font-weight: bold; +} + +div.widget div.content { + margin-left: 1em; +} + +div.widget div.content ul { + padding-left: 0; +} + +div.DateWidget input, +div.EmailWidget input, +div.StringWidget input, +div.PasswordWidget input, +div.WcsExtraStringWidget input, +div.TextWidget textarea, +div.SingleSelectHintWidget select { + border: 1px solid #aaa; + background: white url(static/field-shade.png) top left repeat-x; + padding: 1px; + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + color: black; + -webkit-transition: background 200ms ease-out; +} + +div.DateWidget input:focus, +div.EmailWidget input:focus, +div.StringWidget input:focus, +div.PasswordWidget input:focus, +div.WcsExtraStringWidget input:focus, +div.TextWidget textarea:focus, +div.SingleSelectHintWidget select:focus { + border: 1px solid #888; + background: white; +} + +div.widget { + margin-bottom: 1ex; +} + +div.hint { + font-size: 80%; +} + +span.required { + background: transparent url(/qo/css/required.png) 0px 0.5ex no-repeat; + padding: 0 0 0 24px; + margin-left: 1ex; + overflow: hidden; + color: white; +} + +div.errornotice { + background: #fd6; + border: 1px solid #ffae15; + margin: 1em 1em 1em 1em; + padding: 5px; +} + +div.infonotice { + background: #7b95a6; + border: 1px solid #153eaf; + margin: 0em 1em 1em 1em; + padding: 5px; +} + +div.error { + color: black; + font-weight: bold; + background: transparent url(static/dialog-warning.png) top left no-repeat; + padding-left: 22px; + margin-left: 5px; +} + + + +/* steps */ + +div#steps h2 { + display: none; +} + +div#steps ol { + font-family: Museo500, sans-serif; + font-weight: normal; + list-style: none; + margin: 0; + margin-top: 44px; + padding: 0; + text-align: center; + color: #868686; +} + +div#steps span.marker { + float:left; + font-size: 250%; + font-weight: normal; + margin: -5px 0 0 ; + position: relative; + top: -6px; +} + +div#steps ol > li { + border: 1px solid #a5a7aa; + border-width: 1px 0px; +} + +div#steps ol li { + margin: 1ex 0; + letter-spacing:1px; + padding: 1ex; +} + +div#steps ol li.current { + color: #444; +} + +div#steps ol li.current span.label { + font-weight: bold; +} + +div#steps ol li.current .marker { +} + +div#steps ol ul { + background: white; + margin: 0 -1ex; + padding: 0px; +} + +div#steps ol li.current ul li.current { +} + +div#steps li ul li:first-child { + margin-top: 1em; +} + +div#steps li ul li { + margin: 0; + font-weight: normal; + font-size: 90%; + display:block; + color: #666; + text-align: left; + padding-left: 30px; +} + +div#steps li ul li.current { + border-radius: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; +} + +div#steps li.current ul li { + color: #535353; +} + +div#steps li.current ul li.current { + color: white; + background: #b1b1b1; +} + +/* other stuff */ + +div#gauche ul, +div#myspace ul { + padding: 0 0 0 1ex; + margin: 2ex 0; +} + +div#gauche li, +div#myspace li { + list-style: none; + padding: 0; + margin: 1ex 0; +} + +div#centre li li { + list-style: circle; +} + +div#centre li li a, +div#gauche li a { +} + +div#gauche li a:hover { +} + +div#services-2nd ul ul, +div#centre ul ul { + margin-top: 0.5ex; +} + +div#content a { + color: #265aa2; +} + +div#content a:hover { + color: #265aa2; +} + +div#content form a { + border-bottom: 1px dotted #265aa2; +} + +div#content form a:hover { + border-bottom: 1px solid #265aa2; + text-decoration: none; +} + +li.all-forms { + margin-top: 1ex; +} + +div#new_member div.buttons, +div#member div.buttons { + text-align: left; +} +ul#announce-modes { + list-style:none; + margin:1em 0 0 2em; +} + +ul#announce-modes li { + margin:0 0 0.5em 0; +} + +li #par_mail{ + background: url(static/mail.gif) left center no-repeat; + padding: 5px 0 5px 20px; +} + +li #par_sms { + background: url(static/tel.gif) left center no-repeat; + padding: 5px 0 5px 20px; +} + +li a#par_rss { + background: url(static/rss.gif) left center no-repeat; + padding: 5px 0 5px 20px; +} + +li a#par_ical { + background: url(static/ical.gif) left center no-repeat; + padding: 5px 0 5px 20px; +} + +div.address { + margin-left: 2em; +} + +ul#month-links { + float: right; + padding: 1em; + text-align: right; + list-style: none; +} + +ul#month-links li a { + color: #379cdb; +} + +ul#month-links li a:hover { + text-decoration: underline; +} + +div#page a.edit-custom-text { + float: right; + font-size: 50%; + margin: 0 0 1ex 1ex; +} + +div#page a.edit-custom-text:hover { + color: black; +} + +p#receiver { + margin-left: 2em; +} + +#page div.back-home-button { + margin: 2em auto 1em auto; +} + +h2.foldable { + display: none; +} + +div#profile h3 { + margin-top: 2em; +} + +div.dataview span.value { + display: block; + margin-left: 1em; + margin-bottom: 1ex; +} + +form div.page, +div.dataview div.page { + border: 1px solid #aaa; + padding: 1ex; + margin-bottom: 1em; +} + +form div.page p, +div.dataview div.page p { + margin-top: 0; +} + +form div.page h3, +div.dataview div.page h3 { + margin: 0; + margin-bottom: 1ex; +} + +#profile form ul li {line-height: 20px; padding-bottom: 5px;border-bottom: 1px solid #CCCCCC;} + +#rub_service h2 {clear: both;} +div.dataview {clear: both; padding-bottom: 40px;} +div.dataview p span.label {font-weight: bold; text-decoration: underline;} +div.dataview p span.value {} + +table#strongbox-items tr.expired td.expiration { + color: #800; +} + +table#strongbox-items td { + padding: 2px 1ex; +} + +table#strongbox-items tr.even { + background: #ddd; +} + +table#strongbox-items tr.odd { + background: #eee; +} + +p.infopratique ul { + list-style-type: circle; + padding-bottom: 3px; +} + +p.infopratique table, p.infopratique table tr, p.infopratique table tr th, p.infopratique table tr td { + border: 1px solid #333333; +} + +p.infopratique table tr th { + +} + +div.content table thead {} +div.content table thead th {background-color: #265aa2; color: white;} +div.content table thead tr {} +div.content table thead td {background-color: #265aa2;} +div.content table tbody {} +div.content table tbody th {background-color: #cccccc; color: black; width: 200px; text-align: left; padding-left: 5px;} +div.content table tbody tr {background-color: #eeeeee; border-bottom: 1px solid #CCCCCC;} +div.content table tbody tr td {} +div.content table tbody tr td input { + border: 1px solid #aaa; + background: white url(static/field-shade.png) top left repeat-x; + padding: 1px; + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + color: black; + -webkit-transition: background 200ms ease-out; +} + +div.content table tbody tr td input:focus { + border: 1px solid #888; + background: white; +} + +.fileprogress { + border: 1px solid #888; +} + +.fileprogress .bar { + background: #09f; + line-height: 1.5em; + padding-left: 1ex; + font-weight: bold; + white-space: nowrap; +} + +.fileinfo { + line-height: 1.5em; +} + +.fileinfo .remove { + height: 16px; + width: 16px; + background: url(/qo/images/stock_remove_16.png) top left no-repeat; + display: inline-block; + margin-left: 1em; + text-indent: 100%; + overflow: hidden; +} + +.passStrengthify { + padding-left: 1em; +} + +div.dataview { + display: none; +} + +div#content #disclose-dataview { + display: block; + margin: 1em 0; +} + +h3#agenda-link, +form#follow-form { + display: none; +} + +div#sidebox div#links { + display: none; +} + +div.TableWidget input { + width: 7em; +} + +.chapeau { + font-style: italic; + font-size: 110%; +} + +div#centre { + background: none; +} + +div#services > ul { + column-count: 2; + -webkit-column-count: 2; + -moz-column-count: 2; +} + +div#services > ul > li { + margin: 0px 1ex; + background: white; + column-break-inside: avoid; + -moz-column-break-inside: avoid; + -webkit-column-break-inside: avoid; + display: inline-block; + margin-bottom: 10px; + width: 90%; + width: calc(95% - 20px); /* - padding */ + + text-align: left; + background: white; + margin: 10px 10px; + padding: 10px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + border: 1px solid #ccc; + +} + +div#services > ul > li strong { + display: block; + background: transparent; + font-weight: normal; + text-transform: uppercase; + padding: 6px 10px 6px 10px; + color: #333; + font-size: 130%; + cursor: default; /* someday, perhaps, cursor: move */ + font-family: MuseoSlab, sans-serif; + font-weight: normal; + +} + +div#services > ul > li strong a { + color: #333; +} + +div#services > ul > li strong a:hover { + font-weight: bold; +} + +div#home-page-intro { + background: white; + padding: 1ex; +} + +div#agglo-little-links { + width: 475px; + padding-top: 5px; +} + +div#agglo-little-links ul { + margin: 15px 20px; + padding: 0; +} + +div#agglo-little-links li { + margin: 0; + display: inline; + list-style: none; + padding-right: 20px; + padding-bottom: 20px; + float: left; +} + +div#agglo-little-links li a { + display: block; + width: 125px; + height: 26px; + line-height: 26px; + background: white; + text-align: center; + text-transform: uppercase; + color: #515151; + text-decoration: none; + font-size: 14px; +} + +#profile-links, +h3#my-forms { + display: none; +} + +p#welcome { +} + +div.buttons input:hover { + box-shadow: 0px 0px 5px #777; +} + +div.buttons input[name="submit"] { + font-weight: bold; +} + + + +@media screen and (max-width: 760px) { + div#services > ul { + column-count: 1; + -webkit-column-count: 1; + -moz-column-count: 1; + } + #toplinks { + top: 0; + left: 0; + width: 98%; + } + div#gauche { + float: none; + width: 100%; + } + div#steps { + position: absolute; + top: -130px; + right: 1%; + width: 50%; + } + div#steps ol { + margin-top: 0; + } + div#steps ol li ul { + display: none; + } + + div#member, div#new_member, div#accessibility, div#contact, div#info, + div#help, div#rub_agenda, div#rub_annonce, div#rub_consultation, + div#rub_service, div#centre, div#profile { + float: none; + width: 100%; + } + +} + +@media screen and (max-width: 400px) { + div#top h1 { + padding-left: 1ex; + margin-left: 0; + } +} + +div#services > h3 { display: none; } + +div.qommon-map { + height: 280px; +}