mp-screen.css 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354
  1. #wrap {
  2. margin: 0;
  3. padding: 0;
  4. min-width:0;
  5. max-width:100%;
  6. width: auto;
  7. border: none;
  8. }
  9. #header {
  10. width: 100%;
  11. }
  12. address {
  13. margin: 1px 0 0;
  14. height: 24px;
  15. }
  16. address img {
  17. float: left;
  18. background: #fff;
  19. padding: 2px 2px 2px 6px;
  20. }
  21. address img + .fn {
  22. display:block;
  23. margin-top: 8px;
  24. clear: left;
  25. float: left;
  26. color: #000;
  27. margin-left: 6px;
  28. }
  29. #site_nav_global_primary {
  30. width: 100%;
  31. padding: 2px 0;
  32. height: auto;
  33. left:0;
  34. }
  35. #site_nav_global_primary li {
  36. margin-right: 4px;
  37. }
  38. #site_nav_global_primary li:last-child {
  39. margin-right: 0px;
  40. }
  41. #site_nav_global_primary a {
  42. padding: 2px 4px;
  43. }
  44. #core {
  45. width: 100%;
  46. border-left: none;
  47. border-right: none;
  48. }
  49. #aside_primary_wrapper {
  50. background: none;
  51. }
  52. #content_wrapper {
  53. right: 0px;
  54. border: none;
  55. }
  56. #site_nav_local_views_wrapper {
  57. right: 0px;
  58. border: none;
  59. }
  60. #navtoggle {
  61. float: right;
  62. padding: 2px 6px;
  63. text-decoration: none;
  64. }
  65. #site_nav_local_views {
  66. margin-bottom: 0px;
  67. padding: 10px 0px 10px 6px;
  68. left: 0px;
  69. width: 100%;
  70. display: none;
  71. }
  72. #site_nav_local_views h3 {
  73. font-size: 1em;
  74. margin-bottom: 0px;
  75. }
  76. #site_nav_local_views li {
  77. margin: 0 6px 0 0;
  78. clear: left;
  79. }
  80. #site_nav_local_views li li {
  81. float: left;
  82. clear: none;
  83. margin: 0 10px 6px 0;
  84. }
  85. #login #site_nav_local_views, #register #site_nav_local_views, #openidlogin #site_nav_local_views {
  86. display: block;
  87. margin-top: 25px;
  88. }
  89. #login #navtoggle, #register #navtoggle, #openidlogin #navtoggle {
  90. display: none;
  91. }
  92. #login #site_nav_local_views li, #register #site_nav_local_views li, #openidlogin #site_nav_local_views li {
  93. float: left;
  94. clear: none;
  95. margin: 0 10px 6px 0;
  96. }
  97. #content {
  98. width: 96%;
  99. padding: 10px 2%;
  100. min-height: auto;
  101. left: 0px;
  102. }
  103. #content h1 {
  104. clear: left;
  105. }
  106. #footer {
  107. width: auto;
  108. padding: 10px 4px 4px 4px;
  109. }
  110. .input_forms {
  111. width: 102%;
  112. left: -2%;
  113. padding-left: 2%;
  114. }
  115. #input_form_nav li a {
  116. margin-right: 6px;
  117. }
  118. .input_form {
  119. clear: left;
  120. width: 100%;
  121. padding-bottom: 0px;
  122. }
  123. #input_form_status, #input_form_direct {
  124. padding-bottom: 40px;
  125. }
  126. .form_notice_placeholder .placeholder {
  127. width: 290px;
  128. margin-bottom: 20px;
  129. }
  130. .form_notice {
  131. float: left;
  132. width: 300px;
  133. padding: 4px 0px;
  134. }
  135. #form_notice-direct.form_notice {
  136. padding-top: 0px;
  137. }
  138. .form_notice textarea, #form_notice-direct.form_notice textarea {
  139. width: 292px;
  140. height: 36px;
  141. padding: 4px 4px 16px 4px;
  142. font-size: 1em;
  143. }
  144. .form_notice .count {
  145. position: absolute;
  146. top: 46px;
  147. left: 278px;
  148. }
  149. #form_notice-direct.form_notice .count {
  150. top: 76px;
  151. left: 278px;
  152. }
  153. .form_notice .error,
  154. .form_notice .success,
  155. .form_notice .notice-status {
  156. width: 285px;
  157. }
  158. /*input type=file no good in
  159. iPhone/iPod Touch, Android, Opera Mini Simulator
  160. */
  161. .form_notice .notice_data-attach, .form_notice .notice_data-geo_wrap label, .form_notice .notice_data-geo_wrap input {
  162. display:none;
  163. }
  164. .checkbox-wrapper {
  165. margin-left: 0px;
  166. clear: left;
  167. float: left;
  168. width: 200px;
  169. z-index: 2;
  170. }
  171. .form_notice .checkbox-wrapper {
  172. margin-left: 0px;
  173. }
  174. .checkbox-wrapper label.checkbox {
  175. display: none !important;
  176. }
  177. .checkbox-wrapper #notice_private {
  178. display: inline;
  179. margin-top: 10px;
  180. margin-left: 20px;
  181. }
  182. .form_notice .checkbox-wrapper #notice_private {
  183. margin-left: 0px;
  184. }
  185. .checkbox-wrapper:before {
  186. content: "Send privately?";
  187. }
  188. .input_form .form_settings fieldset fieldset {
  189. width: 300px;
  190. }
  191. .input_form .form_settings label {
  192. display: inline;
  193. }
  194. label[for=blog-entry-content] {
  195. display: none !important;
  196. }
  197. .input_form .form_settings li input {
  198. width: 292px;
  199. }
  200. .input_form .form_settings li textarea {
  201. width: 292px;
  202. }
  203. .bookmarkform-thumbnail {
  204. display: none;
  205. }
  206. .input_form .form_settings .submit {
  207. margin: 10px 0;
  208. clear: left;
  209. float: left;
  210. }
  211. .form_notice input.submit {
  212. margin-top: -45px;
  213. width: 80px;
  214. }
  215. #form_notice-direct.form_notice #notice_action-submit {
  216. top: 148px;
  217. }
  218. .threaded-replies {
  219. width: 80%;
  220. }
  221. #content .notice .threaded-replies .notice {
  222. width: 95%;
  223. }
  224. .threaded-replies .placeholder {
  225. margin: 10px;
  226. width: 92%;
  227. }
  228. .threaded-replies .form_notice {
  229. margin-bottom: 10px;
  230. }
  231. .threaded-replies .form_notice textarea {
  232. width: 220px;
  233. }
  234. .threaded-replies .form_notice .count {
  235. left: 215px;
  236. top: 55px;
  237. }
  238. .threaded-replies .form_notice #notice_action-submit {
  239. position: relative;
  240. top: 0;
  241. bottom: 0px;
  242. left: 0;
  243. margin-top: 10px;
  244. }
  245. .threaded-replies .form_notice .error,
  246. .threaded-replies .form_notice .success,
  247. .threaded-replies .form_notice .notice-status {
  248. width: 210px;
  249. }
  250. .form_settings fieldset {
  251. margin-bottom: 7px;
  252. }
  253. .form_settings label {
  254. width: auto;
  255. display: block;
  256. text-align: left;
  257. }
  258. .form_settings .form_data li {
  259. margin-bottom: 10px;
  260. }
  261. .form_settings .form_data textarea,
  262. .form_settings .form_data select,
  263. .form_settings .form_data input {
  264. margin-left: 0;
  265. }
  266. .form_settings .form_data textarea {
  267. width: 98%;
  268. }
  269. .form_settings .form_data label {
  270. float: none;
  271. }
  272. .form_settings .form_data p.form_guide {
  273. margin-left: 0;
  274. }
  275. .form_settings input.checkbox, .form_settings input.radio {
  276. left: 0px;
  277. }
  278. .form_settings label.checkbox, .form_settings label.radio {
  279. left: -10px;
  280. }
  281. .notice .addressees:before {
  282. content: '\003E';
  283. }