From 1e360fc3b2a65d0ca8856079b1cf0a0d6db4a0e4 Mon Sep 17 00:00:00 2001 From: Ken Sheppardson Date: Sat, 16 Aug 2008 16:04:37 -0400 Subject: Renamed 'mobile' theme to more appropriate 'iphone' darcs-hash:20080816200437-18f16-360a19784be7e063015fa71580e09d740d6a72b5.gz --- theme/iphone/bg-body.gif | Bin 0 -> 136 bytes theme/iphone/bg-header.gif | Bin 0 -> 2469 bytes theme/iphone/default-avatar-mini.png | Bin 0 -> 646 bytes theme/iphone/default-avatar-profile.png | Bin 0 -> 2853 bytes theme/iphone/default-avatar-stream.png | Bin 0 -> 1487 bytes theme/iphone/display.css | 700 ++++++++++++++++++++++++++++++++ theme/iphone/display.css.dist | 686 +++++++++++++++++++++++++++++++ theme/iphone/ie6.css.dist | 63 +++ theme/iphone/ie7.css.dist | 20 + theme/iphone/login-bg.gif | Bin 0 -> 328 bytes theme/iphone/logo.png | Bin 0 -> 818 bytes theme/mobile/bg-body.gif | Bin 136 -> 0 bytes theme/mobile/bg-header.gif | Bin 2469 -> 0 bytes theme/mobile/default-avatar-mini.png | Bin 646 -> 0 bytes theme/mobile/default-avatar-profile.png | Bin 2853 -> 0 bytes theme/mobile/default-avatar-stream.png | Bin 1487 -> 0 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 328 -> 0 bytes theme/mobile/logo.png | Bin 818 -> 0 bytes 22 files changed, 1469 insertions(+), 1469 deletions(-) create mode 100644 theme/iphone/bg-body.gif create mode 100644 theme/iphone/bg-header.gif create mode 100644 theme/iphone/default-avatar-mini.png create mode 100644 theme/iphone/default-avatar-profile.png create mode 100644 theme/iphone/default-avatar-stream.png create mode 100644 theme/iphone/display.css create mode 100644 theme/iphone/display.css.dist create mode 100644 theme/iphone/ie6.css.dist create mode 100644 theme/iphone/ie7.css.dist create mode 100644 theme/iphone/login-bg.gif create mode 100644 theme/iphone/logo.png delete mode 100644 theme/mobile/bg-body.gif delete mode 100644 theme/mobile/bg-header.gif delete mode 100644 theme/mobile/default-avatar-mini.png delete mode 100644 theme/mobile/default-avatar-profile.png delete mode 100644 theme/mobile/default-avatar-stream.png delete mode 100644 theme/mobile/display.css delete mode 100644 theme/mobile/display.css.dist delete mode 100644 theme/mobile/ie6.css.dist delete mode 100644 theme/mobile/ie7.css.dist delete mode 100644 theme/mobile/login-bg.gif delete mode 100644 theme/mobile/logo.png diff --git a/theme/iphone/bg-body.gif b/theme/iphone/bg-body.gif new file mode 100644 index 000000000..d87e2e8d7 Binary files /dev/null and b/theme/iphone/bg-body.gif differ diff --git a/theme/iphone/bg-header.gif b/theme/iphone/bg-header.gif new file mode 100644 index 000000000..5154b2e5e Binary files /dev/null and b/theme/iphone/bg-header.gif differ diff --git a/theme/iphone/default-avatar-mini.png b/theme/iphone/default-avatar-mini.png new file mode 100644 index 000000000..38b8692b4 Binary files /dev/null and b/theme/iphone/default-avatar-mini.png differ diff --git a/theme/iphone/default-avatar-profile.png b/theme/iphone/default-avatar-profile.png new file mode 100644 index 000000000..f8357d4fc Binary files /dev/null and b/theme/iphone/default-avatar-profile.png differ diff --git a/theme/iphone/default-avatar-stream.png b/theme/iphone/default-avatar-stream.png new file mode 100644 index 000000000..6b63baa70 Binary files /dev/null and b/theme/iphone/default-avatar-stream.png differ diff --git a/theme/iphone/display.css b/theme/iphone/display.css new file mode 100644 index 000000000..6ac471c1e --- /dev/null +++ b/theme/iphone/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/iphone/display.css.dist b/theme/iphone/display.css.dist new file mode 100644 index 000000000..395da2e2f --- /dev/null +++ b/theme/iphone/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/iphone/ie6.css.dist b/theme/iphone/ie6.css.dist new file mode 100644 index 000000000..97d9fee3f --- /dev/null +++ b/theme/iphone/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/iphone/ie7.css.dist b/theme/iphone/ie7.css.dist new file mode 100644 index 000000000..bbf52d5cf --- /dev/null +++ b/theme/iphone/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/iphone/login-bg.gif b/theme/iphone/login-bg.gif new file mode 100644 index 000000000..e2d8377db Binary files /dev/null and b/theme/iphone/login-bg.gif differ diff --git a/theme/iphone/logo.png b/theme/iphone/logo.png new file mode 100644 index 000000000..3b271814d Binary files /dev/null and b/theme/iphone/logo.png differ diff --git a/theme/mobile/bg-body.gif b/theme/mobile/bg-body.gif deleted file mode 100644 index d87e2e8d7..000000000 Binary files a/theme/mobile/bg-body.gif and /dev/null differ diff --git a/theme/mobile/bg-header.gif b/theme/mobile/bg-header.gif deleted file mode 100644 index 5154b2e5e..000000000 Binary files a/theme/mobile/bg-header.gif and /dev/null differ diff --git a/theme/mobile/default-avatar-mini.png b/theme/mobile/default-avatar-mini.png deleted file mode 100644 index 38b8692b4..000000000 Binary files a/theme/mobile/default-avatar-mini.png and /dev/null differ diff --git a/theme/mobile/default-avatar-profile.png b/theme/mobile/default-avatar-profile.png deleted file mode 100644 index f8357d4fc..000000000 Binary files a/theme/mobile/default-avatar-profile.png and /dev/null differ diff --git a/theme/mobile/default-avatar-stream.png b/theme/mobile/default-avatar-stream.png deleted file mode 100644 index 6b63baa70..000000000 Binary files a/theme/mobile/default-avatar-stream.png and /dev/null differ diff --git a/theme/mobile/display.css b/theme/mobile/display.css deleted file mode 100644 index 6ac471c1e..000000000 --- a/theme/mobile/display.css +++ /dev/null @@ -1,700 +0,0 @@ -/* 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 deleted file mode 100644 index 395da2e2f..000000000 --- a/theme/mobile/display.css.dist +++ /dev/null @@ -1,686 +0,0 @@ -/* 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 deleted file mode 100644 index 97d9fee3f..000000000 --- a/theme/mobile/ie6.css.dist +++ /dev/null @@ -1,63 +0,0 @@ -@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 deleted file mode 100644 index bbf52d5cf..000000000 --- a/theme/mobile/ie7.css.dist +++ /dev/null @@ -1,20 +0,0 @@ -@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 deleted file mode 100644 index e2d8377db..000000000 Binary files a/theme/mobile/login-bg.gif and /dev/null differ diff --git a/theme/mobile/logo.png b/theme/mobile/logo.png deleted file mode 100644 index 3b271814d..000000000 Binary files a/theme/mobile/logo.png and /dev/null differ -- cgit v1.2.3-54-g00ecf