diff options
Diffstat (limited to 'theme/shiny/css/display.css')
| -rw-r--r-- | theme/shiny/css/display.css | 395 |
1 files changed, 395 insertions, 0 deletions
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 <sammy@status.net> + * @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*/ |