From a2bfcc9734f5fc699961fd5fe63daf42f099e99b Mon Sep 17 00:00:00 2001 From: Samantha Doherty Date: Thu, 23 Sep 2010 10:50:45 -0400 Subject: Provisional versions of two new themes (plus new base). --- theme/shiny/css/display.css | 395 ++++++++++++++++++++++++++++++++++++++++++ theme/shiny/css/ie.css | 9 + theme/shiny/css/mp-screen.css | 7 + 3 files changed, 411 insertions(+) create mode 100644 theme/shiny/css/display.css create mode 100644 theme/shiny/css/ie.css create mode 100644 theme/shiny/css/mp-screen.css (limited to 'theme/shiny/css') diff --git a/theme/shiny/css/display.css b/theme/shiny/css/display.css new file mode 100644 index 000000000..5b51b530d --- /dev/null +++ b/theme/shiny/css/display.css @@ -0,0 +1,395 @@ +/** theme: shiny + * + * @package StatusNet + * @author Samantha Doherty + * @copyright 2010 StatusNet, Inc. + * @license http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 Unported + * @link http://status.net/ + */ + + +@media screen, projection, tv { + +body { + background: url(../images/page_bg1.png) no-repeat fixed 50% 100%; + background-color: #222; + font-family: "DejaVu Sans", "Bitstream Vera Sans", Geneva, Verdana, sans-serif; + font-size: 86%; +} + +#wrap { + width: 860px; + margin: 0px auto; + padding: 10px; + padding-top: 0px; + 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); +} + +a { + color: #333; +} + +address { + float: left; + margin-right: 20px; + margin-top: 0px; +} + +#content h1 { + text-transform: uppercase; + letter-spacing: 0.2em; + font-size: 1.4em; + margin-left: 2px; + margin-bottom: 16px; + font-weight: bold; + text-shadow:0 1px 0 rgba(255,255,255,0.4); +} + +#header { + margin: 0px; + padding-top: 60px; +} + +.poweredby { + background: url(../images/sn-tiny.png) no-repeat top left; + height: 40px; + font-size: 0.8em; + color: #fff; + line-height: 32px; + padding-left: 50px; + position: absolute; + top: 2px; + left: 0; + z-index: 99; + font-style: normal; +} + +.poweredby a { + color: #fff !important; + font-weight: bold; +} + +#site_nav_global_primary { + padding-top: 8px; + padding-bottom: 2px; + height: 30px; + box-shadow:0px 2px 2px rgba(194, 194, 194, 0.3); + -moz-box-shadow:0px 2px 2px rgba(194, 194, 194, 0.3); + -webkit-box-shadow:0px 2px 2px rgba(194, 194, 194, 0.3); + z-index: 98; + border-bottom-right-radius: 8px; + -moz-border-radius-bottomright: 8px; + -webkit-border-bottom-right-radius: 8px; + border-bottom-left-radius: 8px; + -moz-border-radius-bottomleft: 8px; + -webkit-border-bottom-left-radius: 8px; + letter-spacing: 0.1em; + font-size: 0.8em; + background: url(../images/global_bg.png) repeat-x top left; + position: absolute; + top: -20px; + width: 890px; + left: 50%; + margin-left: -445px; +} + +#site_nav_global_primary ul.nav { + float: right; + padding-right: 20px; + text-transform: uppercase; + padding-right: 16px; +} + +#site_nav_global_primary ul.nav li { + margin-right: 0px; + margin-left: 0px; +} + +#site_nav_global_primary ul.nav a { + padding: 4px 8px; + line-height: 1.8em; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + color: #fff !important; + text-shadow: 0px 1px 0px rgba(0,0,0,0.8); + border-bottom: 1px solid transparent; + border-left: 1px solid transparent; +} + +#site_nav_global_primary ul.nav a:hover { + color: #fff; + background: #000; + border-bottom: 1px solid #666; + border-left: 1px solid #666; + text-decoration: none; +} + +#site_nav_global_primary li { + margin-left: 8px; +} + +#anon_notice { + 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-width: 1px; + border-style: solid; + color: #ccc; + padding-left: 10px; + padding-right: 10px; + font-size: 1.1em; + margin-top: 16px; + margin-bottom: 12px; + background-color: #4b4b4b; + text-shadow: 0px 1px 0px rgba(0,0,0,0.8); +} + +#anon_notice a { + color: #fff; +} + +#anon_notice a:hover { + text-decoration: underline; +} + +#site_notice { + float: right; + width: 266px; + margin-left: 40px; + background: none; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-color: #ccc; + border-bottom-color: #999; + border-right-color: #999; + border-width: 1px; + border-style: solid; +} + +.form_notice { + float: right; + width: 500px; + margin-top: 0px; + background: #ccc; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + padding: 10px; +} + +.form_notice fieldset { + width: 510px; +} + +.form_notice textarea { + width: 374px; + height: 54px; + border-radius:7px; + -moz-border-radius:7px; + -webkit-border-radius:7px; + position:relative; +} + +.form_notice #notice_data-geo_wrap label, +.form_notice #notice_data-geo_wrap input { + top: 48px; +} + +.form_notice #notice_action-submit { + font-size: 0.9em; + top: 74px; + right:0; + height: 2.4em; + width: 106px; +} + +#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; +} + +#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; +} + +#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; +} + +#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; +} + +#site_nav_local_views { + position: relative; + z-index: 9; + float: right; + margin: 0px 10px 20px 0px; + width: 271px; +} + +#site_nav_local_views li { + width:100%; + margin-right:0; + margin-bottom: 0px; + text-align: right; +} + +#site_nav_local_views a { + display:block; + width: 242px; + padding-right: 10px; + padding-left:10%; + border: 1px solid #fff; + border-color: transparent; + padding-top: 4px; + padding-bottom: 4px; + font-size: 1.1em; + font-weight: normal; + letter-spacing: 0.2em; + text-transform: uppercase; + color: #f2f2f2 !important; + background-color: #4b4b4b; + border-bottom: 1px solid #999; + border-left: none; + text-shadow: 0px 1px 0px rgba(0,0,0,0.8); + border-radius:0; + -moz-border-radius:0; + -webkit-border-radius:0; + 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 { + color: #4d424c !important; + background-color: #c6c6c6; + text-shadow: 0 1px 0 rgba(255,255,255,0.75); +} + +#site_nav_local_views .current a { + 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; + border-bottom: 1px solid #fff; + text-shadow: 1px 1px 0px rgba(0,0,0,0.2); + background-color: #e2e2e2; + text-decoration: none; +} + +#aside_primary .notice { + background: none; + border: none; +} + +#content .notices li { + border-top: 1px dotted #bbb; + padding-top: 16px; + margin-bottom: 16px; +} + +.notice { + line-height: 1.35em; +} + +#content .notice .author .photo { + top: 18px; + left: 0px; +} + +#content .notice .entry-title { + min-height: 27px; +} + +#showstream .notice .entry-title { + min-height: 0px; +} + +#shownotice .notice .entry-title { + min-height:123px; +} + +.notice div.entry-content { + font-size: 0.9em; + line-height: 1em; + margin-top: 10px; +} + +.notice-options { + margin-top: 6px; +} + +.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 { + content: "("; +} + +div.entry-content a.response:after { + content: ")"; +} + +#footer { + background: none; +} + +}/*end of @media screen, projection, tv*/ diff --git a/theme/shiny/css/ie.css b/theme/shiny/css/ie.css new file mode 100644 index 000000000..ca6c09d44 --- /dev/null +++ b/theme/shiny/css/ie.css @@ -0,0 +1,9 @@ +/* IE specific styles */ + +#wrap { + background-color: #c9c9c9; +} + +#aside_primary .section { + background-color: #c9c9c9; +} diff --git a/theme/shiny/css/mp-screen.css b/theme/shiny/css/mp-screen.css new file mode 100644 index 000000000..c9fb6dcc4 --- /dev/null +++ b/theme/shiny/css/mp-screen.css @@ -0,0 +1,7 @@ +/* just a placeholder for now */ + +address img + .fn { +display:block; +margin-top:1em; +float:left; +} -- cgit v1.2.3-54-g00ecf