summaryrefslogtreecommitdiff
path: root/theme/shiny/css/display.css
diff options
context:
space:
mode:
Diffstat (limited to 'theme/shiny/css/display.css')
-rw-r--r--theme/shiny/css/display.css395
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*/