diff options
Diffstat (limited to 'theme/shiny')
-rw-r--r-- | theme/shiny/css/display.css | 391 | ||||
-rw-r--r-- | theme/shiny/css/ie.css | 33 | ||||
-rw-r--r-- | theme/shiny/css/mp-screen.css | 237 | ||||
-rw-r--r-- | theme/shiny/images/overlay10.png | bin | 0 -> 608 bytes | |||
-rw-r--r-- | theme/shiny/images/overlay20.png | bin | 0 -> 617 bytes | |||
-rw-r--r-- | theme/shiny/images/overlay25.png | bin | 0 -> 630 bytes | |||
-rw-r--r-- | theme/shiny/images/page_bg1.png | bin | 204352 -> 89227 bytes |
7 files changed, 536 insertions, 125 deletions
diff --git a/theme/shiny/css/display.css b/theme/shiny/css/display.css index ec98a049c..758d462ba 100644 --- a/theme/shiny/css/display.css +++ b/theme/shiny/css/display.css @@ -12,24 +12,23 @@ body { background: url(../images/page_bg1.png) no-repeat fixed 50% 100%; - background-color: #222; + background-color: #181818; font-family: "DejaVu Sans", "Bitstream Vera Sans", Geneva, Verdana, sans-serif; - font-size: 86%; + font-size: 84%; } #wrap { - width: 860px; + width: 867px; margin: 0px auto; - padding: 10px; - padding-top: 0px; + padding: 0px 8px 10px 8px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7); - background-color: rgba(165,168,167,0.6); + background-color: rgba(201, 203, 202, 0.5); } a { - color: #333; + color: #24245c; } address { @@ -38,19 +37,33 @@ address { margin-top: 0px; } +h1, h2, h3, h4, h5, h6 { + font-weight: normal; + margin-bottom: 15px; + margin-top: 10px; +} + +h1 {font-size: 1.4em;} +h2 {font-size: 1.3em;} +h3 {font-size: 1.2em;} +h4 {font-size: 1.1em;} +h5 {font-size: 1em;} +h6 {font-size: 1em;} + #content h1 { - text-transform: uppercase; letter-spacing: 0.2em; font-size: 1.4em; - margin-left: 2px; - margin-bottom: 16px; - font-weight: bold; + font-weight: normal; text-shadow:0 1px 0 rgba(255,255,255,0.4); + margin: -4px 0px 15px 0px; } #header { - margin: 0px; + width: 851px; + padding: 0px; padding-top: 60px; + margin: 0px; + margin-left: 8px; } .poweredby { @@ -58,11 +71,11 @@ address { height: 40px; font-size: 0.8em; color: #fff; - line-height: 32px; + line-height: 16px; padding-left: 50px; position: absolute; - top: 2px; - left: 0; + top: 0px; + left: -10px; z-index: 99; font-style: normal; } @@ -70,6 +83,8 @@ address { .poweredby a { color: #fff !important; font-weight: bold; + display: block; + clear: left; } #site_nav_global_primary { @@ -90,17 +105,16 @@ address { font-size: 0.8em; background: url(../images/global_bg.png) repeat-x top left; position: absolute; + width: 893px; top: -20px; - width: 890px; - left: 50%; - margin-left: -445px; + left: 0; + margin-left: -21px; } #site_nav_global_primary ul.nav { float: right; - padding-right: 20px; text-transform: uppercase; - padding-right: 16px; + padding-right: 10px; } #site_nav_global_primary ul.nav li { @@ -122,7 +136,7 @@ address { #site_nav_global_primary ul.nav a:hover { color: #fff; - background: #000; + background-color: #000; border-bottom: 1px solid #666; border-left: 1px solid #666; text-decoration: none; @@ -133,13 +147,14 @@ address { } #anon_notice { + background: url(../images/overlay10.png) repeat-x top left; clear: both; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-color: #333; - border-top-color: #ddd; - border-left-color: #ddd; + border-top-color: #aaa; + border-left-color: #aaa; border-width: 1px; border-style: solid; color: #ccc; @@ -148,7 +163,7 @@ address { font-size: 1.1em; margin-top: 16px; margin-bottom: 12px; - background-color: #4b4b4b; + background-color: #444; text-shadow: 0px 1px 0px rgba(0,0,0,0.8); } @@ -162,7 +177,8 @@ address { #site_notice { float: right; - width: 266px; + width: 270px; + padding: 10px; margin-left: 40px; background: none; border-radius: 4px; @@ -177,113 +193,124 @@ address { .form_notice { float: right; - width: 500px; + width: 494px; margin-top: 0px; - background: #ccc; + background: #ccc; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 10px; + border: 1px solid #ddd; + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); +} + +.form_notice label[for=notice_data-text], .form_notice label[for=to] { + text-shadow:0 1px 0 rgba(255,255,255,0.4); + padding-left: 2px; } .form_notice fieldset { - width: 510px; + width: 494px; } .form_notice textarea { - width: 374px; + width: 362px; height: 54px; - border-radius:7px; - -moz-border-radius:7px; - -webkit-border-radius:7px; + border: 1px solid #bbb; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; position:relative; } +.entity_send-a-message .form_notice legend { + text-shadow:0 1px 0 rgba(255,255,255,0.4); +} + +.form_notice textarea:focus { + border: 1px solid #9495b7; +} + +.form_notice label[for=notice_data-attach], +.form_notice #notice_data-attach { + top: 27px; + right: 86px; +} + .form_notice #notice_data-geo_wrap label, .form_notice #notice_data-geo_wrap input { - top: 48px; + top: 50px; + right: 86px; } .form_notice #notice_action-submit { - font-size: 0.9em; - top: 74px; - right:0; - height: 2.4em; - width: 96px; - right: 10px; -} - -#content { - border-radius: 4px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius-topright: 0px;
- -moz-border-radius-topright: 0px; - -webkit-border-top-right-radius: 0px; - padding-left: 10px; - padding-right: 10px; - padding-top: 14px; - width: 541px; - margin-right: 0; - background-color: #e2e2e2; + top: 79px; + right: 0; + width: 102px; + right: 0px; + height: 2.2em; } -#aside_primary { - padding: 0px; - margin-top: -20px; - padding-top: 15px; - background-color: #222; - border-radius-bottomright: 6px;
- -moz-border-radius-bottomright: 6px; - -webkit-border-bottom-right-radius: 6px; +.entity_send-a-message .form_notice #notice_action-submit { + color: #fff !important; } -#aside_primary .section { - border-radius: 4px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - padding: 6px; - border: 1px solid #f9f9f9; - box-shadow: 1px 1px 2px #444; - -moz-box-shadow: 1px 1px 2px #444; - -webkit-box-shadow: 1px 1px 2px #444; - background-color: rgba(255,255,255, 0.4); - float: left; - width: 248px; +.form_notice input.submit, .form_settings input.submit { + border: 1px solid #555; + border-top: none; + border-left: none; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + background: #666 url(../images/overlay25.png) repeat-x top left; + text-shadow: 0px 1px 0px rgba(0,0,0,0.8); + color:#fff; + font-weight: normal; + font-size: 1em; + height: 2.2em; + padding-left: 1em; + padding-right: 1em; + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); + -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); +} + +.form_notice input.submit:hover, .form_settings input.submit:hover { + background-color: #888; +} + +.form_notice .error, +.form_notice .success { + width: 373px; + margin-left: 0px; } -#aside_primary .section H2 {
- font-size: 1.1em;
- font-weight: normal;
- letter-spacing: 0.2em;
- margin-bottom: 10px; - margin-left: -4px; - padding: 6px; - margin-top: 2px; - text-shadow:0 1px 0 rgba(255,255,255,0.4); - line-height: 1.1em; +.form_notice .error { + width: 375px; + margin-left: 1px; } #site_nav_local_views {
position: relative;
z-index: 9;
float: right;
- margin: 0px 10px 20px 0px;
- width: 271px; + margin: 0px 0px 20px 0px; + width: 290px; }
#site_nav_local_views li {
- width:100%;
- margin-right:0;
+ width: 100%;
+ margin-right: 0;
margin-bottom: 0px; text-align: right; } -#site_nav_local_views a {
+#site_nav_local_views a { + background: url(../images/overlay10.png) repeat-x top left; display:block;
- width: 242px;
padding-right: 10px;
- padding-left:10%; border: 1px solid #fff;
border-color: transparent;
padding-top: 4px;
@@ -293,7 +320,7 @@ address { letter-spacing: 0.2em; text-transform: uppercase; color: #f2f2f2 !important; - background-color: #4b4b4b; + background-color: #444; border-bottom: 1px solid #999; border-left: none; text-shadow: 0px 1px 0px rgba(0,0,0,0.8); @@ -303,42 +330,124 @@ address { text-decoration: none; } - #site_nav_local_views li:first-child a { border-radius-topright:4px;
-moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; }
-#site_nav_local_views a:hover {
+#site_nav_local_views a:hover { + background: url(../images/overlay20.png) repeat-x top left; color: #4d424c !important; - background-color: #c6c6c6; + background-color: #b3b3b3; text-shadow: 0 1px 0 rgba(255,255,255,0.75); } #site_nav_local_views .current a { + background: none; display: block; - color: #4d424c !important; - margin-left: -1px; - width: 243px; - box-shadow: 1px 0px 1px #444; - -moz-box-shadow: 1px 0px 1px #444; - -webkit-box-shadow: 1px 0px 1px #444;
+ color: #4d4d4d !important; + box-shadow: 1px 1px 1px rgba(0,0,0,0.5); + -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.5); + -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
border-bottom: 1px solid #fff; text-shadow: 1px 1px 0px rgba(0,0,0,0.2); background-color: #e2e2e2; text-decoration: none; } +#core { + clear: both; + margin: 0px; + width: 851px; + margin-left: 8px; + margin-top: 4px; +} + +#content { + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius-topright: 0px;
+ -moz-border-radius-topright: 0px; + -webkit-border-top-right-radius: 0px; + padding: 14px 10px 20px 10px; + width: 541px; + margin-right: 0px; + background-color: #e2e2e2; +} + +#aside_primary { + width: 280px; + padding: 0px; + padding-top: 16px; + padding-left: 10px; + margin-top: -20px; + background-color: #262626; + border-radius-bottomright: 6px;
+ -moz-border-radius-bottomright: 6px; + -webkit-border-bottom-right-radius: 6px; +} + +#aside_primary .section { + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + padding: 6px; + padding-bottom: 12px; + border: 1px solid #ddd; + box-shadow: 1px 1px 2px #444; + -moz-box-shadow: 1px 1px 2px #444; + -webkit-box-shadow: 1px 1px 2px #444; + background-color: rgba(201, 203, 202, 0.5); + margin-left: 4px; + width: 248px; +} + +#aside_primary .section H2 {
+ font-size: 1.1em;
+ font-weight: normal;
+ letter-spacing: 0.2em;
+ margin-bottom: 10px; + margin-left: -4px; + padding: 6px; + margin-top: 2px; + text-shadow:0 1px 0 rgba(255,255,255,0.4); + line-height: 1.1em; +} + #aside_primary .notice { background: none; border: none; } -#content .notices li { +.section ul.entities { + width: 270px; +} + +.section .entities li { + margin-right: 13px; + margin-bottom: 10px; + width: 24px; +} + +#notices_primary { + padding-top: 2px; +} + +#content .notices .notice { border-top: 1px dotted #bbb; - padding-top: 16px; - margin-bottom: 16px; + padding-top: 14px; + margin-bottom: 14px; +} + +#content .notices .notices .notice { + margin-bottom: 0px; + padding-bottom: 14px; +} + +#content .notices .notices .notice + .notice { + margin-bottom: -10px; } .notice { @@ -351,11 +460,7 @@ address { } #content .notice .entry-title { - min-height: 27px; -} - -#showstream .notice .entry-title { - min-height: 0px; + min-height: 26px; } #shownotice .notice .entry-title { @@ -366,19 +471,19 @@ address { font-size: 0.9em; line-height: 1em; margin-top: 10px; + opacity: 0.6; +} + +.notice:hover div.entry-content { + opacity: 1; } .notice-options { - margin-top: 6px; + margin-top: 7px; } .user_in .notice div.entry-content { max-width: 360px; - opacity: 0.6; -} - -.user_in .notice div.entry-content:hover { - opacity: 1; } div.entry-content a.response:before { @@ -393,4 +498,60 @@ div.entry-content a.response:after { background: none; } +.form_settings input { + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border: 1px solid #bbb; + padding: 4px; + margin-bottom: 4px; +} + +.form_settings input:focus { + border: 1px solid #9495b7; +} + +.form_settings fieldset fieldset legend { + line-height:0; + font-size: 1.2em; + letter-spacing: 0.2em; +} + +#jOverlayContent #content { + box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7); + -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7); + -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7); +} + +#jOverlayContent button { + top: 10px; + right: 36px; +} + +.entity_profile { + width: 365px; +} + +.entity_actions { + min-width: 140px; +} + +.entity_actions a, .entity_actions input, .entity_actions p { + text-shadow:0 1px 0 rgba(255,255,255,0.4); + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; +} + +.entity_moderation:hover ul, +.entity_role:hover ul { + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; +} + +.pagination { + background: none; +} + }/*end of @media screen, projection, tv*/ diff --git a/theme/shiny/css/ie.css b/theme/shiny/css/ie.css index 3c8e2230d..a901a15dd 100644 --- a/theme/shiny/css/ie.css +++ b/theme/shiny/css/ie.css @@ -1,15 +1,11 @@ -/* IE specific styles */ - -/* IE specific styles */ - -/* base theme overrides */ +/* Temporary copy of base styles for overriding */ input.checkbox, input.radio { top:0; } .form_notice textarea { - width: 374px; + width: 362px; } .form_notice .form_note + label { position:absolute; @@ -19,8 +15,9 @@ text-indent:-9999px; height:16px; width:16px; display:block; - top: 31px; - right: 88px; + left: 392px; + top: 27px; + right: 88px; } .form_notice #notice_action-submit { width: 96px; @@ -59,8 +56,26 @@ z-index:9999; line-height:auto; } + +/* IE specific styles */ + +.notice-options input.submit { + color:#FFFFFF; +} + .form_notice #notice_data-attach { -filter: alpha(opacity=0); + filter: alpha(opacity=0); +} + +.form_notice .form_note + label { + background:transparent url(../../rebase/images/icons/icons-01.gif) no-repeat 0 -328px; +} + +.form_notice #notice_data-geo_wrap label { + background:transparent url(../../rebase/images/icons/icons-01.gif) no-repeat 0 -1780px; +} +.form_notice #notice_data-geo_wrap label.checked { + background:transparent url(../../rebase/images/icons/icons-01.gif) no-repeat 0 -1846px; } #wrap { diff --git a/theme/shiny/css/mp-screen.css b/theme/shiny/css/mp-screen.css index c9fb6dcc4..6a47b8e7f 100644 --- a/theme/shiny/css/mp-screen.css +++ b/theme/shiny/css/mp-screen.css @@ -1,7 +1,242 @@ -/* just a placeholder for now */ +/* mobile style */ + +body { + background-image: none; + min-width: 0; +} + +#wrap { + margin: 0; + padding: 0; + min-width:0; + max-width:100%; +} + +#header { + width: 96%; + padding: 0 2%; + padding-top: 20px; +} + +.user_in #header { + padding-top: 40px; +} + +address { +margin:1em 0 0 0; +float:left; +width:100%; +} address img + .fn { display:block; margin-top:1em; + margin-right: 10px; +clear: left; float:left; } + +#site_nav_global_primary { + margin:0; + margin-left: -2%; + width: 94%; + padding: 2%; + height: auto; + position:absolute; + top:0; + left:0; + background: #333; + font-size: 1em; + letter-spacing: 0em; +} + +#site_nav_global_primary li { + margin-left:0; + margin-right:10px; + float:left; + font-size:0.9em; + padding: 2px 4px; + line-height: 1em; +} + +#site_nav_global_primary li a { + color: #fff !important; +} + +.form_notice { + float: left; + margin-left: -10px; + 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: -185px; +} + +/*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 #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: 34px; + width: 70px; + font-size: 0.8em; +} + +#form_notice-direct.form_notice #notice_action-submit { + top: 64px; +} + +#site_nav_local_views {
+ position: relative;
+ z-index: 9;
+ float: left;
+ margin: 0px 10px 2px 4px;
+ width: auto; +} + +#site_nav_local_views li {
+ width: auto;
+ text-align: left; +} + +#site_nav_local_views a { + background: none; + display:block; + float: left;
+ padding: 4px; + margin: 0px 10px 10px 0px;
+ border: none !important;
+ font-size: 0.9em; + font-weight: normal; + letter-spacing: 0em; + text-transform: uppercase; + color: #f2f2f2 !important; + background-color: #444; + text-shadow: none; + border-radius: 4px;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px; +} + +#site_nav_local_views li:first-child a { + border-radius: 4px;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px; +}
+ +#site_nav_local_views a:hover { + background: none; + background-color: #b3b3b3; +} + +#site_nav_local_views .current a { + background: none; + display: inline; + color: #4d4d4d !important; + box-shadow: none; + -moz-box-shadow: none; + -webkit-box-shadow: none;
+ border-bottom: 1px solid #fff; + text-shadow: 1px 1px 0px rgba(0,0,0,0.2); + background-color: #e2e2e2; + text-decoration: none; +} + +#core { + width: 100%; + margin: 0; +} + +#content { + width: 96%; + padding: 10px 2%; + margin: 0; + min-height: auto; + border-radius-topright: 4px;
+ -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; +} + +#footer { + margin: 0; + padding: 10px 4px 4px 4px; +} + + +.form_settings fieldset { +margin-bottom:7px; +} + +.form_settings label { +width:auto; +display:block; +float:none; + text-align: left; +} + +.form_settings .form_data li { +margin-bottom:7px; +} + +.form_settings .form_data textarea, +.form_settings .form_data select, +.form_settings .form_data input { +margin-left:0; +display:block; +} +.form_settings .form_data textarea { +width:96.41%; +} + +.form_settings .form_data label { +float:none; +} + +.form_settings .form_data p.form_guide { +width:auto; +margin-left:0; +} + + +#settings_design_color .form_data { + width: auto; + margin-right: 0; +} diff --git a/theme/shiny/images/overlay10.png b/theme/shiny/images/overlay10.png Binary files differnew file mode 100644 index 000000000..a4cdbe82a --- /dev/null +++ b/theme/shiny/images/overlay10.png diff --git a/theme/shiny/images/overlay20.png b/theme/shiny/images/overlay20.png Binary files differnew file mode 100644 index 000000000..e15aba828 --- /dev/null +++ b/theme/shiny/images/overlay20.png diff --git a/theme/shiny/images/overlay25.png b/theme/shiny/images/overlay25.png Binary files differnew file mode 100644 index 000000000..718286062 --- /dev/null +++ b/theme/shiny/images/overlay25.png diff --git a/theme/shiny/images/page_bg1.png b/theme/shiny/images/page_bg1.png Binary files differindex d27bab591..a9f446812 100644 --- a/theme/shiny/images/page_bg1.png +++ b/theme/shiny/images/page_bg1.png |