From 1a165a563661c1f8092647ee61f635a59de82335 Mon Sep 17 00:00:00 2001
From: Samantha Doherty <sammy@status.net>
Date: Wed, 18 May 2011 14:36:05 -0400
Subject: [PATCH] Interim style update for mobile profile.

---
 theme/neo/css/mp-screen.css | 437 +++++++++++++++++++++++++++---------
 theme/neo/mobilelogo.png    | Bin 9357 -> 990 bytes
 2 files changed, 335 insertions(+), 102 deletions(-)

diff --git a/theme/neo/css/mp-screen.css b/theme/neo/css/mp-screen.css
index 1b7480ecaf..559e71ce00 100644
--- a/theme/neo/css/mp-screen.css
+++ b/theme/neo/css/mp-screen.css
@@ -10,36 +10,41 @@ body {
     padding: 0;
     min-width:0;
     max-width:100%;
+    width: auto;
+    border: none;
 }
 
 #header {
-    width: 96%;
-    padding: 0 2%;
-    padding-top: 20px;
-}
-
-.user_in #header {
-    padding-top: 40px;
+    width: 100%;
+    padding: 0;
 }
 
 address {
-margin:1em 0 0 0;
-float:left;
-width:100%;
+    float:left;
+    margin: 0px;
+    width: auto;
+    left: 0px;
+}
+
+address img {
+    float: left;
+    background: #fff;
+    padding: 2px 2px 2px 6px;
 }
 
 address img + .fn {
-display:block;
-margin-top:1em;
-    margin-right: 10px;
-clear: left;
-float:left;
+    display:block;
+    margin-top: 8px;
+    clear: left;
+    float: left;
+    color: #000;
+    margin-left: 6px;
 }
 
 #site_nav_global_primary {
     margin:0;
     width: 100%;
-    padding: 4px 0;
+    padding: 2px 0;
     height: auto;
     position:absolute;
     top:0;
@@ -47,11 +52,16 @@ float:left;
     font-size: 1em;
 	letter-spacing: 0em;
     border-top: none;
+    -webkit-border-top-right-radius: 0px;
+    -moz-border-radius-topright: 0px;
+    border-top-right-radius: 0px;
+    height: 24px;
+    line-height: 16px;
 }
 
 #site_nav_global_primary li {
     margin-left:0;
-    margin-right:0px;
+    margin-right: 2px;
     float:left;
     font-size:0.9em;
     padding: 2px 4px;
@@ -59,96 +69,100 @@ float:left;
     height: auto;
 }
 
-#site_nav_global_primary li a {
-    height: auto;
+#site_nav_global_primary li:last-child {
+    margin-right: 0px;
 }
 
-.form_notice {
-    float: left;
-    margin-left: 0px;
-    width: 300px;
-    padding: 4px;
-}
-
-#form_notice-direct.form_notice {
-    padding-top: 10px;
-}
-
-.form_notice textarea {
-    width: 210px;
-    height: 50px;
-    padding: 4px;
-}
-
-#notice_text-count {
-position:absolute;
-bottom:2px;
-    left: 175px;
-    font-size: 0.8em;
-z-index:9;
-}
-
-#form_notice-direct.form_notice #notice_text-count {
-    left: 0px;
-}
-
-/*input type=file no good in
-iPhone/iPod Touch, Android, Opera Mini Simulator
-*/
-.form_notice #notice_text-count + label,
-.form_notice label[for="notice_data-attach"] {
-display:none;
-}
-.form_notice input.notice_data-attach {
-position:static;
-clear:both;
-width:65%;
-height:auto;
-display:block;
-z-index:9;
-padding:0;
-margin:0;
-background:none;
-opacity:1;
-}
-
-.form_notice #notice_action-submit {
-    text-align: center;
-    left: 230px;
-    top: 32px;
-    width: 70px;
-    font-size: 0.8em;
-}
-
-#form_notice-direct.form_notice #notice_action-submit {
-    top: 62px;
-}
-
-#site_nav_local_views {
-    height: auto;
-    font-size: 0.9em;
-    line-height: 2em;
-    margin-bottom: 0px;
-    padding-left: 4px;
-    background: none;
-}
-
-#site_nav_local_views li {
-    margin-right: 6px;
-}
-
-#site_nav_local_views a {
-    background-color: #7080aa;
-    -webkit-border-radius: 6px;
-    -moz-border-radius: 6px;
-    border-radius: 6px;
-    margin-right: 2px;
-    margin-bottom: 2px;
+#site_nav_global_primary a {
+    padding: 2px 4px;
+    height: 20px;
 }
 
 #core {
     width: 100%;
-    margin: 0;
+    border-left: none;
+    border-right: none;
+}
+
+#aside_primary_wrapper {
+    background: none;
+}    
+
+#content_wrapper {  
+    right: 0px;
+    border: none;
+}  
+
+#site_nav_local_views_wrapper  {  
+    right: 0px;
+    border: none;
+}  
+
+#navtoggle {
+    float: right;
+    padding: 2px 6px;
+    text-decoration: none;
+}
+
+#site_nav_local_views {
+    height: auto;
+    font-size: 1em;
+    line-height: 2em;
+    margin-bottom: 0px;
+    padding: 10px 0px 10px 6px;
+    background: none;
+    left: 0px;
+    width: 100%;
+    display: none;
+}
+
+#site_nav_local_views h3 {
+    color: #333;
+    font-size: 1em;
+    margin-bottom: 0px;
+}
+
+#site_nav_local_views li {
+    margin-right: 6px;
+    margin-bottom: 0px;
+    clear: left;
+}
+
+#site_nav_local_views li li {
+    float: left;
+    clear: none;
+    margin-bottom: 6px;
+}
+
+#site_nav_local_views a {
+    color: #fff;
+    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);;
+    background: #364a84;
+    background: -moz-linear-gradient(top, #7b8dbb , #364a84);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
+    font-size: 0.9em;
+    width: auto;
+}
+
+#site_nav_local_views a:hover {
+    background: #7b8dbb;
+    background: -moz-linear-gradient(top, #364a84 , #7b8dbb);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#364a84), color-stop(100%,#7b8dbb));
+}
+
+#login #site_nav_local_views, #register #site_nav_local_views, #openidlogin #site_nav_local_views {
+    display: block;
+    margin-top: 25px;
+}
+
+#login #navtoggle, #register #navtoggle, #openidlogin #navtoggle {
+    display: none;
+}
+
+#login #site_nav_local_views li, #register #site_nav_local_views li, #openidlogin #site_nav_local_views li {
+    float: left;
+    clear: none;
+    margin-bottom: 6px;
 }
 
 #content {
@@ -156,6 +170,11 @@ opacity:1;
     padding: 10px 2%;
     margin: 0;
     min-height: auto;
+    left: 0px;
+}
+
+#content h1 {
+    clear: left;
 }
 
 #footer {
@@ -163,6 +182,178 @@ opacity:1;
     padding: 10px 4px 4px 4px;
 }
 
+.input_forms { 
+    display: block;
+    width: 102%;
+    top: -10px;
+    left: -2%;
+    padding-left: 2%;
+    padding-right: 0;
+}
+
+#input_form_nav li a {
+    padding: 0px 4px 1px 4px;
+    margin-right: 6px;
+}
+
+.input_form {
+    clear: left;
+    width: 100%;
+    padding-bottom: 0px;
+}
+
+#input_form_status, #input_form_direct {
+    padding-bottom: 40px;
+}
+
+.form_notice_placeholder .placeholder {
+    width: 290px;
+    margin-bottom: 20px;
+}
+
+.form_notice {
+    float: left;
+    margin-left: 0px;
+    width: 300px;
+    padding: 4px 0px;
+}
+
+#form_notice-direct.form_notice {
+    padding-top: 0px;
+}
+
+.form_notice textarea, #form_notice-direct.form_notice textarea {
+    width: 292px;
+    height: 36px;
+    padding: 4px 4px 16px 4px;
+    font-size: 1em;
+}
+
+.form_notice .count {
+    position: absolute;
+    top: 44px;
+    left: 270px;
+}
+
+#form_notice-direct.form_notice .count {
+    top: 70px;
+    left: 270px;
+}
+
+
+/*input type=file no good in
+iPhone/iPod Touch, Android, Opera Mini Simulator
+*/
+
+.form_notice .notice_data-attach, .form_notice .notice_data-geo_wrap label, .form_notice .notice_data-geo_wrap input {
+    display:none;
+}
+
+.checkbox-wrapper {
+    margin-left: 0px;
+    clear: left;
+    float: left;
+    width: 200px;
+}
+
+.form_notice .checkbox-wrapper {
+    display: inline;
+    margin-left: 0px;
+}
+
+.checkbox-wrapper label.checkbox {
+    display: none;
+}
+
+.checkbox-wrapper #notice_private {
+    display: inline;
+    margin-top: 10px;
+    margin-left: 20px;
+}
+
+.form_notice .checkbox-wrapper #notice_private {
+    margin-left: 0px;
+}
+
+.checkbox-wrapper:before {
+    content: "Send privately?";
+}
+
+.input_form fieldset fieldset {
+    width: 300px;
+}
+
+.input_form .form_settings li input {
+    width: 292px;
+}
+
+.input_form .form_settings li textarea {
+    width: 292px;
+}
+
+.bookmarkform-thumbnail {
+    display: none;
+}
+
+.input_form .form_settings .submit {
+    font-size: 1em;
+    margin: 10px 0;
+    clear: left;
+    float: left;
+}
+
+.form_notice #notice_action-submit {
+    text-align: center;
+    left: 0px;
+    top: 192px;
+    width: 80px;
+    font-size: 1em;
+}
+
+#form_notice-direct.form_notice #notice_action-submit {
+    top: 148px;
+}
+
+.threaded-replies {
+    width: 80%;
+    margin-left: 59px;
+}
+
+#content .notice .threaded-replies .notice {
+    width: 95%;
+}
+
+.threaded-replies .placeholder {
+    margin: 10px;
+    width: 92%;
+}
+
+.threaded-replies .form_notice {
+    margin-bottom: 10px;
+}
+
+.threaded-replies .form_notice textarea {
+    width: 220px;
+}
+
+.threaded-replies .form_notice .count {
+    left: 205px;
+    top: 53px;
+}
+
+.threaded-replies .form_notice #notice_action-submit {
+    position: relative;
+    top: 0;
+    bottom: 0px;
+    left: 0;
+    margin-top: 10px;
+}
+
+.threaded-replies .form_notice .error,
+.threaded-replies .form_notice .success,
+.threaded-replies .form_notice .notice-status {
+    width: 210px; 
+}
 
 .form_settings fieldset {
 margin-bottom:7px;
@@ -195,10 +386,52 @@ float:none;
 
 .form_settings .form_data p.form_guide {
 width:auto;
-margin-left:0;
+margin-left:0 !important;
 }
 
 #settings_design_color .form_data {
  width: auto;
  margin-right: 0;
 }
+
+.form_settings input.checkbox, .form_settings input.radio {
+  left: 0px;
+}
+
+.form_settings label.checkbox, .form_settings label.radio {
+  left: -10px;
+}
+
+.notice .addressees:before {
+    content: '\003E';
+}
+
+.notice .addressees:empty:before {
+    content: none;
+}
+
+.user_in .notice div.entry-content {
+  max-width: 150px;
+}
+
+ul.qna-dummy {
+    width: 80%;
+}
+
+.qna-dummy-placeholder input {
+    width: 92%;
+}
+
+.question #qna-answer, .qna-full-question #qna-answer {
+    width: 220px;
+}
+
+.threaded-replies #qna-answer-submit {
+    float: left;
+    clear: left;
+    position: relative;
+    top: 0;
+    bottom: 0px;
+    left: 0;
+    margin-top: 10px;
+}
diff --git a/theme/neo/mobilelogo.png b/theme/neo/mobilelogo.png
index 781e79578c6a63ece890aa9089c8dd1afd58f308..cd2e0e7f16d24e832186cf3310dc77c774b29b87 100644
GIT binary patch
literal 990
zcmV<410np0P)<h;3K|Lk000e1NJLTq001ul000vR1^@s60H0KP00001b5ch_0Itp)
z=>Px#24YJ`L;(K){{a7>y{D4^000SaNLh0L01FcU01FcV0GgZ_00007bV*G`2ipY=
z5I7y?7-F*k00Ul0L_t(Y$IX^Mh+I_^#(&@JY>Z+Q-W2+#SS>6};S5C6Xc3E)1`{zh
z8{80$iWos`41&!XER-~Yg(xN((j+9Hi19Bf_y@s^Z!ke5g&3T{#Ti1fvPgFGS?s;b
z-N&0|vvED}xOeW{d(L;xcka1IB$DMV0e1pVNZJnE9{;lq@TH_vwhu{~8T1OX0?G2$
zUBIi7Hh59-xTKS|j{v)Yy^<!PT}j{BJ}BwKL9dvLdQ?*SJn)L7@o>m-k8Mke`~L(E
z40^@uD*@kVw(qlj3b-+<w0&Aq6Sy@5%90eEi*}Dm+B4`CvjDY3;S0cPlE%ZqWzI$5
zLD?<9L#$j3%qPGNY>L1oE!hiWWOyfVFe<5qh_ACfohXiJvNV>Q_yw3`l|+jYohaLk
zjK_fP&GOa+Ks_9OEY6c?|7LqX&<QEC)%G)z7HmH}?00*qg@2~TZj!XU>}=3qxBc05
zhZlYy#YD);Iorp86Tr>3_W_$Fr6~(A1x!c48zWtb=T8s&-H(z3zXESGn(aG={qDI6
z08QJ6m)lq-j{u{<$3ssJ``shS`g>X4`oZ?*61IDm(#G~e*{Gz)8_o7@Wh;YTac%_l
zS4II32Im<ab|iIde^R0Mr3!5GB&kxQkq_ez+Ye@W>oRag($BU(kaTj;E3UB0V*Bq<
z-OB41Mg^r7z#b3zMsl+ysRpc<bhqs(;JEEejb?jKquCz61`bp)I&yz4q{6K2XM+MI
zPN>9&CEWnL4Lr&k%Tk>m_PcLM+5&V!*^+JImzJ#X`_2Ci_`tx|!+v)YFd=CYI3Vd`
zV3^PvYjQ2iTlZE`U;e_Qv+CgMRf~gOaUM8YdeYyQv@Oj=+Z%yz!_u7Xuc|=WzFyK_
z*A#q~w<dwku-`pfvG**nt+cj2PSzcoKM&mhU#3kx0X_}vmo$^*t<OV5zmSyKe!%uq
zrCvly)YnAnAthc0Ui6~ml6C>R(wr?dRSGR}XHCI3n(eK?a}^**U9#9+u6?Pr{k`pd
zlKx0rU?(p|U?k3GB<+^;=~Xt8^%ApVBQCqrDi-$w)QA1<Y?im)0Z!Q70qm5tB|JuH
z8~h`1RMNYHUU9XR<D%_vfDNG~7z2K?eYwKRi@<3~bHRz4q%#2j0%jG}8b&Aa761SM
M07*qoM6N<$f{y>qKmY&$

literal 9357
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
Z`|)dg_CLLlRA)x>#~(Oy>hNRV{V%a^K%f8s