From b506efc74538b5c2af64118603e1a4ae0737fb71 Mon Sep 17 00:00:00 2001 From: theinterned Date: Wed, 29 Dec 2010 16:25:20 -0500 Subject: [PATCH] splash pretty much styled --- media/css/batucada.css | 203 +++++++++++++++++++++++++++++- media/images/feed-icon-16x16.png | Bin 0 -> 649 bytes media/images/splash-calls-bg.png | Bin 0 -> 314 bytes media/images/splash-header-bg.png | Bin 0 -> 3201 bytes templates/dashboard/splash.html | 16 +-- 5 files changed, 209 insertions(+), 10 deletions(-) create mode 100644 media/images/feed-icon-16x16.png create mode 100644 media/images/splash-calls-bg.png create mode 100644 media/images/splash-header-bg.png diff --git a/media/css/batucada.css b/media/css/batucada.css index bfd8abf..eb6db5d 100644 --- a/media/css/batucada.css +++ b/media/css/batucada.css @@ -1147,6 +1147,203 @@ header {} right: -12px; top: 0; background: transparent url(/media/images/modal-nav-arrow.png) right top no-repeat; } - - -footer {} \ No newline at end of file +/* SPALSH PAGE FOR ANON USERS */ +#splash{} +#splash #masthead{ + border: none; + } +#splash #breadcrumbs{ + display: none; + } +#splash #content{ + padding: 0; + width: 100%; + } +#splash #content header{ + padding: 54px 0 40px; + background: #111 url(/media/images/splash-header-bg.png) repeat-x 0 -59px; + } +#splash #content header .container{ + position: relative; + } +#splash #content header h1, +#splash #content header h2{ + width: 530px; + font: 52px/54px "Museo Sans", sans-serif; + color: #fff; + text-shadow: none; + } +#splash #content header h1{ + margin: 0 0 0.5em; + } +#splash #content header h2{ + font-size: 18px; + line-height: 24px; + } +#splash #content header img{ + position: absolute; + right: 81px; bottom: -105px; + } +#splash #calls { + background: #BCD4DB; + background: -moz-linear-gradient(top, + #BCD4DB 0%, + #E4F1F4 100%); + background: -webkit-gradient(linear, left top, left bottom, + color-stop(0%,#BCD4DB), + color-stop(100%,#E4F1F4)); + filter: progid:DXImageTransform.Microsoft.gradient( + startColorstr='#BCD4DB', + endColorstr='#E4F1F4', + GradientType=0 ); + border-bottom: 1px solid #d3dee1; + } +#splash #calls ul{ + list-style: none; + padding: 20px 0; + } +#splash #calls li{ + display: inline-block; + } +#splash #calls button, +#splash #calls .button{ + width: 144px; + height: 36px; + padding: 0; + margin-right: 6px; + font-size: 15px; + line-height: 36px; + font-weight: bold; + color: #fff; + text-shadow: 0 -1px rgba(0,0,0,0.4); + border-color: #80a9ba #3c799b #3c799b #80a9ba; + box-shadow: + inset 1px 1px rgba(212,246,255,0.4), + 1px 1px rgba(0,0,0,0.2); + -moz-box-shadow: + inset 1px 1px rgba(212,246,255,0.4), + 1px 1px rgba(0,0,0,0.2); + -webkit-box-shadow: + inset 1px 1px rgba(212,246,255,0.4), + 1px 1px rgba(0,0,0,0.2); + background: #799FB5; /* old browsers */ + background: -moz-linear-gradient(top, + #95B8CA 0%, + #799FB5 100%); + background: -webkit-gradient(linear, left top, left bottom, + color-stop(0%,#95B8CA), + color-stop(100%,#799FB5)); + filter: progid:DXImageTransform.Microsoft.gradient( + startColorstr='#95B8CA', + endColorstr='#799FB5',GradientType=0 ); + } +#splash #calls .button.submit{ + border-color: #41a8d3 #0476b7 #0476b7 #41a8d3; + background: #5EC4F8; /* old browsers */ + background: -moz-linear-gradient(top, + #5EC4F8 0%, + #33A7E9 100%); + background: -webkit-gradient(linear, left top, left bottom, + color-stop(0%,#5EC4F8), + color-stop(100%,#33A7E9)); + filter: progid:DXImageTransform.Microsoft.gradient( + startColorstr='#5EC4F8', + endColorstr='#33A7E9',GradientType=0 ); + } +#splash #calls button:hover, +#splash #calls .button:hover { + opacity: 0.8; + } +#splash #calls button:active, +#splash #calls .button:active{ + border-color: #3c799b; + background: #799FB5; /* old browsers */ + background: -moz-linear-gradient(top, + #799FB5 0%, + #95B8CA 100%); + background: -webkit-gradient(linear, left top, left bottom, + color-stop(0%,#799FB5), + color-stop(100%,#95B8CA)); + filter: progid:DXImageTransform.Microsoft.gradient( + startColorstr='#799FB5', + endColorstr='#95B8CA',GradientType=0 ); + } +#splash #calls .button.submit:active{ + border-color: #0476b7; + background: #33A7E9; /* old browsers */ + background: -moz-linear-gradient(top, + #33A7E9 0%, + #5EC4F8 100%); + background: -webkit-gradient(linear, left top, left bottom, + color-stop(0%,#33A7E9), + color-stop(100%,#5EC4F8)); + filter: progid:DXImageTransform.Microsoft.gradient( + startColorstr='#33A7E9', + endColorstr='#5EC4F8',GradientType=0 ); + } +#splash #calls button:focus, +#splash #calls .button:focus { + text-decoration: none; + outline: none; + outline-style:none; + box-shadow: + inset 1px 1px rgba(212,246,255,0.4), + 1px 1px rgba(0,0,0,0.2), + 0 0 1px 1px #e5f6ff, + 0 0 4px 2px #3ea1e6; + -moz-box-shadow: + inset 1px 1px rgba(212,246,255,0.4), + 1px 1px rgba(0,0,0,0.2), + 0 0 1px 1px #e5f6ff, + 0 0 4px 2px #3ea1e6; + -webkit-box-shadow: + inset 1px 1px rgba(212,246,255,0.4), + 1px 1px rgba(0,0,0,0.2), + 0 0 1px 1px #e5f6ff, + 0 0 4px 2px #3ea1e6; + } +#splash #main{ + width: 100%; + padding: 36px 0 0; + margin: 0; + float: none; + background: #f3f4f6 url("/media/images/background.jpg") repeat-x center -0px; + border-top: 1px solid #fff; + } +#splash #main > .container > h1 { + display: none; + } +#splash #main asside { + display: block; + margin-left: 660px; + } +#splash #main asside > section > h1{ + position: relative; + padding-bottom: 5px; + margin-bottom: 18px; + color: #474747; + font-size: 16px; + line-height: 18px; + font-weight: normal; + border-bottom: 1px solid #dbdbdb; + } +#splash #main asside #planet_drumbeat{ + color: #777; + font-size: 12px; + line-height: 18px; + } +#splash #main asside #planet_drumbeat > h1 a { + display: block; + width: 16px; height: 16px; + position: absolute; + top: 2px; right: 0; + text-indent: -9999px; + background: url(/media/images/feed-icon-16x16.png) 0 0 no-repeat; + } +#splash #main asside #planet_drumbeat article h1{ + font-size: 12px; + line-height: 18px; + } +#splash #main asside #planet_drumbeat > h1 a:hover{ + opacity: 0.8; + } \ No newline at end of file diff --git a/media/images/feed-icon-16x16.png b/media/images/feed-icon-16x16.png new file mode 100644 index 0000000000000000000000000000000000000000..65555659847b552f6c3f12865d0df48ef7681eb6 GIT binary patch literal 649 zcmV;40(Sk0P)?RjX9-P*AWQ#H00C1QES>5E~WsS||$M(zA#5(1U_v3W5ji7sW!M;ue|^ zZDTg5R87)#_9fLsv9t@1c{8)~d-I>ibENJQ2s#;eK^NQje!%N&i8Fd&U5cAxUF+f;wHai~ioj&%S9wc_x zARF$({3h|yek{qk!|iCt(ZG4JoLr?d%^wu?i6E?x${di?S;DG|swA-*=?quNo9qm+&0u`3qogzRC%2 z5+ZP^Y&Y6V&nW1IzawvywO49v>-gNqq+jO{A`kZ#AJdvFnPaZVl)j+R8~w>Me}>NO jJm;Lo^nym^De#P-It-puX$IJ67xEyFEEfN{rp#?>bR;&nKHPd8E zQuKM(My`=NB~cEVCnA#;FK>&~LsO}4sl6oz&Ga>SzLuK?uAeJLiyIsiu&GejxGZQw z^$kK}M-903l+Kjv7I>XQZ7KU8+eEhQN)+cpI>X~!w_36zw-@JPD>Xj>3-gx5;8n3_p z`kq1N^5x5?YuBz_x^(H)S6_Ym?YH-gciwr&cV2t#wdL=>|2~eH8s#}|8YAWet^es9 z8q00B-S+a!FCU|wDXiap_ub?4o%w${38QYY2fLk|8gISzR(D}$tH^0q#Gn}xDF#OU z_19lLD+$GPW)u0!E3eSu24egg(KST=_S`~7&iq_J>~oLX_GhQnH;H<93Ho9oU1pQ?YiD?h0mzL=Uu%PU@UsN|H1m z#pvW(w7E#n63oJiLu3@znd*gwwrTNeC&O_ZvxHjZmTD)*4Z_daYuIvp&eXsRM<;o&kI`Vt-@bZPOmC?(3x5KgPA5Jcdm@9`#vKy_ z!3N53X3>L$LSJ~{1&Ji8D<8}l_Xi(*5Hl5u9bS=O)^WQeI*xZLlxW;hm@~+--APa8 zFAvwIysOB)VDvyD#lToas$!RoK%(#;vkb?qPj~hHWn1$;=!{|&=>rI1$IsN|o@A!EB z`R70S=%c+DYICMgG1hS4Hw~fK@tDpmTtk3R?)ZV7*+fc7H>k~b770MI=bn2m`W9Kp zz$iJmb|u~nXVyEZQS$nBk&+;$xYm7(818hYa4ttF0aD9Skv^F53kEv56bv(J_Yt`+m~#~*upoPldmR*#V(wZWXOU%x)p7Qw+_Sx-OxG|u&8VRWXRdFGi< zKKTT9l=aXNMrTGR{eDG^c7oYD*<*MPjbKX2B1SuYpp13gRIf4^3MB?M|#~)W#55~!K1v5lq4FM5DR3`_sc*WAj#{`n#(t*yL{`~V#W`%Z`9}bmKh<$6gGLU`8i`+*8}X8hA1MF#4| zG+j+^pri5NkSUE{UD6}$u3)wYhifJS5j(+*_vAwlJ*2ga@4ovE!4E$8Aa*))wgxH( zRKUfZV8(Ajm;U+V=jd^qrlT?bnT2Z^B2-~#Hjzrt9mG8FzyrQ>b|)#)%aHN?_uuci zhDfbdMxdS9rXeLgeP@P9jRo~YR`y_|KWE0j1!1Oi(D1HEq%)(FNXF99HyR4Yjt+EY zj2pYms+ce|LuX1CkAsRB9@v>8!SxS6{J1xHm zSnj|7{vUt*k-^bY8NrO-CwV6&S}pdSFvhr{70D<-h6wD8zMV6pLJ7F26pbf_uh!1t98J`*_k$_jQH>i8ij>;UtRhK7Gbjm$X90tq@~j@r z81=vz>=cvvIgy1Y2Xn%`#QL6l?)l}HUm`{`DdFuAU#~%ac1o#2oy<2bpO|1e+>r4LIOGNzWZ(vaiAMw#w!R3sDx$g#ROAc`d&0o-CbLX9R@_!@*GX(H!Vb?}f=X9pn9M>i#{O=hs zIEK<+(EJNpTCz#>~OBbOAYA2X-M<*hkjM{UklhfdZ zj((u#-d(#Qr}en8b~3a@1AA~CG`$x_W{8w}HNDr(<8g)s8d8HNVmK7=C?z z#~pVlM$8b2_4Vu5@w7_`4D1kfLk!X_bgYH`^IYmcx}uY07AbK_dunAAKKQjTh-rl| zI&-@H_S;F&!7@lhh0c^$ECOXHMxAtKh*YvE%6ft+YK>lp(V1e!2dKK@Ora&7j1{wV zq7WI(5Xo<8qZtb3Il*k5)L6V3p;pWgsm}Iyc)yck)^Y18RMUG)omo4{`_@rjtIm{{ z-eb^=XwTZogPHm*jVHCjF}+{Gj0Y$BCc;bYy{%643VUzQI;o1?h)&YAKHYxt9Hs2e zEC(@kP4iZ)qt|;{@RQ^0K&khg&a6*29e!ZMI0M%zl26pM9=JMFzUB>7S9D-7+taNV zXutb$4)d1h2$3<5Gm-q@d-Hg7&YZ9{l?3C)jT?{@BI#P#Vxd7$TW6M7`*88AEB~uS z&s#l)|CfM9KZo-utx*OE)#HT)Q(B`-dlhzO8@H}vm(-b3uX{|NhjuoRlGOVa%y@9< zAWBJlCyRkm>b0LUHJmBTl;2&)#Awjfnd1K(*o(pSrQyuDlY8fg=&m91Am+fRX)-Tt z8eH9>3(Y$@J+P)(d-s#!2UIBQ4daKWXFa?b z{D+ue)(6LxurS3;FWTs&?%STBEbb~P*&}o(ojDsf-fe5Le+~aB0Zff?@8T^7=ynj{r1%Kifr@Q z(O-KvLn1@=Q747QJN&GZ(*yUOhFy`jVpP8wdzaIh?LEm#^un1wyK07i^dYF}l#gFZXYa}BpPp{5`O^RO=OXMP n>>}(U>>}(U>>^Bm{wKfyOsIX&S5jgC00000NkvXXu0mjfu2ec= literal 0 HcmV?d00001 diff --git a/templates/dashboard/splash.html b/templates/dashboard/splash.html index 0b97995..93a8ce0 100644 --- a/templates/dashboard/splash.html +++ b/templates/dashboard/splash.html @@ -2,7 +2,7 @@ {% load l10n_tags %} {% block title %}{{ _('Sign In') }}{% endblock %} -{% block pageid %}splash{% endblock %} +{% block bodyid %}splash{% endblock %} {% block body %} @@ -15,14 +15,16 @@ for an open Web

Drumbeat provides tools to empower everybody to create, discover, and collaborate on projects that promote and grow the open web.

- Drumbeat Logo - + Drumbeat Logo +
+ +

{{ _('Recent Activity') }}