From a4b13570385c6eb8d663dfa9cce3a85c085c47d4 Mon Sep 17 00:00:00 2001 From: Ken Sheppardson Date: Sat, 16 Aug 2008 14:18:45 -0400 Subject: [PATCH] Adapted stoica theme for iphone use darcs-hash:20080816181845-18f16-5f7a91b4ea706605d1890513b8a44fcb0182d66b.gz --- theme/mobile/bg-body.gif | Bin 0 -> 136 bytes theme/mobile/bg-header.gif | Bin 0 -> 2469 bytes theme/mobile/default-avatar-mini.png | Bin 0 -> 646 bytes theme/mobile/default-avatar-profile.png | Bin 0 -> 2853 bytes theme/mobile/default-avatar-stream.png | Bin 0 -> 1487 bytes theme/mobile/display.css | 700 ++++++++++++++++++++++++ theme/mobile/display.css.dist | 686 +++++++++++++++++++++++ theme/mobile/ie6.css.dist | 63 +++ theme/mobile/ie7.css.dist | 20 + theme/mobile/login-bg.gif | Bin 0 -> 328 bytes theme/mobile/logo.png | Bin 0 -> 818 bytes 11 files changed, 1469 insertions(+) create mode 100644 theme/mobile/bg-body.gif create mode 100644 theme/mobile/bg-header.gif create mode 100644 theme/mobile/default-avatar-mini.png create mode 100644 theme/mobile/default-avatar-profile.png create mode 100644 theme/mobile/default-avatar-stream.png create mode 100644 theme/mobile/display.css create mode 100644 theme/mobile/display.css.dist create mode 100644 theme/mobile/ie6.css.dist create mode 100644 theme/mobile/ie7.css.dist create mode 100644 theme/mobile/login-bg.gif create mode 100644 theme/mobile/logo.png diff --git a/theme/mobile/bg-body.gif b/theme/mobile/bg-body.gif new file mode 100644 index 0000000000000000000000000000000000000000..d87e2e8d76f7ff81d3ab327b7e3a06c8a8d6bb1b GIT binary patch literal 136 zcmZ?wbhEHbJiyGzu$h73&;PGC9$o+c|Nr%e*Dl??eDw0ktM{*7e{_A{*&_$eA3cBT z!l`R#7?6Mthz-)qz+!7~!gKXri`Tx#CD|70xHd6ltXh}zdS8Lg`I6lG73<#Dy#Ie- hL4k*kRR4)3MJID!33MKEax|!5o3p0ubT0#gH2{s0LAn3{ literal 0 HcmV?d00001 diff --git a/theme/mobile/bg-header.gif b/theme/mobile/bg-header.gif new file mode 100644 index 0000000000000000000000000000000000000000..5154b2e5e9fec15cf8b1e8592670d4a9fd9d4bb8 GIT binary patch literal 2469 zcmV;W30n3?Nk%w1VGID+0QUd@Pi}Z@iHK=}eqe5GVt|7fGCp8_f;UW9RC0SzZ+TpL zfL&~BOI~6~T46zAaB+);N?c-AW@uz`Z#+<1c9M=(b$nQMeOhX2U~OtjZg_N$ifoFAL|0!wR9qD-I8R_?a*m5!dVg+)f<8m{L}YPQbbMH7X?T&2R%T~ZW@mMf zj&qQWMrCtzkBMe~_ub9Rx9bdZfrZFg~vi*t{RWrBoul8tMKh&oSNLSk@cgN1dGjZAEIOl)^w zeSuDGcS~z_cae@-cz#)Ues__LM`v^sDKv79jAVj@L}YSFX>@OlifV_4c94vAkd1SV zh;@*SO>B2_j*LcUb7g~tMP+hZd4F_`h)8L4UVMOBd46Ppgi~W@U3`E>W^!abtmlaEyy~l8i-Ua$0$RTX}wW zk&I=7gjsieOKf&ya%^3DfM9)ragB^gXmoUujdhTWbB~Q)eSu$mfnR-qa*vF0j*D=N zigApKc8`l?f`w#qY+`R~O>THvczr@uUSo1^YK4YVWM+4ej6YOcUwwjKet}=icTH?|O>K5;h=(*%U|xNIL1S=bgoJR7igApJFiKW3 zPhD$+e|M6MA^8LV00000EC2ui01N=w000R80P_eONU)&6g9sBUT*$DY!-o(fN}Ncs zqQ#3CGiuz(v7^V2AVWUXL$ajFlPF7~Sjn=b%a<@?%4Aufrp=o;bL!m5vnNgvK!XY$ zO0=laK1h=)UCK1+h^J7aN}USzkJYPKvueGnq^sAjT>*(5OIECmvuM+*UCR~^zkYbq zcIqU?AAF7gKg?@S8P`k~4?hOEO$kA?ub#4UP{KkYy(W^# zvCAs^1vo5N0uBv}kW0Z6dl9i059gBc!x}W; zMaLhLfN=wNkcC9V(xUfXgnIymHJ9yj*hwJ;01J%supgv(G*6jB^7Ow1IOQ z5cFVl4-m9bLDElGz;p#vM;$fNR6}3^1X<_swAWlSV1Wf>p4q~%Swgt;D zutVHyGZ6POcWWYd-kRwDy^P+Pgu_7J48%f4ESZpzN#ctuPR22YBV+h6$dG}|F|D*h zMk`V*A%zs1gWkjvtu#T#=SwuvdFKj@u7CndIMW0WufI;aGe9_lyY09;Lrd3oWp~f=e~kpb?BU$_InSHMjs{O$xzOlEOW};Brk0m7qg@C9_oGy*iZ` z@XRb-7?8pbyAFhKtRsD)V=Knn!WLOHacKn5;Qfdp6}0cb#g z2{ModTA<(r2`~%|#-W14m|zIuz(F_+ql3eUz!}biJ1U?}PFnr<@V2}k4 zb;t-t*wBYP1Va%2eW;98fMFFz?1nPH&Q7L#;@B}d_idIZ4{ngr!1F&Tg$)T5LED5WC; zuz-3jAeFCVB`i}J01k+tmLlK)2VQxET;|f2y8NXtH^6}b1e2J#+<-C%kcKoca{~j| zfHOtG%rxwxnFA1oGp$JsVq8-cyU^x0wXu&~Y{M42AO;$0xdx*u)&2?q(Y$&^#m8Nu?Q|KqM{eI=pv{g zhH=b63|tTcH6*ZzIdCB!5sK*>*A>|Hta~7KN*oknR@ zFb&g!Hp2)}FhdlK;0@e1BMQ5%!w{lS2Q%Q-xJEF8DTd&RxticIeZ~}hyy9FWm jKnOzUZ-4>ZUnuy)9|lJ7ffFnM0YIU_4|Xtw0|Ed${i-RK literal 0 HcmV?d00001 diff --git a/theme/mobile/default-avatar-mini.png b/theme/mobile/default-avatar-mini.png new file mode 100644 index 0000000000000000000000000000000000000000..38b8692b4a2f71c8de3d6a12b715df33aada5f7c GIT binary patch literal 646 zcmV;10(t$3P)t7_1ao1dG5H5=fedf?I_U zERrsbGN6ogMr}` z=geF#+zTQC5di=LaBdjJM@3P-0idfKA;f20*DnA(@I8qLjEKM(3u~J8S_pAFm&<9f zSPbEC7@TwLgOn1}=@gFRpkA-LjIlSH&E_!?ePIBYs;Zr6Ga4*xpF`v&- zEEdi`SF2Su6bfC-+-EQtpin4yM0AgV_}m^LaEH4M-{d zNe9pK002AF4@7iH=bR&(&2Ehsiv@`2laNxrAB{#2)9Ew=0L!vqS=K>6*rng^e_gNF z@3`x_^;WAT4=u}|=ytns97hAt;6zjd&?=Y9n`49wheK2$*>gXpP+!1HdC8#9K|%7P#8l;_13R g5kkBIaJK9D9f4f}@hqK`?*IS*07*qoM6N<$f=KKaB>(^b literal 0 HcmV?d00001 diff --git a/theme/mobile/default-avatar-profile.png b/theme/mobile/default-avatar-profile.png new file mode 100644 index 0000000000000000000000000000000000000000..f8357d4fc296271b837b3d9911cfbc133918ef2f GIT binary patch literal 2853 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 MfY_K+7Z|aDy3W6;R?}) zJJa7D+8b}%q`4{D>!4paaL(^{&bi<3xi|OxZhl9J2i|dE0WSwJ z;8&o3y8I|2|D^3LB6AAh1ik=tKx{650`H~bDI%!ZcR(rC1bhe718ACt%jLrDcH?%t zsjjXjCnqQSb+v$ri3#rCzt6pU_lQIyjE#+%-9G>yipXCx_?iVMr9J?@266xz8X9P8 zYooHV@|6(Ign@wpIy*awMx%!5Z{TeaxosGd0+dqgn0n^&moHz={{8#ev17+#bDo2E zJkFUjXSj6flJR)|25b=#9i{~+rE-CvflW@QlM^RS;BvWaq&*i`u3X{NsZ&PtOA+}5 zK$|uk1vUZf+qdtvBM;Eh(!%D=n~mm2N~yO1G^JDl@G*eb>t*N8oim5o3i!0z3_V#k~=FJ5Y5fL6fe8}a?ml+uuu{^G}w$|L-;$Zs6JIj$0x~_BN z$PvQfu<=TxwzihNd-u}N&|sOw;NTz~9UY91j{}gClY`Ia!|(S~US2-$*ouk@%F4=k z^5hA?CJiVBC@U+=c;T+DE(Qk&F>ij6NQ91#4&w2+CGxtibMoZLBzb^DBEi+GR|y0H zmgXoeElpOn`8t~M;K2hfUc8vn7mvree*L9I7=(9lp?pRVhKLLsY^fGh+wHa6mLq>rRmtXN@bp62G}dHpL_uCz)C z$U;C-QBm59mz0#SXU`r>^K9F;jl8_Pls=!&$NKf_tx^KA5CGu!`|*0cGi(lrgF}Z7 zQCwVXX^w(|0uCQOJm-#8R#tN0z=3S&OkF>l&Z}3iroFwLTeoh}-`~%M4I8MhueZE^ z7}&mjJ6pGIB^V5%>pEVqmztWI1w{c1`aJY_Ja{~wg$zw1H#hgC#9diELa!s11lWxw z0d`|afZbRUU^kWo*p2_a087E#=;$cdu3aM*i=mWCMvY1-G)+s^&Gy*^NZD7@v^nFJ zEn7xYQdM$J zqX0X|X9Eq00_G&b4EX*2SC)~P4@#-D`H9idQKK4l0DXYx?%lg7JJ;3K5eNhbg+e@g z_RO3|Lqw8y$ZVf&OJ_H1=J`Z~f`S5kJ|9(8Rde`^jEoSA#f)a3A>e((QCL_wXHZE= z$!n3V0hqPWeHv2&0JwAK&Y}~_7U6K%sE&!qkj7NbX&m76>C-%a{@gBZ8S(h>V}ik; z(d+@xMC4zlGc-d(L!3Kz&L(>EBaujO{P=NnT?d!|K7;AksEB+E`~+~}!UYBf2JGUQ z7H7|%B@&4k%}+%n3^UWLRlseaLen&M?b?Ok@5kwM+CtbsG#aI|v(vn&-M~9CO?-Bu zyA}8zCnAEEc#v$kH_im?j{fjm~#(*06q~({y(4Us6jRG4bWoPoK7ce z)~s37qXxsn!{)#96Tnx%=OQvQlalTb1>gt9u>Y{fFF>Q^!yaZRr3!&Jd2!sP5vT!P pRW4Qse&@wen|>f9B54D%{{RsfdHbSpK`#IR002ovPDHLkV1m@7$GHFi literal 0 HcmV?d00001 diff --git a/theme/mobile/display.css b/theme/mobile/display.css new file mode 100644 index 0000000000..6ac471c1e8 --- /dev/null +++ b/theme/mobile/display.css @@ -0,0 +1,700 @@ +/* CSS Document */ +/* Design & CSS by Marie-Claude Doyon http://www.marieclaudedoyon.com */ +/* Simplified for mobile by Ken Sheppardson http://identi.ca/kshep */ + +html {} +body { + width: 100%; + padding: 0; + margin: 0; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 24px; + min-height: 100%; + height: 100%; + color: #193441; +} + +a { + color: #C15D42; + text-decoration: none; +} +a:hover { + text-decoration: underline; +} +img, img a { + border: 0; +} +h1 { + font-size: 1.2em; +} + + +#wrap { + margin: 0; +} + +#header { + width: 100%; + float: left; + background-color: #193441; + margin: 0 0 20px 0; + padding: 0; +} +#logo { + float: left; + margin: 10px 0px 0px 10px; +} +p#branding { + margin: 0; + padding: 6px 0 3px 0; + color: #fbf2d7; + font-size: 2em; + font-weight: bold; + line-height: 2.5em; +} +p#branding a { + color: #dab134; +} + +#header h1.pagetitle { + display: none; + margin: 0; + padding: 0; + font-size: 1.2em; + line-height: 2em; + color: #d8e2d7; +} + +#header h2.sitename { + display: none; + margin: 0; + padding: 0; + color: #FCFFF5; +} + +/* ===== Begin Navigation Styling ===== */ + +/* ----- Navigation ------ */ +#nav { + float: right; + margin: 0; + padding: 0; + list-style-type: none; + font-size: 1.2em; +} +#nav li { + display: block; + float: left; +} +#nav li a { + display: block; + padding: 9px 15px 12px 0px; + color: #91AA9D; +} +#nav li a:hover { + text-decoration: underline; +} + +/* ----- Tabs ----- */ +#nav_views { + clear: both; + float: left; + margin: 10px 0px 0px 5px; + padding: 0; + bottom: 0; + list-style-type: none; + font-size: 1.1em; + font-weight: bold; +} +#nav_views li { + display: block; + float: left; + line-height: 1.3em; +} +#nav_views li a { + display: block; + margin: 0; + padding: 4px 12px 3px 12px; + color: #FCFFF5; + background-color: #91AA9D; + border-right: 1px solid #6A8787; +} +#nav_views li a:hover { + text-decoration: none; +} +#nav_views li.current a, #nav_views li.current a:hover { + color: #3F606F; + background-color: #FCFFF5; + border-right: 1px solid #6A8787; +} +#nav_views li.current a:hover { + color: #193441; +} +#nav_views li a:hover { + color: #FCFFF5; + background-color: #3F606F; + border-right: 1px solid #6A8787; +} + +/* ----- Nav Footer ----- */ +#nav_sub { + clear: both; + margin: 18px 10px 0 10px; + padding: 0; + list-style-type: none; + font-size: 1.1em; + font-weight: bold; + line-height: 2em; + border-top: 1px solid #D8E2D7; +} +#nav_sub li { + display: block; + float: left; +} +#nav_sub li a { + padding: 6px 24px 6px 0; +} +#nav_sub li a:hover { + text-decoration: underline; +} +/* ===== End Navigation Styling ===== */ + +#content { + clear: left; + margin: 10px; + font-family: Georgia, "Times New Roman", Times, serif; + font-size: 1em; + line-height: 1.1em; +} +#content h2 { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 1.1em; +} +#content label { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 1.1em; +} + +.instructions { + clear: both; + float: left; + margin: 5px 5px 10px 5px; +} +.instructions p, .success, .error { + font-weight: normal; + margin: 0; + padding: 10px; + font-family: Georgia, "Times New Roman", Times, serif; + font-size: 1.1em; + line-height: 1.2em; + border: 1px solid #91AA9D; + color: #FCFFF5; +} +.instructions a, .success a, .error a { + color: #d8e2d7; + text-decoration: underline; +} +.instructions a:hover, .success a:hover, .error a:hover { + color: #FCFFF5; +} +.success { + clear: both; + float: left; + margin: 5px 5px 10px 5px; + background-color: #48705b; +} +.error { + clear: both; + float: left; + margin: 5px 5px 10px 5px; + background-color: #ce3728; +} + + +/* ----- Stream -----*/ + +#notices { + clear: both; + margin: 0 auto; + padding: 0; + list-style-type: none; + border-top: 1px solid #D8E2D7; +} +#notices a:hover { + text-decoration: underline; +} +.notice_single { + clear: both; + display: block; + margin: 0; + padding: 5px 5px 5px 0; + min-height: 48px; + font-family: Georgia, "Times New Roman", Times, serif; + font-size: 1em; + line-height: 1.4em; + border-bottom: 1px solid #D8E2D7; +} +.notice_single:hover { + background-color: #F3F8EA; +} +.notice_single p { + display: inline; + margin: 0; + padding: 0; +} +#notice_delete_form #confirmation_text { + display: block; + font-size: 1.1em; + font-weight: bold; +} +input#submit_yes, input#submit_no { + margin: 18px 10px 0px 0px; + padding: 4px; + font-weight: bold; + color: #FCFFF5; + background-color: #C15D42; + cursor: pointer; + border: 0; + width: 40px; +} +input#submit_yes:hover, input#submit_no:hover { + background-color: #904632; +} +.avatar.stream { + float: left; + margin: 0 10px 0 0; +} +p.time { + display: block; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 0.9em; + line-height: 2em; +} +p.time a { + color: #91AA9D; +} + +/* ----- Profile -----*/ +#profile { + clear: both; + float: left; + padding: 10px 0 0 0; + border-top: 1px solid #D8E2D7; + font-family: Georgia, "Times New Roman", Times, serif; +} +#profile h1 { + clear: both; + float: left; + margin: 0; + padding: 0; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 1.2em; +} +#profile h2 { + clear: both; + float: left; + margin: 0; + padding: 1em 0 0.2em 0; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 1.1em; + text-transform: uppercase; + color: #91AA9D; +} +#profile p { + clear: both; + float: left; + margin: 0 10px 0 0; + font-size: 1em; + line-height: 1.4em; +} +#profile p.location { + margin: 0 10px 12px 0; + font-style: italic; +} +#profile p.notice_current { + font-size: 1.2em; + line-height: 1.3em; +} +#profile_avatar { + float: left; + margin-right: 4px; +} +#profile_avatar img { + margin-bottom: 5px; +} +.avatar.profile { + clear: left; + margin: 0 10px 5px 0; +} +.avatar.original { + float: left; + margin: 0 10px 18px 0; +} +a.nickname { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-weight: bold; + font-size: 1.1em; + padding-right: 3px; +} +#profile_information { + float: left; +} + +.statistics { + clear: both; + float: left; +} +.statistics h2 { + clear: both; + float: left; + margin: 12px 0 3px 0; +} +dl.statistics { + margin: 0; +} +.statistics dt { + clear: left; + float: left; + width: 200px; +} +.statistics dd { + float: left; +} +.statistics dt:after { + content: ":"; +} +#subscriptions { + clear: both; + float: left; + margin: 18px 0 30px 0; +} +#subscriptions_avatars { + clear: both; + float: left; + margin: 6px 0 0 0; + padding: 0; + list-style-type: none; +} +#subscriptions_avatars li .avatar.mini { + float: left; + margin: 0 3px 3px 0; + padding: 0; + line-height: 0; +} +#subscriptions_viewall { + clear: left; +} +/* ----- End Profile -----*/ + +/* ----- Begin Subscriptions & Subscribers -----*/ + +ul.subscriptions, ul.subscribers { + float: none; + margin: 0; + padding: 0; + list-style-type: none; + overflow: auto; +} +ul.subscriptions li, ul.subscribers li { + display: block; + float: left; + padding: 0; +} +/* ----- End Subscriptions & Subscribers -----*/ + + + +#pagination { + margin: 18px auto; +} +#nav_pagination { + margin: 0 0 36px 0; + padding: 0; + float: right; + list-style-type: none; + font-size: 12px; + font-weight: bold; +} +#nav_pagination li { + display: block; + float: left; + background-color: #91AA9D; +} +#nav_pagination li.before { + margin-right: 1px; +} +#nav_pagination li a { + padding: 6px 15px; + line-height: 2em; + background-color: #91AA9D; + color: #FCFFF5; +} +#nav_pagination li a:hover { + background-color: #3F606F; + color: #FCFFF5; + text-decoration: none; +} + +#footer { + clear: both; + margin: 10px; + border-top: 1px solid #D8E2D7; +} +#footer p { + font-size: 0.8em; + margin-top: 1em; + line-height: 1.2em; +} +#cc { + float: left; + margin: 3px 10px 0 0; +} + +/* ===== Begin Forms Styling ===== */ + +/* ----- Forms General Style ----- */ +form { + margin: 0 auto; + padding: 0; +} +form { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 1em; +} +form label { + display: block; + font-size: 1em; + font-weight: bold; + line-height: 1.5em; +} +form input { + border: 1px solid #D8E2D7; + width: 264px; +} +input#submit, input.submit { + display: block; + margin: 18px 0; + padding: 4px; + font-weight: bold; + color: #FCFFF5; + background-color: #C15D42; + cursor: pointer; + border: 0; + width: auto; +} +input#submit:hover, input.submit:hover { + background-color: #904632; +} +input.checkbox { + width: auto; + border: 0; +} +textarea, input { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 1em; + color: #193441; + padding: 3px; +} +textarea:focus, input:focus { + background-color: #f0f6eb; +} +textarea { + width: 270px; + border: 1px solid #D8E2D7; +} +.input_instructions { + margin-top: 3px; + display: block; + font-size: 1em; + line-height: 1.2em; + color: #91aa9d; + font-family: Verdana, Arial, Helvetica, sans-serif; +} + +/* ----- Status Form ----- */ +#status_form { + width: 100%; + margin: 0px 0px 10px 5px; +} +#status_form p { + margin: 0; + padding: 0; +} +#status_label { + display: none; + clear: both; + margin: 0; + padding: 0 0 3px 0; + font-size: 1.5em; + font-weight: bold; + line-height: 2em; + color: #91AA9D; +} +#status_textarea { + display: block; + float: left; + width: 70%; + height: 3em; + margin: 0 0 10px 0; + padding: 0; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 1.1em; + color: #193441; + border: 0; +} +#status_submit { + display: block; + float: left; + margin: 0 0 0 4px; + padding: 1em 10px 1em 10px; + line-height: 1em; + width: 10%; + background-color: #C15D42; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-weight: bold; + font-size: 1em; + color: #FCFFF5; + cursor: pointer; + border: 0; +} +#status_submit:hover { + background-color: #904632; +} +#counter { + padding: 1em .5em 1em 5px; + color: #fff; + clear: both; + float: left; + font-weight: bold; + text-align: right; +} +/* ----- Subscribe Form ----- */ +#subscribe .submit, #unsubscribe .submit, #remotesubscribe .button, #remotesubscribe { + clear: left; + margin: 0; + width: 96px; + height: 27px; + font-family: verdana, arial, helvetica, sans-serif; + font-weight: bold; + font-size: 12px; + text-transform: uppercase; + background-color: #c15d42; + color: #fcfff5; + border: 0; +} +#remotesubscribe { + width: 96px; + height: 22px; + padding: 5px 0 0 0; + text-align: center; +} +#subscribe .button:hover, #unsubscribe .button:hover { + background-color: #904632; + cursor: pointer; +} + +a#remotesubscribe { + display: block; +} + +/* ----- Login Form -----*/ +input#license { + width: auto; + border: 0; +} +/* ----- Avatar Form -----*/ +form { + clear: left; +} + +/* ----- OpenID Form -----*/ + +input#openid_url { + background: url(login-bg.gif) no-repeat; + background-color: #fff; + background-position: 4px 50%; + color: #000; + padding-left: 24px; +} + +/* People lists (search results, maybe subscribers) */ + +#profiles { + clear: both; + margin: 0 auto; + padding: 0; + list-style-type: none; + border-top: 1px solid #D8E2D7; +} +#profiles a:hover { + text-decoration: underline; +} + +.profile_single { + clear: both; + display: block; + margin: 0; + padding: 5px 5px 5px 0; + min-height: 48px; + font-family: Georgia, "Times New Roman", Times, serif; + font-size: 1.2em; + line-height: 1.4em; + border-bottom: 1px solid #D8E2D7; +} +.profile_single:hover { + background-color: #F3F8EA; +} + +/* ----- IM Settings Form -----*/ + +#imsettings p { + margin: 0; + padding: 0; + line-height: 1.3em; +} + +/* ===== End Forms Styling ===== */ + +/* ===== Tag Cloud Styling ===== */ + +p.tagcloud { +text-align: center; +} + +p.tagcloud a { +line-height:1em; +vertical-align:middle; +} + +p.tagcloud a.largest { +font-size: 4em; +} +p.tagcloud a.verylarge { +font-size: 3em; +} + +p.tagcloud a.large { +font-size: 2em; +} + +p.tagcloud a.medium { +font-size: 1.5em; +} + +p.tagcloud a.small { +font-size: 1em; +} + +p.tagcloud a.verysmall { +font-size: 80%; +} + +p.tagcloud a.smallest { +font-size: 60%; +} + +a.replybutton { + border: 1px solid #D8E2D7; + padding: 0px 10px 0px 10px; + line-height: 0.8em; +} diff --git a/theme/mobile/display.css.dist b/theme/mobile/display.css.dist new file mode 100644 index 0000000000..395da2e2fe --- /dev/null +++ b/theme/mobile/display.css.dist @@ -0,0 +1,686 @@ +/* CSS Document */ +/* Design & CSS by Marie-Claude Doyon http://www.marieclaudedoyon.com */ + +html { + background: url(bg-body.gif) repeat-y top center #d8e2d7; + } +body { + position: absolute; + width: 100%; + margin: 0; + padding: 0; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 10px; + line-height: 12px; + min-height: 100%; + height: 100%; + color: #193441; + } +a { + color: #C15D42; + text-decoration: none; + } +a:hover { + text-decoration: underline; + } +img, img a { + border: 0; + } +h1 { + font-size: 14px; + } + + +#wrap { + margin: 0 auto; + padding: 0 20px; + width: 760px; + background: url(bg-header.gif) repeat-x #FCFFF5; + } +#header { + position: relative; + margin: 0 auto; + width: 540px; + height: 216px; + } +#logo { + margin-top: 9px; + } +p#branding { + margin: 0; + padding: 6px 0 3px 0; + color: #fbf2d7; + font-size: 21px; + font-weight: bold; + line-height: 27px; + } +p#branding a { + color: #dab134; + } + +#header h1.pagetitle { + margin: 0; + padding: 0; + font-size: 15px; + line-height: 24px; + color: #d8e2d7; +} + +#header h2.sitename { + display: none; + margin: 0; + padding: 0; + color: #FCFFF5; +} + +/* ===== Begin Navigation Styling ===== */ + +/* ----- Navigation ------ */ +#nav { + float: right; + margin: 0; + padding: 0; + list-style-type: none; + font-size: 12px; + } +#nav li { + display: block; + float: left; + } +#nav li a { + display: block; + padding: 9px 9px 12px 9px; + color: #91AA9D; + } +#nav li a:hover { + text-decoration: underline; + } + +/* ----- Tabs ----- */ +#nav_views { + margin: 0 auto; + padding: 0; + position: absolute; + bottom: 0; + list-style-type: none; + font-size: 14px; + font-weight: bold; + width: 540px; + /*height: 30px;*/ + } +#nav_views li { + display: block; + float: left; + line-height: 21px; + } +#nav_views li a { + display: block; + margin: 0; + padding: 4px 12px 3px 12px; + color: #FCFFF5; + background-color: #91AA9D; + border-right: 1px solid #6A8787; + } +#nav_views li a:hover { + text-decoration: none; + } +#nav_views li.current a, #nav_views li.current a:hover { + color: #3F606F; + background-color: #FCFFF5; + border-right: 1px solid #6A8787; + } +#nav_views li.current a:hover { + color: #193441; + } +#nav_views li a:hover { + color: #FCFFF5; + background-color: #3F606F; + border-right: 1px solid #6A8787; + } + +/* ----- Nav Footer ----- */ +#nav_sub { + clear: both; + margin: 18px auto 0 auto; + padding: 0; + list-style-type: none; + font-size: 11px; + font-weight: bold; + line-height: 21px; + border-top: 1px solid #D8E2D7; + width: 540px; + } +#nav_sub li { + display: block; + float: left; + } +#nav_sub li a { + padding: 6px 24px 6px 0; + } +#nav_sub li a:hover { + text-decoration: underline; + } +/* ===== End Navigation Styling ===== */ + +#content { + clear: left; + margin: 40px 0 45px 0; + padding: 0 110px; + font-family: Georgia, "Times New Roman", Times, serif; + font-size: 14px; + line-height: 18px; + } +#content h2 { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 15px; + } +#content label { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 12px; + } +.instructions p, .success, .error { + font-weight: normal; + margin: 36px 0 0 0; + padding: 10px; + font-family: Georgia, "Times New Roman", Times, serif; + font-size: 13px; + line-height: 15px; + border: 1px solid #91AA9D; + color: #FCFFF5; + } +.instructions a, .success a, .error a { + color: #d8e2d7; + text-decoration: underline; + } +.instructions a:hover, .success a:hover, .error a:hover { + color: #FCFFF5; + } +.success { + background-color: #48705b; + } +.error { + background-color: #ce3728; + } + + +/* ----- Stream -----*/ + +#notices { + clear: both; + margin: 0 auto; + padding: 0; + list-style-type: none; + width: 540px; + border-top: 1px solid #D8E2D7; + } +#notices a:hover { + text-decoration: underline; + } +.notice_single { + clear: both; + display: block; + margin: 0; + padding: 5px 5px 5px 0; + min-height: 48px; + font-family: Georgia, "Times New Roman", Times, serif; + font-size: 13px; + line-height: 16px; + border-bottom: 1px solid #D8E2D7; + } +.notice_single:hover { + background-color: #F3F8EA; + } +.notice_single p { + display: inline; + margin: 0; + padding: 0; + } +#notice_delete_form #confirmation_text { + display: block; + font-size: 14px; + font-weight: bold; + } +input#submit_yes, input#submit_no { + margin: 18px 10px 0px 0px; + padding: 4px; + font-weight: bold; + color: #FCFFF5; + background-color: #C15D42; + cursor: pointer; + border: 0; + width: 40px; + } +input#submit_yes:hover, input#submit_no:hover { + background-color: #904632; + } +.avatar.stream { + float: left; + margin: 0 10px 0 0; + } +p.time { + display: block; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 10px; + line-height: 15px; + } +p.time a { + color: #91AA9D; + } + +/* ----- Profile -----*/ +#profile { + clear: left; + margin: 0 -110px; + padding: 10px 0 0 0; + min-height: 170px; + border-top: 1px solid #D8E2D7; + font-family: Georgia, "Times New Roman", Times, serif; + } +#profile h1 { + margin: 0; + padding: 0; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 14px; + } +#profile h2 { + margin: 0; + padding: 0; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 11px; + text-transform: uppercase; + color: #91AA9D; + } +#profile p { + margin: 0 10px 0 0; + font-size: 12px; + line-height: 14px; + } +#profile p.location { + margin: 0 10px 12px 0; + font-style: italic; + } +#profile p.notice_current { + font-size: 18px; + line-height: 21px; + } +#profile_avatar { + float: left; + margin-right: 4px; + } +#profile_avatar img { + margin-bottom: 5px; + } +.avatar.profile { + clear: left; + margin: 0 10px 5px 0; + } +.avatar.original { + float: left; + margin: 0 10px 18px 0; + } +a.nickname { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-weight: bold; + font-size: 12px; + padding-right: 3px; + } +#profile_information { + float: left; + position: relative; + width: 270px; + height: 200px; + } +.statistics { + margin-top: 18px; + } +.statistics h2 { + margin: 12px 0 3px 0; + } +dl.statistics { + margin: 0; + font-size: 12px; + line-height: 14px; + } +.statistics dt { + float: left; + width: 96px; +} +.statistics dd { + margin-left: 100px; +} +.statistics dt:after { + content: ":"; + } +#subscriptions { + float: left; + margin: 18px 0 30px 0; + } +#subscriptions_avatars { + float: left; + margin: 6px 0 0 0; + padding: 0; + list-style-type: none; + width: 270px; + } +#subscriptions_avatars li .avatar.mini { + float: left; + margin: 0 3px 3px 0; + padding: 0; + line-height: 0; + /* border: 1px solid #f00; */ + } +#subscriptions_viewall { + clear: left; + } +/* ----- End Profile -----*/ + +/* ----- Begin Subscriptions & Subscribers -----*/ + +ul.subscriptions, ul.subscribers { + float: none; + margin: 0; + padding: 0; + list-style-type: none; + overflow: auto; + } +ul.subscriptions li, ul.subscribers li { + display: block; + float: left; + padding: 0; + } +/* ----- End Subscriptions & Subscribers -----*/ + + + +#pagination { + margin: 18px auto; + width: 540px; + } +#nav_pagination { + margin: 0 0 36px 0; + padding: 0; + float: right; + list-style-type: none; + font-size: 12px; + font-weight: bold; + } +#nav_pagination li { + display: block; + float: left; + background-color: #91AA9D; + } +#nav_pagination li.before { + margin-right: 1px; + } +#nav_pagination li a { + padding: 6px 15px; + line-height: 21px; + background-color: #91AA9D; + color: #FCFFF5; + } +#nav_pagination li a:hover { + background-color: #3F606F; + color: #FCFFF5; + text-decoration: none; + } + +#footer { + clear: both; + margin: 0 auto; + padding: 0 0 36px 0; + width: 540px; + border-top: 1px solid #D8E2D7; + } +#footer p { + margin-top: 9px; + line-height: 12px; + } +#cc { + float: left; + margin: 3px 10px 0 0; + } + +/* ===== Begin Forms Styling ===== */ + +/* ----- Forms General Style ----- */ +form { + margin: 0 auto; + padding: 0; + } +form { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 12px; + } +form label { + display: block; + font-size: 12px; + font-weight: bold; + line-height: 18px; + } +form input { + border: 1px solid #D8E2D7; + width: 264px; + } +input#submit, input.submit { + display: block; + margin: 18px 0; + padding: 4px; + font-weight: bold; + color: #FCFFF5; + background-color: #C15D42; + cursor: pointer; + border: 0; + width: auto; + } +input#submit:hover, input.submit:hover { + background-color: #904632; + } +input.checkbox { + /*width: 14px; + height: 14px;*/ + width: auto; + border: 0; + } +textarea, input { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 12px; + color: #193441; + padding: 3px; + } +textarea:focus, input:focus { + background-color: #f0f6eb; + } +textarea { + width: 270px; + border: 1px solid #D8E2D7; + } +.input_instructions { + margin-top: 3px; + display: block; + font-size: 11px; + line-height: 15px; + color: #91aa9d; + font-family: Verdana, Arial, Helvetica, sans-serif; + } + +/* ----- Status Form ----- */ +#status_form { + height: 96px; + /*background-color: #F00;*/ + } +#status_form p { + margin: 36px 0 0 0; + padding: 0; + } +#status_label { + display: block; + clear: both; + margin: 0; + padding: 0 0 3px 0; + font-size: 18px; + font-weight: bold; + line-height: 24px; + color: #91AA9D; + } +#status_textarea { + display: block; + float: left; + width: 463px; + height: 35px; + padding: 5px; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 12px; + color: #193441; + border: 0; + } +#status_submit { + display: block; + float: left; + margin: 1px 0 0 4px; + width: 63px; + height: 45px; + background-color: #C15D42; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-weight: bold; + font-size: 14px; + color: #FCFFF5; + cursor: pointer; + border: 0; + } +#status_submit:hover { + background-color: #904632; + } +#counter { + position: absolute; + top: 140px; + left: -64px; + width: 50px; + font-weight: bold; + text-align: right; +} +/* ----- Subscribe Form ----- */ +#subscribe .submit, #unsubscribe .submit, #remotesubscribe .button, #remotesubscribe { + clear: left; + margin: 0; + width: 96px; + height: 27px; + font-family: verdana, arial, helvetica, sans-serif; + font-weight: bold; + font-size: 10px; + text-transform: uppercase; + background-color: #c15d42; + color: #fcfff5; + border: 0; + } +#remotesubscribe { + width: 96px; + height: 22px; + padding: 5px 0 0 0; + text-align: center; + } +#subscribe .button:hover, #unsubscribe .button:hover { + background-color: #904632; + cursor: pointer; + } + +a#remotesubscribe { + display: block; +} + +/* ----- Login Form -----*/ +input#license { + width: auto; + border: 0; + } +/* ----- Avatar Form -----*/ +form { + clear: left; +} + +/* ----- OpenID Form -----*/ + +input#openid_url { + background: url(login-bg.gif) no-repeat; + background-color: #fff; + background-position: 4px 50%; + color: #000; + padding-left: 24px; +} + +/* People lists (search results, maybe subscribers) */ + +#profiles { + clear: both; + margin: 0 auto; + padding: 0; + list-style-type: none; + width: 540px; + border-top: 1px solid #D8E2D7; + /*border: 1px solid #F00;*/ + } +#profiles a:hover { + text-decoration: underline; + } + +.profile_single { + clear: both; + display: block; + margin: 0; + padding: 5px 5px 5px 0; + min-height: 48px; + font-family: Georgia, "Times New Roman", Times, serif; + font-size: 13px; + line-height: 16px; + border-bottom: 1px solid #D8E2D7; + } +.profile_single:hover { + background-color: #F3F8EA; + } + +/* ----- IM Settings Form -----*/ + +#imsettings p { + margin: 0; + padding: 0; + line-height: 15px; +} + +/* ===== End Forms Styling ===== */ + +/* ===== Tag Cloud Styling ===== */ + +p.tagcloud { +text-align: center; +} + +p.tagcloud a { +line-height:100%; +vertical-align:middle; +} + +p.tagcloud a.largest { +font-size: 400%; +} +p.tagcloud a.verylarge { +font-size: 300%; +} + +p.tagcloud a.large { +font-size: 200%; +} + +p.tagcloud a.medium { +font-size: 150%; +} + +p.tagcloud a.small { +font-size: 100%; +} + +p.tagcloud a.verysmall { +font-size: 80%; +} + +p.tagcloud a.smallest { +font-size: 60%; +} diff --git a/theme/mobile/ie6.css.dist b/theme/mobile/ie6.css.dist new file mode 100644 index 0000000000..97d9fee3fe --- /dev/null +++ b/theme/mobile/ie6.css.dist @@ -0,0 +1,63 @@ +@charset "UTF-8"; +/* CSS Document */ +body { + text-align: center; +} +input { + height: 24px; +} +#wrap { + margin: 0 auto; + padding: 0 20px; + width: 800px; + text-align: left; + background: url(bg-header.gif) repeat-x #FCFFF5; + } +#header { + position: relative; + margin-left: 108px; + } +#nav_views { + margin: 0; + } +#nav_views li { + line-height: 19px; + } +.statistics dd { + margin-top: -15px; + clear: both; + } +#notices { + margin: 0; + } +.notice_single { + height: 48px; + } +#profile p.notice_current { + height: 96px; + } + +#subscriptions_avatars li { + float: left; + margin: 0; + padding: 0; + } +img.avatar.original, img.avatar.profile { + clear: none; + float: left; +} +#status_textarea { + height: 46px; + } + +#nav_pagination li a { + padding: 6px 15px; + line-height: 27px; + } +#nav_sub { + position: relative; + margin-left: 108px; + } +#footer { + margin-left: 108px; +} diff --git a/theme/mobile/ie7.css.dist b/theme/mobile/ie7.css.dist new file mode 100644 index 0000000000..bbf52d5cfd --- /dev/null +++ b/theme/mobile/ie7.css.dist @@ -0,0 +1,20 @@ +@charset "UTF-8"; +/* CSS Document */ + +#statistics dd { + clear: both; + } + + +#subscriptions_avatars li { + float: left; + } +img.avatar.original, img.avatar.profile { + clear: none; + float: left; +} + +#nav_pagination li a { + padding: 6px 15px; + line-height: 27px; + } \ No newline at end of file diff --git a/theme/mobile/login-bg.gif b/theme/mobile/login-bg.gif new file mode 100644 index 0000000000000000000000000000000000000000..e2d8377db023a3915cc9e8c2f1f5c7462622f0a1 GIT binary patch literal 328 zcmZ?wbhEHb6krfwxXQrr>({UQ_wR4qxN*;(J#*&FS-N!TvSrKGuV4S?%F;i7{_Nbj z^V6qK`}XadJ9qBs)2Dx~3p;V*#MZ4_j~qF&aN)v#|Nb2~aNyvg9 ztXT2$=g%EGcI@80`{m1*Z{NOs{rdIFl`EeF4W-ruOthu2f ztl_Mdp@*QzZPDcui{^-N`o3xq@(UMrZh5FF-w`Y#$*8QNq^Zf+5a!Y$(d{Fk$;RMZ d?jf!z+?DC8mZr!$-G@O{mX$wbm9ry*H2@d`j5z=R literal 0 HcmV?d00001 diff --git a/theme/mobile/logo.png b/theme/mobile/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..3b271814d6efb8359231648b514ca87799fff178 GIT binary patch literal 818 zcmV-21I_%2P)TZCAL|S7tO<2*{)3v|7;O5?us-35^v3-q@V03wyrlwVI zZ*z=>YlVOzJ4cD5mp@rvH&R$+etIxUQYb@BdX$U+0000000000xJ&Bz0007wNklw>Hx2!KsdGuy1$%elV)a~?%htafLbJ^Y!`fKL%bA%xHYtmwt6DB>xxVD%+~ zX&8nb3*yx96kSEb>573&sKNao{D{uR%lO{nBHq@c%Fg5kyf)Eb?&mJzm!>_(zvcox z2F$CakNs8r)U=~Be#{DP4!xGQc|SwF1aeVDc_LIhE}{z$%$(Ej$hL zP=yqH9vQ%4TG*(!Jh!9;sA`~kXI1Q!=e-kps{l0aELJlx$);`W3%;#!()aPYDQMxC zf8%=mI&{+LCi8&sOyE9#s^8Of#5WlA9N=D(1ykbz`+EdGt18>K@tK}n?(yLme9RB%j_s-7*M^3P z=y7;@_POrFMh;Q?F}yy<1KSjhvgRI-Tg`=+@46DYE^j}@vtvv6_qUgq*LT|QtPj?Q z!pp452}cd3tRr7C!maizyw@H6_7dfnplfHgF80W+#RBWN$M5qzt&y6`q{@@%3_p^A zV))mD{}7Z?Sqvf6M)}|2@y$ev<^3}5d*B&f%t!oN!vF2P#$#06-3~9dvJDLdGBShI zAy4tNNRI#g5%E7zFO)5qv31{Nt;X>Rr1WyZD+O`j+UsNtODt0lHn*PkZowx^K5=bh w!vjg*QSs01_LDs56};LYn@LE{9NxV89}6`S_nFs3yZ`_I07*qoM6N<$f`d_*H~;_u literal 0 HcmV?d00001