Provisional versions of two new themes (plus new base).

theme/clean/css/display.css

@@ -0,0 +1,195 @@
+/** theme: clean
+ *
+ * @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: #9a9aa4 url(../images/page_bg.png) no-repeat fixed 50% 100%;
+    background-color: #6e6e8c;
+    font-family: "Liberation Sans", "Nimbus Sans L", "FreeSans", "Helvetica Neue", Helvetica, Arial, sans-serif; 
+    font-size: 86%;
+}
+
+#wrap {
+    width: 860px;
+    margin: 0px auto;
+    padding: 10px;
+    padding-top: 0px;
+    background-color: #fff;
+    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);
+}
+
+#header {
+    padding-top: 70px;
+}
+
+address {
+    float: left;
+    margin-right: 20px;
+    margin-top: 0px;
+}
+
+.poweredby {
+    background: url(../images/sn-tiny.png) no-repeat top left;
+    height: 40px;
+    font-size: 0.8em;
+    color: #fff;
+    line-height: 42px;
+    padding-left: 50px;
+    position: absolute;
+    top: 6px;
+    left: 0;
+    z-index: 99;
+    font-style: normal;
+}
+
+.poweredby a {
+    color: #fff !important;
+    font-weight: bold;
+}
+
+#site_nav_global_primary {
+    display: block;
+    position: absolute;
+    top: 0;
+    z-index: 98;
+    background-color: #829d25;
+    width: 880px;
+    left: 50%;
+    margin-left: -440px; 
+    margin-top: 0px;
+    height: 30px;
+    line-height: 30px;
+    text-align: right;
+    border-top: 10px solid #fff;
+    border-bottom: 1px solid #fff;
+}
+
+#site_nav_global_primary a {
+    color: #fff !important;
+    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
+}
+
+#site_notice {
+    float: right;
+    width: 266px; 
+    margin-left: 40px;
+}
+
+.form_notice {
+    float: right;
+    width: 500px;   
+    margin-top: 0px;
+}
+
+#anon_notice {
+    clear: both;
+    background: none;
+    padding: 0px;
+    margin-bottom: 0px;
+}
+
+.form_notice fieldset {
+    width: 100%;
+}
+
+.form_notice textarea {
+    width: 364px;
+    height: 54px;
+}
+
+.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;
+}
+
+#core {
+    clear: both;
+    margin-top: 14px;
+}
+
+#content {
+    padding-top: 10px;
+}
+
+#site_nav_local_views {
+    background-color: #6e6e8c;
+    height: 2em;
+    line-height: 2em;
+    margin-bottom: 0px;
+    padding-left: 4px;
+}
+
+#site_nav_local_views a {
+    color: #fff !important;
+    padding: 2px 6px 2px 6px;
+}
+
+#site_nav_local_views .current a {
+    background: #fff !important;
+    color: #000 !important;
+    text-decoration: none;
+}
+
+.notice {
+    line-height: 1.35em;
+}
+
+#content .notice .author .photo {
+    left: 0px;
+}
+
+#content .notice .entry-title {
+    min-height: 26px;
+}
+
+#showstream .notice .entry-title {
+    min-height: 0px;
+}
+
+#shownotice .notice .entry-title {
+    min-height:123px;
+}
+
+.user_in .notice div.entry-content {
+    max-width: 360px;
+    opacity: 0.6;
+}
+
+.user_in .notice div.entry-content:hover {
+    opacity: 1;
+}
+
+.notice div.entry-content {
+    font-size: 0.9em;
+    line-height: 1.2em;
+    margin-top: 10px;
+}
+
+.notice-options {
+    margin-top: 6px;
+}
+
+.pagination {
+    height: 1.2em;
+}
+
+}/*end of @media screen, projection, tv*/
+

theme/clean/css/mp-screen.css

@@ -0,0 +1,7 @@
+/* just a placeholder for now */
+
+address img + .fn {
+display:block;
+margin-top:1em;
+float:left;
+}

theme/clean/theme.ini

@@ -0,0 +1 @@
+include=rebase

theme/rebase/css/ie.css

@@ -0,0 +1,60 @@
+/**
+ * @package   StatusNet
+ * @author    Sarven Capadisli <csarven@status.net>
+ * @copyright 2009-2010 StatusNet, Inc.
+ * @license   http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 Unported
+ * @link      http://status.net/
+ */
+/* IE specific styles */
+input.checkbox,
+input.radio {
+top:0;
+}
+.form_notice textarea {
+width:78%;
+}
+.form_notice .form_note + label {
+position:absolute;
+top:25px;
+left:83%;
+text-indent:-9999px;
+height:16px;
+width:16px;
+display:block;
+}
+.form_notice #notice_action-submit {
+width:17%;
+max-width:17%;
+}
+.form_notice #notice_data-attach_selected,
+.form_notice #notice_data-geo_selected {
+width:78.75%;
+}
+.form_notice #notice_data-attach_selected button,
+.form_notice #notice_data-geo_selected button {
+padding:0 4px;
+}
+.notice-options input.submit {
+font-size:0;
+text-align:right;
+text-indent:0;
+}
+.notice div.entry-content .timestamp a {
+margin-right:4px;
+}
+.entity_profile {
+width:64%;
+}
+.notice {
+z-index:1;
+}
+.notice:hover {
+z-index:9999;
+}
+.notice .thumbnail img {
+z-index:9999;
+}
+
+.form_settings fieldset fieldset legend {
+line-height:auto;
+}

theme/rebase/css/ie6.css

@@ -0,0 +1,47 @@
+/**
+ * @package   StatusNet
+ * @author    Sarven Capadisli <csarven@status.net>
+ * @copyright 2009-2010 StatusNet, Inc.
+ * @license   http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 Unported
+ * @link      http://status.net/
+ */
+/* IE6 specific styles */
+address {
+margin-left:7px;
+}
+address .fn {
+display:none;
+}
+
+#wrap {
+width:1003px;
+margin:0 auto;
+}
+
+#content {
+width:66%;
+}
+#aside_primary {
+padding:1.8%;
+width:24%;
+}
+.entity_profile .entity_nickname,
+.entity_profile .entity_location,
+.entity_profile .entity_url,
+.entity_profile .entity_note,
+.entity_profile .entity_tags {
+margin-left:0;
+}
+.entity_profile .entity_depiction {
+margin-bottom:123px;
+}
+.entity_actions {
+width:20%;
+}
+.notice div.entry-content {
+width:65%;
+margin-left:30px;
+}
+.notice-options a {
+width:16px;
+}

theme/rebase/css/jquery.Jcrop.css

@@ -0,0 +1,42 @@
+/**
+ * @package   StatusNet
+ * @author    Sarven Capadisli <csarven@status.net>
+ * @copyright 2009-2010 StatusNet, Inc.
+ * @license   http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 Unported
+ * @link      http://status.net/
+ */
+/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
+.jcrop-holder { text-align: left; }
+
+.jcrop-vline, .jcrop-hline
+{
+	font-size: 0;
+	position: absolute;
+	background: white url(../images/illustrations/illu_jcrop.gif) top left repeat;
+}
+.jcrop-vline { height: 100%; width: 1px !important; }
+.jcrop-hline { width: 100%; height: 1px !important; }
+.jcrop-handle {
+	font-size: 1px;
+	width: 7px !important;
+	height: 7px !important;
+	border: 1px #eee solid;
+	background-color: #333;
+	*width: 9px;
+	*height: 9px;
+}
+
+.jcrop-tracker { width: 100%; height: 100%; }
+
+.custom .jcrop-vline,
+.custom .jcrop-hline
+{
+	background: yellow;
+}
+.custom .jcrop-handle
+{
+	border-color: black;
+	background-color: #C7BB00;
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+}

theme/rebase/css/mp-screen.css

@@ -0,0 +1,7 @@
+/* just a placeholder for now */
+
+address img + .fn {
+display:block;
+margin-top:1em;
+float:left;
+}

theme/rebase/css/uap.css

@@ -0,0 +1,54 @@
+/** Universal Ad Package styles:
+ * Medium Rectangle 300x250
+ * Rectangle        180x150
+ * Leaderboard      728x90
+ * Wide Skyscraper  160x600
+ *
+ * @package   StatusNet
+ * @author    Sarven Capadisli <csarven@status.net>
+ * @copyright 2010 StatusNet, Inc.
+ * @license   http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 Unported
+ * @link      http://status.net/
+ */
+
+
+.ad {
+border:1px solid #CCC;
+float:left;
+}
+
+#ad_medium-rectangle {
+width:300px;
+height:250px;
+
+margin-left:1.35%;
+margin-bottom:18px;
+}
+
+#ad_rectangle {
+width:180px;
+height:150px;
+
+float:none;
+clear:both;
+margin:0 auto;
+margin-bottom:29px;
+}
+
+#ad_leaderboard {
+width:728px;
+height:90px;
+
+margin:0 auto 18px;
+float:none;
+clear:both;
+}
+
+#ad_wide-skyscraper {
+width:160px;
+height:600px;
+
+float:right;
+margin-top:18px;
+margin-right:8.25%;
+}

theme/rebase/images/icons/README

@@ -0,0 +1,59 @@
+/**
+ * @author    Paul Jarvis http://code.google.com/p/twotiny/
+ * @license   http://dev.perl.org/licenses/ Artistic License/GPL
+ * @note
+        White left arrow with green background
+        White right arrow with green background
+        White clip with green background
+        White heart with green background
+        White reply with green background
+        White garbage with green background
+        White pencil with green background
+        White envelope with green background
+        White speech bubble with green background
+        White shield with green background
+        White asterisk with green background
+        White x with green background
+        White plus with green background
+        White minus with green background
+        White skull with green background
+        White recycle with green background
+        White external with green background
+        White key with green background
+        White flag with green background
+        White checkmark with green background
+        White reject with green background
+        White play with green background
+        White pause with green background
+ */
+
+
+/**
+ * @author    Sarven Capadisli <csarven@status.net>
+ * @copyright 2008-2010 StatusNet, Inc.
+ * @license   http://www.fsf.org/licensing/licenses/agpl-3.0.html GNU Affero General Public License version 3.0
+ * @link      http://status.net/
+ * @note
+        Green clip with transparent background
+        Green heart with white background
+        White person with tie with green background
+        White sherif badge with green background
+        White boxes with green background
+        White speech bubble broken with green background
+        Green recycle with transparent background
+        Green pin with white background
+        White pin with green background
+        White underscore with green background
+        White C with green background
+        White magic wand with green background
+        Green badge with white background
+        Green sandbox with white background
+        Green speech bubble broken with white background
+        Green person with tie with white background
+ */
+
+Created by various authors
+* FOAF icon from http://iandavis.com/2006/foaf-icons/ with Public Domain license
+* Atom feed icon from http://intertwingly.net/wiki/pie/Icon with Public Domain license
+* RSS feed icon from http://www.feedicons.com/ (Mozilla, Microsoft, Matt Brett) with MPL/GPL/LGPL tri-license
+* Processing icon from/by Unknown with Unknown license //FIXME

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*/

theme/shiny/css/ie.css

@@ -0,0 +1,9 @@
+/* IE specific styles */
+
+#wrap {
+	background-color: #c9c9c9;
+}
+
+#aside_primary .section {
+    background-color: #c9c9c9;
+}

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;
+}

theme/shiny/theme.ini

@@ -0,0 +1 @@
+include=rebase