Merge pull request #3 from beardy-unixer/master

Red Friendica Red

13 files changed, 322 insertions, 66 deletions

diff --git a/view/theme/redbasic/css/mod_events.css b/view/theme/redbasic/css/mod_events.css
new file mode 100644
index 000000000..e69de29bb
--- /dev/null
+++ b/view/theme/redbasic/css/mod_events.css
diff --git a/view/theme/redbasic/css/mod_help.css b/view/theme/redbasic/css/mod_help.css
new file mode 100644
index 000000000..8d1c8b69c
--- /dev/null
+++ b/view/theme/redbasic/css/mod_help.css
@@ -0,0 +1 @@
+ 
diff --git a/view/theme/redbasic/css/mod_lostpass.css b/view/theme/redbasic/css/mod_lostpass.css
new file mode 100644
index 000000000..8d1c8b69c
--- /dev/null
+++ b/view/theme/redbasic/css/mod_lostpass.css
@@ -0,0 +1 @@
+ 
diff --git a/view/theme/redbasic/css/mod_message.css b/view/theme/redbasic/css/mod_message.css
new file mode 100644
index 000000000..8d1c8b69c
--- /dev/null
+++ b/view/theme/redbasic/css/mod_message.css
@@ -0,0 +1 @@
+ 
diff --git a/view/theme/redbasic/css/mod_network.css b/view/theme/redbasic/css/mod_network.css
new file mode 100644
index 000000000..8d1c8b69c
--- /dev/null
+++ b/view/theme/redbasic/css/mod_network.css
@@ -0,0 +1 @@
+ 
diff --git a/view/theme/redbasic/css/mod_profile.css b/view/theme/redbasic/css/mod_profile.css
new file mode 100644
index 000000000..8d1c8b69c
--- /dev/null
+++ b/view/theme/redbasic/css/mod_profile.css
@@ -0,0 +1 @@
+ 
diff --git a/view/theme/redbasic/css/mod_register.css b/view/theme/redbasic/css/mod_register.css
new file mode 100644
index 000000000..8d1c8b69c
--- /dev/null
+++ b/view/theme/redbasic/css/mod_register.css
@@ -0,0 +1 @@
+ 
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index afe2f8979..fe6992ab3 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -34,7 +34,7 @@ abbr {
   text-indent: 0px;
 }
 .icon.notify {
-  background-image: url("../../../../images/icons/22/notify_off.png");
+  background-image: url("../img/notify_on.png");
  min-width: 22px;
   height: 22px;
   margin-top: -4px; 
@@ -49,13 +49,13 @@ abbr {
   padding: 1px;
 }
 
-a, a:visited, a:link { color: #335577; text-decoration: none; }
-a:hover { color: #5588aa; text-decoration: underline; }
+a, a:visited, a:link { color: #dd0000; text-decoration: none; }
+a:hover { color: #dd0000; text-decoration: underline; }
 
 input {
 	border: 1px solid #666666;
-	-moz-border-radius: 3px;
-	border-radius: 3px;	
+	-moz-border-radius: 5px;
+	border-radius: 5px;	
 	padding: 3px;
 }
 
@@ -155,7 +155,7 @@ header #banner {
   width: 100%;
   font-size: 2.2em;
   font-family: tahoma, "Lucida Sans", sans;
-  color: red;
+  color: #eec;
   font-weight: bold;
 
 }
@@ -164,7 +164,7 @@ header #banner a:active,
 header #banner a:visited,
 header #banner a:link,
 header #banner a:hover {
-  color: #ffffff;
+  color: #eec;
   text-decoration: none;
   outline: none;
   vertical-align: bottom;
@@ -193,8 +193,8 @@ header #banner #logo-text {
 	border-bottom: 0px;
 	background-color: #aec0d3;
 	color: #565854;		
-	-moz-border-radius: 3px 3px 0px 0px;
-	border-radius: 3px 3px 0px 0px;	
+	-moz-border-radius: 5px 5px 0px 0px;
+	border-radius: 5px 5px 0px 0px;	
 }
 nav .nav-link {
 	float: right;
@@ -294,9 +294,7 @@ footer {
 }
 
 div.wall-item-content-wrapper.shiny {
-  background-image: url('../img/shiny.png');
-  background-position: -5px 30px;
-  background-repeat:no-repeat;
+	background: #f4f4f4;
 }
 
 .preview {
@@ -332,11 +330,13 @@ div.wall-item-content-wrapper.shiny {
 #jot-title, #jot-category {
 	border: 0px;
 	margin: 0px;
+	padding: 8px;
 	height: 20px;
 	width: 530px;
 	margin-bottom: 5px;
 	font-weight: bold;
-	border: 1px solid #ffffff;
+	border: solid 1px #ccc;
+	box-shadow: 5px 5px 5px #666 inset;
 }
 
 #jot-title::-webkit-input-placeholder{font-weight: normal;}
@@ -376,8 +376,8 @@ div.wall-item-content-wrapper.shiny {
 
 .group-selected, .nets-selected, .fileas-selected, .categories-selected {
 	padding: 3px;
-	-moz-border-radius: 3px;
-	border-radius: 3px;	
+	-moz-border-radius: 5px;
+	border-radius: 5px;	
 	border: 1px solid #CCCCCC;
 	background: #F8F8F8;
 	font-weight: bold;
@@ -385,8 +385,8 @@ div.wall-item-content-wrapper.shiny {
 
 .settings-widget .selected {
 	padding: 3px;
-	-moz-border-radius: 3px;
-	border-radius: 3px;	
+	-moz-border-radius: 5px;
+	border-radius: 5px;	
 	border: 1px solid #CCCCCC;
 	background: #F8F8F8;
 	font-weight: bold;
@@ -1131,7 +1131,10 @@ input#dfrn-url {
 }
 
 .wall-item-delete-wrapper {
-	float: right;
+	/* TODO 
+	This should really go somewhere at the right, but for now, that leaves
+	it dangling at the edge of whitespace, so we'll put it with the other wall item tools for the time being */
+	float: left;
 }
 
 .wall-item-delete-end {
@@ -1169,7 +1172,9 @@ input#dfrn-url {
 }
 
 .wall-item-content img {
-  max-width: 700px;
+  max-height: 95% !important;
+  max-width: 95% !important;
+  box-shadow: 8px 8px 8px #666;
 }
 
 
@@ -1183,6 +1188,12 @@ input#dfrn-url {
 	clear: both;
 }
 
+.thread-wrapper.toplevel_item {
+border-bottom: 1px #000 solid;
+padding: 30px;
+width: 90%;
+}
+
 .wall-item-body {
 /*	float: left; */
 	/*width: 450px;*/
@@ -1194,16 +1205,13 @@ input#dfrn-url {
 /*	background-image: url("../img/head.jpg"); */
     background-position: 0 -20px;
     background-repeat: repeat-x;
-   	padding: 5px 10px 0px;
+    background: #eee;
+   	padding: 5px 10px;
 }
 .wall-item-author {
 	margin-top: 10px;
 }
 
-.comment .wall-item-tools {
-	background:none;
-} 
-
 .comment-edit-wrapper {
 	margin-top: 15px;
 	background: #ffffff;
@@ -1231,8 +1239,11 @@ input#dfrn-url {
 .comment-edit-text-empty, .comment-edit-text-full {
 	float: left;
 	margin-top: 10px;
-	border-left: 1px solid #e0e0e0;
 	padding: 3px 1px 1px 3px;
+	border: 1px solid #ccc;
+	padding: 8px;
+	border-radius: 5px 5px 5px 5px;
+	box-shadow: 5px 5px 5px #666 inset;
 }
 
 .comment-edit-text-empty {
@@ -1250,7 +1261,7 @@ input#dfrn-url {
 .comment-edit-text-full {
 	color: black;
 	height: 150px;
-	width: 350px;
+	width: 80%;
 	overflow: auto;
 }
 
@@ -1270,6 +1281,7 @@ input#dfrn-url {
 #profile-jot-plugin-wrapper,
 #profile-jot-submit-wrapper {
 	margin-top: 15px;
+	width:90%;
 }
 
 #profile-jot-submit {
@@ -1324,12 +1336,23 @@ input#dfrn-url {
 }
 
 #profile-jot-perms {
-	float: left;
+	float: right;
 	margin-left: 100px;
 	font-weight: bold;
 	font-size: 1.2em;
+	height: auto;
+	width: auto;
+	background-color: #dd0000;
+	border-radius: 5px;
+	border: 2px outset;
+	box-shadow: 5px 5px 5px #666;
+	margin-right: 8px;
+	padding: 4px;
 }
 
+#profile-jot-perms:active {
+    box-shadow: 0 0 0 0;
+}
 
 #profile-jot-perms-end {
 	/*clear: left;*/
@@ -1693,35 +1716,53 @@ input#dfrn-url {
 	width: 587px;
 }
 
+/* TinyMCE */
+
+DIV#profile-jot-text_toolbargroup{
+background: #333;
+border: 1px #111;
+box-shadow: 5px 5px 5px #000 inset;
+}
+
+
 #profile-jot-text_parent, .mceLayout {
-    border-radius: 3px;
-    -moz-border-radius: 3px;
+    border-radius: 5px;
+    -moz-border-radius: 5px;
     box-shadow: 4px 4px 3px 0 #444444;
 }
 
+iframe#profile-jot-text_ifr {
+width: 100% !important;
+height: 100% !important;
+}
+
+/* Not MCE */
+
 #profile-jot-text {
 	height: 20px;
-	color:#cccccc;
+	color:#000;
 	border: 1px solid #cccccc;
-	padding: 3px 0px 0px 5px;
-	-moz-border-radius: 3px;
+	padding: 8px;
+	width: 90%;
+	-moz-border-radius: 5px;
 	border-radius: 3px;	
+	box-shadow: 4px 4px 3px 0 #666 inset;
 }
 #profile-jot-text:hover {
 	color: #000000;
 }
 
 .wall-item-photo, .photo, .contact-block-img, .my-comment-photo {
-    border-radius: 3px;
-    -moz-border-radius: 3px;
+    border-radius: 5px;
+    -moz-border-radius: 5px;
     box-shadow: 4px 4px 3px 0 #444444;
 }
 
 
 #datebrowse-sidebar select {
     margin-left: 25px;
-    border-radius: 3px;
-    -moz-border-radius: 3px;
+    border-radius: 5px;
+    -moz-border-radius: 5px;
     opacity: 0.3;
     filter:alpha(opacity=30);
 }
@@ -1755,14 +1796,35 @@ input#dfrn-url {
 	list-style: none;
 }
 
-.contact-entry-photo img, .profile-match-photo img, #photo-photo img, .directory-photo-img, .photo-album-photo, .photo-top-photo, .profile-jot-text, .group-selected, .nets-selected, .fileas-selected, #profile-jot-submit, .categories-selected {
-    border-radius: 3px;
-    -moz-border-radius: 3px;
+.contact-entry-photo img, .profile-match-photo img, #photo-photo img, .directory-photo-img, .photo-album-photo, .photo-top-photo, .group-selected, .nets-selected, .fileas-selected, .categories-selected {
+    border-radius: 5px;
+    -moz-border-radius: 5px;
     box-shadow: 4px 4px 3px 0 #444444;
 }
+
+#profile-jot-submit {
+    height: auto;
+    background-color: #dd0000;
+    color: #eeeeec;
+    font-weight: bold;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    border: 2px outset #222420 !important;
+    margin: 0;
+    float: right;
+    text-shadow: 1px 1px #111;
+    width: auto;
+    box-shadow: 5px 5px 5px #444;
+}
+
+#profile-jot-submit:active {
+    box-shadow: 0 0 0 0;
+}
+
 .settings-widget .selected {
-    border-radius: 3px;
-    -moz-border-radius: 3px;
+    border-radius: 5px;
+    -moz-border-radius: 5px;
     box-shadow: 4px 4px 3px 0 #444444;
 }
 
@@ -1918,9 +1980,9 @@ input#dfrn-url {
 	background-position: 3px 3px;
 	background-repeat: no-repeat;
 	margin-right: 5px;
-	-webkit-border-radius: 2px ;
-	-moz-border-radius: 2px;
-	border-radius: 2px;
+	-webkit-border-radius: 5px ;
+	-moz-border-radius: 5px;
+	border-radius: 5px;
 	padding-left: 15px;
 }
 #acl-wrapper a:hover {
@@ -2521,16 +2583,18 @@ aside input[type='text'] {
 }
 
 #nav-search-text:hover {
-	background-color: #FFFFFF;
+	background-color: #FFF;
+	color: #000;
 }
 
 #nav-search-text {
 	border-radius: 14px;
 	background-color: #AAAAAA;
+	color: #eec;
 }
 
 #nav-user-linkmenu img {
-	border-radius: 3px;
+	border-radius: 5px;
 }
 
 .location-label, .gender-label, .marital-label, .homepage-label {
@@ -2576,6 +2640,7 @@ aside input[type='text'] {
 	padding: 0px 0px 5px 0px;
 	font-size: 120%;
 	font-weight: bold;
+	color: #dd0000;
 }
 
 .vcard .title {
@@ -2974,9 +3039,10 @@ aside input[type='text'] {
 	cursor: pointer;
 	position: absolute;
 	left: 4px;
-	top: 4px;
-	opacity: 0.2;
-	filter:alpha(opacity=20);
+/*because of the shape, if this is lined up properly it looks like it's lined up wrong...
+lining it up too high is the only way to make it look correctly aligned.  The human
+brain is weird like that */
+	top: 2px;
 }
 
 #lang-select-icon:hover {
@@ -3243,7 +3309,7 @@ aside input[type='text'] {
 
 .tools { background-position: 0px -32px;}
 .lock { background-position: -16px -32px;}
-.unlock { background-position: -32px -32px;}
+.unlock { background: url(../img/jotperms.png) no-repeat;}
 .video { background-position: -48px -32px;}
 .youtube { background-position: -64px -32px;}
 .attach { background-position: -80px -32px; }
@@ -3445,6 +3511,11 @@ div.jGrowl div.info {
 	text-align: center;
 }
 
+.jslider .jslider-bg,
+.jslider .jslider-pointer {
+  background: url("../img/slider.png") !important;
+}
+
 .slider {
 	margin-top: 10px;
 	margin-bottom: 30px;
@@ -3472,8 +3543,8 @@ nav {
   left: 0px;
   top: 0px;
   padding: 0px;
-  background-color: #5a5a5a;
-  color: #ffffff;
+  background-color: #d00;
+  color: #eec;
   z-index: 100;
   -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
   -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
@@ -3501,6 +3572,7 @@ nav ul li {
 nav ul li .menu-popup {
   left: 0px;
   right: auto;
+  top: 33px;
 }
 nav .nav-menu-icon {
   position: relative;
@@ -3533,18 +3605,11 @@ nav .nav-menu.selected {
   border-bottom: 4px solid #CCCCCC;
 }
 nav .nav-notify {
-  display: none;
-  position: absolute;
-  background-color: #dc0000;
+  background-color: #0d0;
+  color: #fff;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;
-  font-size: 10px;
-  padding: 1px 3px;
-  top: 0px;
-  right: -10px;
-  min-width: 15px;
-  text-align: right;
 }
 nav .nav-notify.show {
   display: block;
@@ -3576,12 +3641,11 @@ ul.menu-popup {
   position: absolute;
   display: none;
   width: 10em;
-  background: #ffffff;
-  color: #2d2d2d;
-  margin: 0px;
+  background: #dd0000;
+  color: #eec;
   padding: 0px;
   list-style: none;
-  border: 3px solid #364e59;
+  border-radius: 0px 0px 20px 20px;
   z-index: 100000;
   -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
   -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
@@ -3589,7 +3653,7 @@ ul.menu-popup {
 }
 ul.menu-popup a {
   display: block;
-  color: #2d2d2d;
+  color: #eec;
   padding: 5px 10px;
   text-decoration: none;
 }
diff --git a/view/theme/redbasic/img/jotperms.png b/view/theme/redbasic/img/jotperms.png
new file mode 100644
index 000000000..d133a6e01
--- /dev/null
+++ b/view/theme/redbasic/img/jotperms.png
diff --git a/view/theme/redbasic/img/notify_on.png b/view/theme/redbasic/img/notify_on.png
new file mode 100644
index 000000000..18002e15c
--- /dev/null
+++ b/view/theme/redbasic/img/notify_on.png
diff --git a/view/theme/redbasic/php/config.php b/view/theme/redbasic/php/config.php
new file mode 100644
index 000000000..dd82f8ec3
--- /dev/null
+++ b/view/theme/redbasic/php/config.php
@@ -0,0 +1,80 @@
+<?php
+/**
+ * Theme settings
+ */
+
+function theme_content(&$a) {
+	if(!local_user()) { return;	}
+
+	$font_size = get_pconfig(local_user(),'redbasic', 'font_size' );
+	$line_height = get_pconfig(local_user(), 'redbasic', 'line_height' );
+	$colour = get_pconfig(local_user(), 'redbasic', 'colour' );
+	
+	return redbasic_form($a, $font_size, $line_height, $colour);
+}
+
+function theme_post(&$a) {
+	if(!local_user()) { return; }
+	
+	if (isset($_POST['redbasic-settings-submit'])) {
+		set_pconfig(local_user(), 'redbasic', 'font_size', $_POST['redbasic_font_size']);
+		set_pconfig(local_user(), 'redbasic', 'line_height', $_POST['redbasic_line_height']);
+		set_pconfig(local_user(), 'redbasic', 'colour', $_POST['redbasic_colour']);	
+	}
+}
+
+function theme_admin(&$a) {
+	$font_size = get_config('redbasic', 'font_size' );
+	$line_height = get_config('redbasic', 'line_height' );
+	$colour = get_config('redbasic', 'colour' );	
+	
+	return redbasic_form($a, $font_size, $line_height, $colour);
+}
+
+function theme_admin_post(&$a) {
+	if (isset($_POST['redbasic-settings-submit'])) {
+		set_config('redbasic', 'font_size', $_POST['redbasic_font_size']);
+		set_config('redbasic', 'line_height', $_POST['redbasic_line_height']);
+		set_config('redbasic', 'colour', $_POST['redbasic_colour']);
+	}
+}
+
+function redbasic_form(&$a, $font_size, $line_height, $colour) {
+	$line_heights = array(
+		"1.3" => "1.3",
+		"---" => "---",
+		"1.6" => "1.6",				
+		"1.5" => "1.5",		
+		"1.4" => "1.4",
+		"1.2" => "1.2",
+		"1.1" => "1.1",
+	);	
+	$font_sizes = array(
+		'12' => '12',
+		'14' => '14',
+		"---" => "---",
+		"16" => "16",		
+		"15" => "15",
+		'13.5' => '13.5',
+		'13' => '13',		
+		'12.5' => '12.5',
+		'12' => '12',
+	);
+	$colours = array(
+		'light' => 'light',		
+		'dark' => 'dark',						
+	);
+
+	$t = file_get_contents( dirname(__file__). "/theme_settings.tpl" );
+	$o .= replace_macros($t, array(
+		'$submit' => t('Submit'),
+		'$baseurl' => $a->get_baseurl(),
+		'$title' => t("Theme settings"),
+		'$font_size' => array('redbasic_font_size', t('Set font-size for posts and comments'), $font_size, '', $font_sizes),
+		'$line_height' => array('redbasic_line_height', t('Set line-height for posts and comments'), $line_height, '', $line_heights),
+		'$colour' => array('redbasic_colour', t('Set colour scheme'), $colour, '', $colours),	
+	));
+
+	return $o;
+}
+
diff --git a/view/theme/redbasic/php/style.php b/view/theme/redbasic/php/style.php
new file mode 100644
index 000000000..f2bc8e500
--- /dev/null
+++ b/view/theme/redbasic/php/style.php
@@ -0,0 +1,99 @@
+<?php
+    $line_height = false;
+    $redbasic_font_size = false;
+    $resolution = false;
+    $colour = false;
+    $site_line_height = get_config("redbasic","line_height");
+    $site_redbasic_font_size = get_config("redbasic", "font_size" );
+    $site_colour = get_config("redbasic", "colour" );
+
+    if (local_user()) {
+        $line_height = get_pconfig(local_user(), "redbasic","line_height");
+        $redbasic_font_size = get_pconfig(local_user(), "redbasic", "font_size");
+        $colour = get_pconfig(local_user(), "redbasic", "colour");
+    }
+
+    if ($line_height === false) {
+		$line_height = $site_line_height;
+	}
+    if ($line_height === false) {
+		$line_height = "1.2";
+	}
+    if ($redbasic_font_size === false) {
+		$redbasic_font_size = $site_redbasic_font_size;
+	}
+    if ($redbasic_font_size === false) {
+		$redbasic_font_size = "12";
+	}
+    if ($colour === false) {
+		$colour = $site_colour;
+	}
+		$colour = "light";
+
+    
+        if (file_exists("$THEMEPATH/css/style.css")) {
+            echo file_get_contents("$THEMEPATH/css/style.css");
+        }
+    
+
+	if($redbasic_font_size == "16") {
+		echo ".wall-item-content {
+				font-size: 16px;
+			}";
+	}
+	if($redbasic_font_size == "15") {
+		echo ".wall-item-content {
+				font-size: 15px;
+			}";
+	}	
+	if($redbasic_font_size == "14") {
+		echo ".wall-item-content {
+				font-size: 14px;
+			}";
+	}
+	if($redbasic_font_size == "13.5") {
+		echo ".wall-item-content {
+				font-size: 13.5px;
+			}";
+	}
+	if($redbasic_font_size == "13") {
+		echo ".wall-item-content {
+				font-size: 13px;
+			}";
+	}
+	if($redbasic_font_size == "12.5") {
+		echo ".wall-item-content {
+				font-size: 12.5px;
+			}";
+	}
+	if($redbasic_font_size == "12") {
+		echo ".wall-item-content {
+				font-size: 12px;
+			}";
+	}
+	if($line_height == "1.5") {
+		echo ".wall-item-content {
+				line-height: 1.5;
+			}";
+	}	
+	if($line_height == "1.4") {
+		echo ".wall-item-content {
+				line-height: 1.4;
+			}";
+	}
+	if($line_height == "1.3") {
+		echo ".wall-item-content {
+				line-height: 1.3;
+			}";
+	}
+	if($line_height == "1.2") {
+		echo ".wall-item-content {
+				line-height: 1.2;
+			}";
+	}
+	if($line_height == "1.1") {
+		echo ".wall-item-content {
+				line-height: 1.1;
+			}";
+	}
+
diff --git a/view/theme/redbasic/tpl/theme_settings.tpl b/view/theme/redbasic/tpl/theme_settings.tpl
new file mode 100644
index 000000000..d0d153e73
--- /dev/null
+++ b/view/theme/redbasic/tpl/theme_settings.tpl
@@ -0,0 +1,7 @@
+{{inc field_select.tpl with $field=$font_size}}{{endinc}}
+
+{{inc field_select.tpl with $field=$line_height}}{{endinc}}
+
+<div class="settings-submit-wrapper">
+	<input type="submit" value="$submit" class="settings-submit" name="redbasic-settings-submit" />
+</div>