From 11f0fb5742af8e0227126bad520b515722b9e35d Mon Sep 17 00:00:00 2001 From: joerg Date: Sat, 5 Feb 2011 20:14:07 +0000 Subject: [PATCH] new layout git-svn-id: svn+ssh://svn.debian.org/svn/planet-debian/trunk@1380 c2f067bf-98e0-425f-9c98-e76020cfa380 --- templates/index.html.dj | 216 +++---- www/common/Pics/admon-important.png | Bin 0 -> 1516 bytes www/common/Pics/admon-note.png | Bin 0 -> 1255 bytes www/common/Pics/admon-tip.png | Bin 0 -> 1910 bytes www/common/Pics/admon-warning.png | Bin 0 -> 1871 bytes www/common/Pics/emblem-downloads.png | Bin 0 -> 638 bytes www/common/Pics/gradient.png | Bin 0 -> 247 bytes www/common/Pics/greydot.png | Bin 0 -> 197 bytes www/common/Pics/openlogo-50.png | Bin 0 -> 2006 bytes www/common/Pics/reddot.png | Bin 0 -> 146 bytes www/common/boxless.css | 235 -------- www/common/debian.css | 871 +++++++++++++++++++++++++++ www/common/planet.css | 115 ++++ 13 files changed, 1100 insertions(+), 337 deletions(-) create mode 100644 www/common/Pics/admon-important.png create mode 100644 www/common/Pics/admon-note.png create mode 100644 www/common/Pics/admon-tip.png create mode 100644 www/common/Pics/admon-warning.png create mode 100644 www/common/Pics/emblem-downloads.png create mode 100644 www/common/Pics/gradient.png create mode 100644 www/common/Pics/greydot.png create mode 100644 www/common/Pics/openlogo-50.png create mode 100644 www/common/Pics/reddot.png delete mode 100644 www/common/boxless.css create mode 100644 www/common/debian.css create mode 100644 www/common/planet.css diff --git a/templates/index.html.dj b/templates/index.html.dj index 7cdb85a..c88f816 100644 --- a/templates/index.html.dj +++ b/templates/index.html.dj @@ -1,116 +1,128 @@ - - - - {{ name }} - - - - - - - + + + + + {{ name }} + + + + + + + - - - + + + - + + + +
-{% for item in Items %} -{% ifchanged item.new_date %} -

{{ item.new_date }}

-{% endifchanged %} + {% for item in Items %} + {% ifchanged item.new_date %} +

{{ item.new_date }}

+ {% endifchanged %} -
- {% ifchanged item.channel_name %} - {% if item.channel_face %} +
+ {% ifchanged item.channel_name %} + {% if item.channel_face %} - hackergotchi for {{ item.channel_author|safe }} + alt="hackergotchi for {{ item.channel_author|safe }}" /> - {% endif %} -

- {{ item.channel_name|safe }} - -

- {% endifchanged %} - -
-{% endfor %} - - - + + diff --git a/www/common/Pics/admon-important.png b/www/common/Pics/admon-important.png new file mode 100644 index 0000000000000000000000000000000000000000..151d38c7a426077062df1259164b9dc8ce7155a2 GIT binary patch literal 1516 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 Rr40Z8002ovPDHLkV1i}VPqP33 literal 0 HcmV?d00001 diff --git a/www/common/Pics/admon-tip.png b/www/common/Pics/admon-tip.png new file mode 100644 index 0000000000000000000000000000000000000000..2ac57475c3b36e46ff4c4ea0506892e2fe884fd7 GIT binary patch literal 1910 zcmV-+2Z{KJP)W~QdMmlr4dytt0lBR3q?&; zsf}7ieW{ceqQ0~w%0ngR(l(+>6RT|+k)U#E5K0IT8=Mf^q}b(RJRV=>K69@7oZW{E z6%PeG5mk@0w56kc*8i=4U(N#l&kxlzdElw1LXir#G9KKfp!(p+CIA4}as(RoJ?ph< z1O7I&f4_Oh0lvTIXM4f;uUc2F*Hc}+k+#-Wgu^;CM({lsi;Ii6bn(1#X=2n?p8Ult zFa3J(jsOe{JflYw)=*=zShA`mbU-k=^sX0S3bG^fyY9h&Y0*p?-h1EjYvd&-0xsN}5e{ec8zp`u9n(Vo=?+@1vuxr;( zdmq{sySgZ`X-yEFtvWOgk1=u?K@veSA{RswfCnfq-Vjh%=E~LCoS`1w+!r}> z`egsc4Sj>7qo=I@ro(Oqz;w2~xpQOK_66FLgqDN`0whSeMC33|HYc(f!R7=@<79G1 zR#?~UctgM_n@*u@OS`XsbC~ID`%QIj>OTwYZ0%eZ%2h0^Y}4Vx_lPN%Kn_7UM6fv{ zi!o+0P8Ja?jWdIDG6RBDf;y{S&XkIM_uZ#~={xJ+gud6+5RKznriy?F03ZoPF5|En zk;92O#FS(p7l7|GQp#7bUC(1g#h|W*3RRm{G^d)Oyw!CBDCI>pp}|u&OviJALUW1W z5XfPSY{p=J20;=aPXl~c`BbR53&8+ajL0`#54zx_d_P(@05PouWhWVvm|mz_@rdpL z%pro!h%5%OI3t@Fa~VM@U-?0l0G~0c*1ZRa_*l7=MN?FF77CV; zEm~y&Hi2x;$YdNQ=VWLM6-Ror^Ck1VCFRVT6^W*xu2q7Jnai8PTCP~O7}F-}2Jk%d zx7RL?mRB}6dR!yt@?tf=@vcNFq!Z7Tt#q;MPAyjKiMhNvTru2n!C5w9&wr&dH~DBl zXojvc;|pzxI6l^@7iZ|Y^bJcm^55Je(FYX)}8FA}7hJYg1-a35r zueOloU{^~#GCY|bHykfJezouxm?|xcg}XZ2k`E^1(H;)UgKOs^&36r^nqq64qWZ=c zo_~(p(%U&WIB0zCpV5vzKj{tWp?`dH$8JN3$mEKqfFjN_hUtt&LRvl?;3b_4Ly)_H zc+f9d648MEqka3H6{TYF$yZ+d&7W_TpWP1N)t8?C*mbS%o_zO+NH&HNnVfaiHVO$w zN(#;#oeP7QYhS!Lk#s%h(}sZPo){lDi-q#w?ZlS^0089E>ACc^SXl6oRGyWdnJs7M z(n(@WGF`dv9Xr~do}Hc4HBsTj+OAxgCIxwRDY=&f@bb(1b5i;r&s>|KWevgAhEs`s z^x?6uUHa#H+b(``bm!Rk$tPB?jOqkRaAG~DPJIy589rD_Zf&U@k?op$|ML2Q6W`mj zV^yjpsV__mICk-FrhqlwD-exEzvwzub@1)O*BsXwdU5c%**o47Zr}0v!C0c_v4^*8 zK~K+GG)5!fTmvH@n_Iv;Zy(0^_{8P;jK1#Bp%?5s>Hq+=Hs>GOve|~O7~Xi}PslEm z;7Sh-4FL$vK|VL-<*a9NcX#vCnx=$dOrcyhK}f5*DU#?W3N0#5)c%sGQnK9pimif5HF z4xc%b`Q`k4vHV$+3KxK^jqc}hKnD=0MR0n$WKK?IhdVoaWpi_P-|pQ%*EVf>1k=-H zJDsi^IC5m<)oRriweP65#MgsrP)i1&8>;`03jjjtbb7j@qvM{jv9Z?C(NRC2&yO8H ze*BM~=Xn79n$UFzRPCK#bEB>$pqi*&8$}I72M}m)Z*TT}pJy_eVoksWVAn#{!U162 wYzgYQ39nnK)ttN0UffXS^-8b1am$VPZ%s-(_>=>Px# literal 0 HcmV?d00001 diff --git a/www/common/Pics/admon-warning.png b/www/common/Pics/admon-warning.png new file mode 100644 index 0000000000000000000000000000000000000000..dbf3d19e7015e6481f03c4df6ad34b200c2d786c GIT binary patch literal 1871 zcmV-V2e9~wP)Px#32;bRa{vGf6951U69E94oEQKA00(qQO+^RT2@@6v3d%YT`2YX_24YJ`L;(K) z{{a7>y{D4^00z%VL_t(o!>yNjOjB7D#xLTA%ZLhyh~lVm9ZlT#W!$&8n;6%q;}(tM zHg0iT;x6vSL>WOcnN9!H#08iEg#lDhTqvsoBQ2Dcwv_gjqIl*zk5{BEC^*yPOWL=b z?|08V_uN|{>hL)##COMpp!(>f5SPUN@i`^L+N(Z3Qt8Q)WV>|9T^BEs?fiMNojXU; z>C+^gIz`sw$LY7AAPMgV|0nYkLTtF|>noKUK1>B`)=3)Qr^6IRI+a${Tdi3osbjw1s|kv(@%bWQpu4cRIqj}WsD#1tZ%=qlmg-kkqZdZ z?%niDKmbD=s;~KGHa8zVN*W&dgbA`TCr*^*_+1533q;=Bxn$h2gMRk+XNbLZo%5}s z{{B{nxx+Mb(j;d&Kx%?e0MbW{pxilg$gpJ#UB`ehuY%*-xL}5NYRt)g_+RT3lZ{J={yL#2Ck11y(n5t*YpmGFy zJ$0%RgliUbct^r@22cSY6#%b>4U-}C>(^6gn>IWh8(gb>cX&X6Jo5Y%D=Gt415i(& zPWF{6$#~-i*%mCI>{HuFBZ%SVP1#(d(NIA_0U2-Ku7q%yBdD}> zD;2_+@AGq-j0_^Yn}w-(4uF&)Lu7!bg9eciS^6|UwJfkn+5GurxO0aJ3kylB)lyMW z5t;7ZCEKD!q@Oj5Y`b=m4#s>>e&+RSD#HrO!TYi~j~)O|0gya!AQ?Aos0Dzlw>pFZ zlEn~<7n3O>LN?dwbfnko$&BB2G#fpP`I>w^H<#>~iX7C#bEH270M7s*n`87z05Ggu zR|CL>3zh3vfp7)M0!SGO(HtF3#l^*BFc{qR_AS}BZKIrN)11vQ`eXnk0pQ7i0c1dS zY6jru!Kw)aVh9_Sk|idFj7B4wOs0>*6qN7TLpfM6uI5So`_tpTeJQb5FG}dylZsK) z?f}@)((od8uPO)!NHrB>D$0)?qmq&mGMmj+vOar86)41)i1DObH%jpHqqyeHDW*XK zibnjupg*A~NQ*e`0N75`KwSml0I8Ohq9senj!c;``qI);Sr&^$mi!%=v7lh%8#ST_ zh#3R9nny4I;<*7xXUQYK3Qafo4xmMX} zEL}=*jT<|eM=Iv`p+dxT2M7+PG!#l2=FABMlFdUxsz%P{HheEXbciZY(Paq<@-@CE zL&U~XDVoj0CQaPT??DBK=?;Jsj|x>PLpVSn9a?8uXegDyP@Zcx$H?sm4v-3Sod^>v zmYqE*sS1LN(i|U87OaS9+^=qamjMvh4ZwoJ%0p98VVyFFLpGd-tWi;wBjeFy{o8R! zQT6CSadsDhI#*fvPMQy2^x+aQ>E(NyUP3_#03}U-OOX^Xda1%^rlZA ziVg^P2jfgkvtON0#z&BeFq~Yp=T@!04*Bm9 z;>xv_Ep3I^T2oMzbv8%g=JxAHciOdkhd%_VK|%}=m8ow9d3?^CANWdC68FS8`g%x< z7G-?u(PNv{;jE{_aZHOdf)=}@7P};GF5KS>&|(YFK{Z&qw|#xfe-t9cM~HEV^9=+J z(Yh`G{P9#C?g;hTCd9S+{yE(zL}E)JMl0rA_1;i}`u;=nRHmaH)D`Lj^@oN+qo6U+ zSVe3$92yAqRi5XfYxX6^pPC+qY78}nyc7d3<#%J{zDHdH{tNN`^^}qMq;>!R002ov JPDHLkV1l+ZW~2ZB literal 0 HcmV?d00001 diff --git a/www/common/Pics/emblem-downloads.png b/www/common/Pics/emblem-downloads.png new file mode 100644 index 0000000000000000000000000000000000000000..f0356e28adc0502479636216baa7983d0db4a7a3 GIT binary patch literal 638 zcmeAS@N?(olHy`uVBq!ia0vp^Vj#@H3?x5i&EW)6%*9TgAsieWw;%dH0CN8X_=LCu zX*^)}?%hDy?Cfl0HQV-Y>*;9$itOCEbI1N2yLWHt@9(OtsqE?RsjjQ&o6yzU*V)_G zz4yS*eFt~#J+N!~z?J9h2e22p?T z$lk-p_MbR)b>*ufBxOnUC_1pJu+ld$Hy?piN#j7_jU%!3%_TB4u@7}z7|K|Psw_m<|{`&RHw{Ks+ zfB*LL=g(iie*XLS@Bjb*R!{zH1A0TNB*-tAfsu)Ym5rT~hmT)SSVT-*Mn+yiQAN|* zCm{6LxpQyceE9g~>yJNwff}z)i0KFF`r+x~7$R|bZvV}oLkN`m3Noz!fa;aGYeKSo4B3eYTWMJcHX&J;BP*+=)sf-rO=mo6GPUUHzSDQ=Os8L*w5sSrYt{S3 z;rcRLI4)kgIV<$^vaJd(0-eXM2Aj(DR=nnaf60@7@>l=Epd{hx>gTe~DWM4fPR~eV literal 0 HcmV?d00001 diff --git a/www/common/Pics/gradient.png b/www/common/Pics/gradient.png new file mode 100644 index 0000000000000000000000000000000000000000..dc4a8b84ac4c29b5a753620c71551073dee35d30 GIT binary patch literal 247 zcmeAS@N?(olHy`uVBq!ia0vp^j6m$n!2~2PJ^!&2Bv2gW?!>U}oXkrghqJ&VvKXlN zKL|5^>Dtr@6l5>)^mS#w&LJlvr?39(NdZtuti&~<#5q4VH#M(>!8QL70(Y)*K0-AbW|YuPgfv4mnXK$$$I5gaL)rOI#yLobz*Y zQ}ap~9E*}OGD}jEOG=AU6@pTWQxky#3ZZ$KB??9c2If2LuF3+n2zk0VhHzX@o?%^o g^Z)7V?~EB3B)76=?a_Ji6)4N#>FVdQ&MBb@0QH|Z?EnA( literal 0 HcmV?d00001 diff --git a/www/common/Pics/openlogo-50.png b/www/common/Pics/openlogo-50.png new file mode 100644 index 0000000000000000000000000000000000000000..20d490fd064840d41d9ef9a47d36b9cd8e028f12 GIT binary patch literal 2006 zcmV;{2Pyc8P)Px#32;bRa{vH-^#A~V^#LTwW!eA$00(qQO+^RW0Uitv6tu`s#{d8T24YJ`L;wH) z0002_L%V+f00&k{L_t(&-tAg@kWW<{zjj%6?UGC?uUJiuNAk#K^Gpx5(SxDMqbVi{ zTN%%kVMf%@i=R?x$If>|)di6(`@6`nDa)&t7}`B&A* zhs=WZel_0JwT%;()YB&H2=tLJr~Dc+kxd5X0PiXPMmS$XMt(SOcf^fFrBwCz2Z1a_ zV_}e!$W#b))~ns7tJ~a@z)Ek0ZUEm@1yvj?9pz$S&AAyBwE(pS1Kntu2$ z+78S}*yvqaoPs-BjMa6nMJH9|A#+Y$t?NQVG0&*b&YXYC>&kDT3UH^CnCj|VxfW;{ z^o^APR%qy(_!Y?Gj1$ZEw7_`a9X>jh44v1b`CxZOp#K7wMPNwK3f};qSmd`B*RV*u z_zAemB3~K6`?R1&wgL}Yaot$x5Tv8MQH3W z&@NfVu1=a~@kl9vZHk`?jEOZiX<$SN?(}*L_zjo_a9w;_~kv9j9+6W89TXiG;2raS_KvQ5F@D$Jl7%UGeMEj+G7^b{CJ&SeD zs-2YeoKpnwa-xl-=(Uwdw4s*z`V(%bW~7s4EU#`dSHfg2$7P*M35i_CeI6NOtvz1i zA!_mg>2u4zJ3U@O+FBzPZVEiEIM^g#x9VCMmRs2k;=J2 z+7EC?OlEDQwhY~Y-O86YjPy5+FkLD3GY69)RaR;sWI>wupjsZcpi8J=%XdOg*eC5|J(NE24EwD9AoQJtySIEAMY0}KOtX**gm%qGuuVnjS&lxtv;9?su6 zEd$o!47JAQw4yl9a4D9u@v^m4_a)=yM7H=1&Pq=P&@Tnd0vbhWueZ@F*T=IrsslSj z)HDpB-wc=^l;!sR3)c_~yUUB#k!$$JP4j)p0Q&WTL&beZBG4;aoO=l9_=Ok4TXtEAyOkG&N4?Up{wH8L_Jfd1vcy+8xtPhhOy3()t}6Zl=d zkmV#Y$r#7&SK$~U%R*NNct^9|Y+${5mz3jbV5kU*iSbhhlXA7jD;4zLQTyhF9wG=?~f);4SWQ2x+u6MZDspw zlQd9tc$#x5T}pqaQleu@2h>eBc{$5)%N0|Zn`}q6h^Q*=1ZE{ew_g}XZc3ITY*3z9 zw>(jPY+N%#r-As#$He9_@gx3Jx?RQWk&Npke$o-cM;?=Ziriy<86x32$R_LXC!9-S zlo6SiCknEjY(E5K+Znb^E%=lu3hAjuaP6HyiPhip-b|% zmKw;$b^+$7{B5Itw)5{3r4y8Y&d^Cy&yi!z7x&5|9gK#_=Pp;BE=HYv$^Ns09H)Z$ z9{DCY!XdF+I;6cH^`Mo}Bl$*s4l8o#1-c(Eogo^=2Y?gKxpO9t?6{6_=q*zn^UzXX zKSxOXpHiWD3avmgj@yyS&#(+l8eORJK8C!jWCL{nrqLrE)SFuk{T%1qi5)(Z;r>d= z+6UC{RwzGMI{cBaN3sIt`5Wa`LwC1^1F3!f>2ObMm)6jw&P>S`81@J< oG&_~gQm<{dyr5B%ojp_g7b;!FlOo)@hyVZp07*qoM6N<$g7UAtssI20 literal 0 HcmV?d00001 diff --git a/www/common/Pics/reddot.png b/www/common/Pics/reddot.png new file mode 100644 index 0000000000000000000000000000000000000000..76cc9934b215f4e259ec74f475effc97c728ab5e GIT binary patch literal 146 zcmeAS@N?(olHy`uVBq!ia0vp^OhC-Y!3HFnRsCf^oZ=vNCx&(BWL^R}Y)RhkE)4%c zaKYZ?lYt_f1s;*b3=G`DAk4@xYmNj^kiEpy*OmPy2fLW1-n`wXJAgt$o-U3d9M_XA j&Lw=C|M1h+-#iRroGh)AtxwqiWf?qO{an^LB{Ts56oVz1 literal 0 HcmV?d00001 diff --git a/www/common/boxless.css b/www/common/boxless.css deleted file mode 100644 index da3e4f7..0000000 --- a/www/common/boxless.css +++ /dev/null @@ -1,235 +0,0 @@ -/* CSS for Planet Debian - * - * Yes, Planet *DEBIAN* ... please stop stealing our CSS for use on - * your own Planet! I'd like this to have a fairly distinctive look - * and there's a perfectly good CSS example included with the Planet - * source now. - * - * THIEVES! ADMINS! WE HATES THEM FOREVER! - * - * I'll set Andrew Suffield on you... - */ - -body { - /*font-size: 90%;*/ - - padding: 0 10px; - padding-top: 1px; - padding-bottom: 1em; - - border-right: 1px solid rgb(128, 128, 128); - - background-color: white; - color: black; - - margin: 0; - margin-right: 185px; -} - -h1 { - font-family: "Lucida Sans Unicode", sans-serif; - font-size: 175%; - - letter-spacing: -2px; - - color: rgb(215, 7, 81); - - padding: 0; - margin: 0; - margin-top: 1em; -} - - -div.channel { - padding: 0; - padding-bottom: 0.1em; - - margin: 0; - margin-top: 20px; -} - -div.channel img.face { - float: right; - border: none; -} - -div.channel h2 { - font-family: "Lucida Sans Unicode", sans-serif; - font-size: 150%; - - letter-spacing: -2px; - - padding: 0 0.25em; - - border-bottom: 1px solid black; - - margin: 0; -} - -div.channel h2 a { - text-decoration: none; - color: inherit; -} - - -div.entry { - padding: 0 5px; - - margin: 0; - margin-bottom: 20px; -} - -div.entry h3 { - font-family: "Bitstream Vera Sans", sans-serif; - font-size: 110%; - - color: rgb(32, 32, 32); - - padding: 0; - - border-bottom: 1px dashed black; - - margin: 0; - margin-top: 2px; -} - -div.entry h3 a { - text-decoration: none; - color: inherit; -} - -div.entry p.date { - font-family: sans-serif; - - color: rgb(64, 64, 64); - - padding: 0 10px; - - margin: 10px 0; -} - -div.entry p.date a { - text-decoration: none; - color: inherit; -} - - -div.content { - text-align: justify; - - padding: 0 20px; - - margin: 0; - margin-top: 5px; -} - -div.content h1 { font-size: 100%; } -div.content h2 { font-size: 100%; } -div.content h3 { font-size: 100%; } -div.content h4 { font-size: 100%; } -div.content h5 { font-size: 100%; } -div.content h6 { font-size: 100%; } - - -div#sidebar { - position: absolute; - top: 0px; - right: 0px; - width: 165px; - - font-family: sans-serif; - font-size: 80%; - - text-align: justify; - - padding: 0 10px; - - background-color: white; - - margin: 0; -} - -div#sidebar h1 { - font-family: "Bitstream Vera Sans", sans-serif; - font-size: 20px !important; - - text-transform: lowercase; - - margin-top: 30px; -} - -div#sidebar div#logo { - padding: 2px 0; - padding-left: 10px; - - border-top: 1px solid black; - border-bottom: 1px solid black; - - margin-left: -10px; -} - -div#sidebar h2 { - font-size: 100%; - - text-transform: uppercase; - - border-bottom: 1px dashed rgb(128, 128, 128); - - margin-top: 2em; -} - -div#sidebar img.button { - border: none; -} - -div#sidebar ul { - list-style-type: square; - - text-align: left; - - padding-left: 1.5em; - - margin-left: 0px; -} - -div#sidebar li a { - text-decoration: none; - color: inherit; -} - - -a:hover { - text-decoration: underline !important; - color: blue !important; -} - -img { - border: none; -} - -/* Suggested by martin f. krafft */ -.center, .centre { - text-align: center; -} - -.float-left, .floatleft { - float: left; - margin-right: 1em; -} - -.float-right, .floatright { - float: right; - margin-left: 1em; -} - -img[align=left] { - margin-right: 1em; -} - -img[align=right] { - margin-left: 1em; -} - -.bordered { - border: 1px solid #000; -} diff --git a/www/common/debian.css b/www/common/debian.css new file mode 100644 index 0000000..1abbf70 --- /dev/null +++ b/www/common/debian.css @@ -0,0 +1,871 @@ +/* + http://www.debian.org Stylesheet + + Copyright 2011 Kalle Söderman + + This stylesheet is free software; you can redistribute it and/or modify it + under the terms of the GNU General Public License, version 2, as published by + the Free Software Foundation. + + This program is distributed in the hope that it will be useful, but WITHOUT ANY + WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A + PARTICULAR PURPOSE. See the GNU General Public License for more details. + + You should have received a copy of the GNU General Public License along with + this program; if not, write to the Free Software Foundation, Inc., 51 Franklin + Street, Fifth Floor, Boston, MA 02110-1301 USA. + + The license text can also be found at http://www.gnu.org/copyleft/gpl.html and + /usr/share/common-licenses/GPL-2 on Debian GNU/Linux. +*/ + +/* + Font size table (Browser default 16px) + + pixels relative + -------------------- + 36px 2.25em + 31px 0.5161em + 24px 1.5em + 21px 1.3125em + 18px 1.125em + 16px 1em + 14px 0.875em + 12px 0.75em + 11px 0.6875em + 10px 0.625em + 9px 0.5625em + -------------------- +*/ + +/* Reset */ + +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, fieldset, form, label, legend, table, caption, tbody, +tfoot, thead, tr, th, td { + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-weight: inherit; + font-style: inherit; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; +} + +body { line-height: 1; color: black; background: white; } +ol, ul { list-style: none; } +table { border-collapse: separate; border-spacing: 0; } +blockquote, q { quotes: "" ""; } +html { background-color: transparent; } +:focus { outline: 1px dotted grey; } +caption, th, td { text-align: left; font-weight: normal; } +blockquote:before, blockquote:after, q:before, q:after { content: ""; } + +/* Main */ + +body { + margin: 0; + font: normal 100% sans-serif; + line-height: 1.5; + color: #222; + background-color: white; + background-image:url('Pics/gradient.png'); + background-position: 0 0; + background-repeat: repeat-x; + /* Uncomment to show baseline grid + background-image: url('24grid.png'); + background-position: 30px 9px; + */ +} +#content { + margin: 0 10px 0 52px; +} +#inner { + position: relative; +} +#maincol { + margin: 0 15em 1.5em 0; +} + +/* Header */ + +#header { + margin:0; + padding:0 10px 0 52px; +} +#header a:link +, #header a:visited +, #second-nav a:link +, #second-nav a:visited { + text-decoration: none; +} +#header a:hover +, #second-nav a:hover { + text-decoration: underline; +} +#breadcrumbs { + margin:0; + font-size: 0.75em; + text-transform: lowercase; + line-height: 2; + background-color: transparent; + background-color: #f5f6f7; + border-bottom: 1px solid #d2d3d7 ; + min-height: 20px; +} +#breadcrumbs:before { + content: "/"; + margin-left: 0.5em; + margin-right: 0.5em; +} +p.section { + margin: 0; + padding: 0 5px 0 5px; + font-family:monospace; + line-height: 16px; + color:white; + text-transform: uppercase; + letter-spacing: 0.08em; + position:absolute; + top: 0px; + left:52px; + background-color: #c70036; +} +p.section a { + color: white; + text-decoration: none; +} +p.section a:hover { + color:white; + text-decoration: underline; +} +#navbar { + background-color: transparent; + list-style:none; + display:block; + border-bottom:1px solid #c70036; + text-indent:0; + padding: 0; + margin-top:0; + margin-bottom:0; +} +#navbar ul { + margin: 0; + padding: 0; + clear: both; + overflow: hidden; + min-height: 45px; +} +#navbar li { + list-style: none; + float: left; + padding: 0; + margin: 0; +} +#navbar a:link +, #navbar a:visited { + padding: 1.75em 0.5em 0.25em 0.5em; + border-left: 1px solid transparent; + border-right: 1px solid transparent; + display: block; + text-decoration: none; +} +#navbar a:visited { + color: #54638c; +} +#navbar a:hover +, #navbar a:visited:hover { + background-color: #f5f6f7; + border-left: 1px solid #d2d3d7; + border-right: 1px solid #d2d3d7; + text-decoration: underline; +} +ul.subnav { + list-style: none; + margin-left: 0; + padding-left: 0; + margin-top: 0; +} +ul.subnav li { + display: inline; + margin-right: 1em; +} +#searchbox { + text-align:left; + line-height: 1; + margin: 0 10px 0 0.5em; + padding: 1px 0 1px 0; + position: absolute; + top:0; + right:0; + font-size: 0.75em; +} +#searchbox p { + margin: 0; + padding: 0; +} +#upperheader { + margin:0; + padding:0; +} +#logo { + position:absolute; + top:0; + left:0; + padding: 0; + background-color: transparent; + border: 1px solid transparent; + border-top: 0; + width: 50px; + height: 5.07em; + min-height: 65px; +} +#logo a { + display: block; + position: relative; + padding: 0; + height: 100%; + min-height: 65px; +} +#logo img { + margin-top: 5px; + position: absolute; + bottom: 0.3em; + overflow: auto; +} +#logo:hover { + border: 1px solid #d2d3d7 ; + border-top: 0; + background-color: #f5f6f7; +} + +/* Links */ + +a:link { + color: #0035c7; + text-decoration: underline; +} +a:visited { + color: #54638c; +} +a:link:hover { + text-decoration: none; + color: #00207a; +} +a:visited:hover { + text-decoration: none; +} +a:active { + color:#c2c3c7; +} +a img { + border:0; +} +a.rss_logo { + font-size: 0.75em; + float: right; + width: 35px; + line-height: 10px; + color: #ffffff; + background-color: #ff6600; + font-weight: bold; + font-family: sans-serif; + text-align: center; + text-decoration: none; + padding: 0.25em; + margin-left: 0.25em; + border: 1px solid #ff6600; +} + +a.rss_logo:hover { + background-color: white; + border: 1px solid #ff6600; + color: #ff6600; +} + +a.rss_logo.generic { + background-color: #ff8800; +} + +a.rss_logo.generic:hover { + background-color: #ee7700; +} + + +/* Secondnav */ + +#second-nav { + width: 16em; + font-size: 0.75em; + line-height: 1.5; + float: right; + top: 0; + right: 0; + margin: 3em 0 0 0; + padding: 0 0 0 1em; + border-left: 1px solid #d2d3d7 ; +} +#second-nav ul { + padding:0; + margin:0; + list-style:none; +} +#second-nav ul ul { + margin-left: 1em; +} +#second-nav li { + font-weight: normal; + margin:0; + padding:0; +} +#second-nav p { + line-height: 2; + font-weight: bold; + margin: 0; +} +#second-nav h2 { + margin:0; +} + +/* Typography */ + +p { + margin: 1.5em 0 1.5em 0; +} +strong { + font-weight: bold; +} +em { + font-style: italic; + color: #444; +} +small { + font-size: 0.75em; +} +sup { + font-size: 0.75em; + vertical-align:top; +} +h1 +, h2 +, h3 +, h4 +, h5 +, h6 { + font-weight: 600; + color: black; +} +h1 { + font-weight: normal; + font-size: 1.8em; + line-height: 0.83333; + margin: 0.83333em 0 0.83333em 0; +} +h2 { + font-size: 1.4em; + font-weight: normal; + line-height: 1.0714286; + margin: 1.0714286em 0 1.0714286em 0; +} +h3 { + font-size: 1.125em; + line-height: 1.333em; + margin: 1.333em 0 0 0; +} +h4 { + font-weight: normal; + font-style: italic; + margin: 1.5em 0 1.5em 0; + color: #444; +} +h5 { + font-style: italic; + font-size: 0.75em; + margin: 2em 0 2em 0; +} +ol,ul { + padding-left: 1.5em; + margin-left:0; + margin: 1.5em 0 1.5em 0; +} +ol>ol, ul>ul, li>ol, li>ul { + margin: 0; +} + +ol { + list-style-type: decimal; +} +ul { + list-style-type: disc; +} +th { + font-weight: bold; + margin: 1.5em 0 1.5em 0; +} +hr { + border: none; + background-color: #bbb; + height: 1px; + margin: 1.4375em 0 1.5em 0; +} +pre { + margin: 1.5em 0 1.5em 0; + overflow: auto; + font-family: monospace; + white-space: pre; + color: black; +} +tt, code { + font-family: monospace; + white-space: pre; + color: black; +} +dt { + margin: 1.5em 0 0 0; + font-weight: bold; +} +dd { + margin: 0 0 0 1.5em; +} +blockquote { + font-size: 0.75em; + margin: 2em; + line-height: 2; +} +cite { + font-style: italic; + color: #444; +} +acronym, abbr { + text-transform: uppercase; + font-size: 0.9em; +} +.toc { + font-size: 0.75em; + list-style:none; + background-image: url('Pics/greydot.png'); + background-position: bottom left; + background-repeat: repeat-x; + line-height:1.833; + padding: 0; + max-width: 62%; + margin: 2em 0 2em 0; +} +.toc li { + background-image: url('Pics/greydot.png'); + background-position: top left; + background-repeat: repeat-x; + padding: 0.0833em 0 0.0833em 0; + } +.toc a { + display:block; + text-decoration: none; +} +.toc a:hover { + display:block; + background-color: #f0f0f4; + text-decoration: underline; +} +.toc dt { + margin: 0; + background-image: url('Pics/greydot.png'); + background-position: top left; + background-repeat: repeat-x; + padding: 0.0833em 0 0.0833em 0; +} + +/* Sitemap */ + +.card { + clear:both; + margin:1.5em 0 1.5em 0; + background-position: 0 -50px; + background-repeat: repeat-x; + padding:0; +} +.card ul { +} +.card ul li { + list-style:none; +} +.card h2 { +} +.lefthalf { + float:left; +} +.righthalf { + margin-left:50%; +} +.lefthalf ul { + margin-top:0; +} + +/* Footer */ + +#footer { + font-size: 0.75em; + border: 1px solid #dfdfe0; + padding:1em; + background-color: #f5f6f7; + margin: 0 10px 0 52px; + line-height: 1.5em; + border-left: 0; + border-right: 0; + clear: both; +} +#content #footer { + margin-left: 0; +} +#footer p { + margin: 1em 0 1em 0; +} +#footer hr { + border-top: 1px solid #d2d3d7; + border-bottom: 1px solid white; + height: 0; +} +#footer .editbar li { + display: inline; + margin-right: 2em; +} +#footer .info { +} +#fineprint { + margin-bottom: 1em; +} +#footermap { + list-style:none; + margin: 0 0 0 0; + padding: 0; + width:100%; + overflow: hidden; + border: 0; +} +ul#footermap-cola a +, ul#footermap-colb a +, ul#footermap-colc a +, ul#footermap-cold a +, ul#footermap-cole a { + padding-left: 0; +} +ul#footermap-cola +, ul#footermap-colb +, ul#footermap-colc +, ul#footermap-cold +, ul#footermap-cole { + float:left; + width: 19%; + min-width: 11em; + height: 12em; /* Update when adding items */ + margin:0 1% 0 0; + padding: 2em 0 0 0; + list-style: none; +} +ul#footermap-cole { + width: 18.9%; + margin-right:0; +} +#footermap-wrap { + padding:2em; + border-top: 1px solid white; +} +#footermap a { + margin: 0; +} +#footermap ul{ + list-style: none; + padding:0; +} +#footermap li { + text-indent:0; + background-color: transparent; + font-weight:bold; +} +#footermap li ul { + margin: 0; + padding: 0; +} +#footermap li li { + margin:0; + text-indent:0; + padding:0; + font-weight:normal; + border:0; + background-image:none; + background-color:transparent; +} +#serverselect { +} +#serverselect input +, #serverselect option +, #serverselect select { +} +#serverselect ul { + display: inline; + margin-left: 2em; +} +#serverselect li { + list-style: none; + display: inline; + padding:0 1em 0 1em; + margin:0; +} +#serverselect form p { + margin:0; + padding:0; + line-height: 1; +} +.lcol50 { + float: left; + width: 49%; + font-size:0.75em; + margin:0 0 0 0; + padding:0 0.5em 0 0; +} +.lcol50 h2 { + margin-top:0; +} +.rcol50 { + margin:0 0 0 51%; + padding:0; + font-size:0.75em; +} +#pageLang { + position: relative; /* establish a containing box. needed for + langContainer */ +} +form#pageLang { + display: inline; +} + +/* Extras */ + +input:focus { + background-color:#FFFFCB; + +} +.hidecss { + display: none; +} +.clear { + clear:both +} +#clear { + clear:both; + border:0; + height:1px; + display:block; +} +.quicklist { + list-style: none; + font-size: 0.75em; + margin: 2em 0 2em 0; + padding:0; + text-indent:0; + line-height: 2em; +} +.quicklist li { + display:inline; +} +.item p{ + margin: 0; +} +.item h2 +, .item p +, .item ul{ + margin-right: 10px +} +.item h2 +, .item h3 +, .item h4 +, .item h5 { + margin-top: 0; +} +.line { + padding: 0; + width: auto; + overflow: hidden; + } +div.downloads { + border-top: 0.17em solid #339900; + margin: 1.33em 0 0 0; +} +.downloads ul.downlist { + margin:0; +} +div.downloads .col50 { + border-top: 0.15em solid #339900; +} +ul.downlist { + padding-left: 30px; + text-indent:0; + background: url('Pics/emblem-downloads.png') no-repeat 0 0.15em; + min-height: 23px; + /* + * border-top: 0.17em solid #339900; + */ +} +ul.quicklist.downlist { + border-top: 0.17em solid #339900; + padding-top: 0.25em; + margin-top: 1.6em; +} +ul.downlist li { + display: inline; +} +ul.downlist li:after { + content: ', '; +} +ul.downlist li:last-child:after { + content: ''; +} +div.tip +, div.important +, div.warning +, div.note +, div.trans-note { + padding:0 2em 0 4em; + margin: 1.85em 0 1.85em 0; + background-repeat: no-repeat; + background-position: 0.5em 0.5em; + font-size: 0.75em; + line-height: 2em; + background-color:#FFFFCB; + border:0.15em solid #CCCCA3; +} +div.tip p +, div.important p +, div.warning p +, div.note p +, div.trans-note p { + margin: 1em 0 1em 0; +} +div.tip { + background-image: url('Pics/admon-tip.png'); +} +div.important{ + background-image: url('Pics/admon-important.png'); +} +div.warning { + background-image: url('Pics/admon-warning.png'); +} +div.note +, div.trans-note { + background-image: url('Pics/admon-note.png'); +} + +/* Layout Elements */ + +.col50 +, .cardleft +, .cardright { + width:47.5%; + float: left; + padding-bottom: 1.5em; +} +.lastcol +, .cardright { + margin: auto; + width: 47.5%; + float:left; + padding-right: 0; + margin-left: 5%; +} +.lastcol h2 +, .lastcol p +, .lastcol ul { + margin-right:0; +} +.cardleft h2 { + margin-right: 1em; +} +.cardright div { + margin-left: 1.5em; +} +.cardright h2 { + margin-left: 1em; +} +.votemenu a { + display:block; +} +table.vote td, table.vote th { + padding-right: 1.5em; +} +#maincol.with-toolbox { + margin-right: 14em; +} +div.tabular table, table.tabular, table.vendors { +/* border-bottom: 1px solid #a9abb3; + border-top: 1px solid #a9abb3; */ + border-bottom: 0.15em solid #666; + border-top: 0.15em solid #666; + width: auto; + font-size: 0.75em; + line-height: 2em; + margin-bottom: 4em; + margin-top: -0.169em; +} +table td { + padding-right: 1.5em; +} +div.tabular table tr, table.tabular tr, table.vendors tr { + width: 100%; +} +table th { + padding-right: 1.5em; +} +div.tabular table td, table.tabular td, table.vendors td { + background-image: url(Pics/greydot.png); + background-position: top left; + background-repeat: repeat-x; +} +div.tabular table > td:fist-child, table.tabular > td:fist-child, table.vendors > td:fist-child { + background-image: none; +} +#pageLang p, #pageLang form { + display: inline; +} +.inline a { + float: left; + margin-right: 1em; +} +#langSelector { + color: #0035c7; + text-decoration: underline; +} +#langSelector:hover { + cursor: pointer; + text-decoration: none; +} +#langContainer { + #background-color: #f5f6f7; + background-color: white; + background-image:url('Pics/gradient-flipped.png'); + background-position: bottom; + background-repeat: repeat-x; + display: none; + position: absolute; + left: -1em; + border-bottom: 1px solid #dfdfe0; + margin-right: -1em; + min-width: 100%; /* make it reach the right edge if only a few + languages are available */ + padding: 0.5em 1em 1em 1em; +} +#langContainer a { + margin-right: 1em; +} +#pageLang:hover #langContainer { + display: block; +} + +/* for l10n-arabic */ +.bidi { + direction: rtl; + text-align: right; +} + diff --git a/www/common/planet.css b/www/common/planet.css new file mode 100644 index 0000000..fefb6ed --- /dev/null +++ b/www/common/planet.css @@ -0,0 +1,115 @@ + +@import url("debian.css"); + +#sidebar { + border-left:1px solid #d3d6df; + margin:0; + margin-left:1em; + padding:0 0 0 1em; + /* TODO - actually we want 11em of 100% font size, this is a dirty workaround */ + width:15em; + font-size: 0.75em; + line-height: 1.5em; + position: absolute; + top: 10em; + right: 10px; +} +#sidebar h1 { + font-size: 1em; + line-height: 1.5em; +} +#content { + margin-right: 14em; + margin-top: 1em; +} + +img.face { + float: right; + margin-top: -20px; +} +.channel { + background-color: #f2f3f7; + border:1px solid #e2e3e7; + overflow: visible; + margin-bottom: 1.5em; +} +h2.planet-title { + font-family:monospace; + text-transform: uppercase; + letter-spacing: 0.2em; + background-color: #c70036; + color: white; + margin:0; + padding: 0.5em; + font-size: 1em; + font-weight: bold; + line-height: 1.5em; + border-bottom: 1px solid #bbb; +} +div.entry div.content { + margin: 0 0.5em; + border-bottom: 1px solid #bbb; +} +h2.planet-title a { + color: white; + text-decoration: none; +} +h2.planet-title a:hover { + color: white; + text-decoration: underline; +} +h3.entry-title { + padding: 0 0 0 0.25em; + font-size: 1.4em; + color: #c70036; + line-height: 1.0714286; + font-size: 1.4em; + font-weight: normal; + line-height: 1.0714286; + margin: 1.0714286em 0 1.0714286em 0; +} +h3.entry-title a { + color: #c70036; + text-decoration: none; +} +h3.entry-title a:hover { + text-decoration: underline; +} +p.date { + border-top: 1px solid white; + font-size: 0.75em; + line-height: 2em; + border-top: 1px solid white; + margin-top:0; + padding: 0.5em 0.5em 0 0.5em; +} + +table { +/* border-bottom: 1px solid #a9abb3; + border-top: 1px solid #a9abb3; */ + border-bottom: 0.15em solid #666; + border-top: 0.15em solid #666; + width: auto; + font-size: 0.75em; + line-height: 2em; + margin-bottom: 4em; + margin-top: -0.169em; +} +table tr { + width: 100%; +} +table th { + padding-right: 1.5em; +} +table td { + background-image: url(Pics/greydot.png); + background-position: top left; + background-repeat: repeat-x; +} +table > td:fist-child { + background-image: none; +} + +#outer { + margin-left: 10px; +} -- 2.39.2