aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorThomas Willingham <founder@kakste.com>2012-12-17 02:23:01 +0000
committerThomas Willingham <founder@kakste.com>2012-12-17 02:23:01 +0000
commit2cb2896916ce98f16b891634fddcbd403c55d95f (patch)
tree89ec1812f99472664adad2f86afa96c30def4014
parent2a9433c8b88effd1544dae9006e3ea290045bbc1 (diff)
downloadvolse-hubzilla-2cb2896916ce98f16b891634fddcbd403c55d95f.tar.gz
volse-hubzilla-2cb2896916ce98f16b891634fddcbd403c55d95f.tar.bz2
volse-hubzilla-2cb2896916ce98f16b891634fddcbd403c55d95f.zip
More plodding along with redbasic, notably, adding some icons.
-rw-r--r--view/theme/redbasic/css/style.css86
-rw-r--r--view/theme/redbasic/img/home.pngbin0 -> 1198 bytes
-rw-r--r--view/theme/redbasic/img/introductions.pngbin0 -> 1275 bytes
-rw-r--r--view/theme/redbasic/img/network.pngbin0 -> 1650 bytes
-rw-r--r--view/theme/redbasic/img/settings.pngbin0 -> 1609 bytes
-rw-r--r--view/tpl/nav.tpl6
6 files changed, 65 insertions, 27 deletions
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index a0120e0d7..acfd334e9 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -9,7 +9,6 @@ body {
font-family: helvetica,arial,freesans,clean,sans-serif;
font-size: 12px;
background-color: #ffffff;
- /*TODO - adding a background was the right decision...but I'm not sure if this is the right background. Fortunately, the same artist has lots of PD backgrounds we can try. We'll leave this particular snake on a life support machine for the time being. */
background-image: url(../img/bg.png);
background-repeat: repeat;
color: #000000;
@@ -51,7 +50,31 @@ background: #fff;
padding: 1px;
}
.icon.gear {
- background-image: url("../../../../images/icons/22/gear.png");
+ background-image: url("../img/settings.png");
+ min-width: 22px;
+ height: 22px;
+ background-position: left center;
+ padding: 1px;
+}
+
+.icon.home {
+ background-image: url("../img/home.png");
+ min-width: 22px;
+ height: 22px;
+ background-position: left center;
+ padding: 1px;
+}
+
+.icon.network {
+ background-image: url("../img/network.png");
+ min-width: 22px;
+ height: 22px;
+ background-position: left center;
+ padding: 1px;
+}
+
+.icon.introductions {
+ background-image: url("../img/introductions.png");
min-width: 22px;
height: 22px;
background-position: left center;
@@ -256,33 +279,49 @@ nav #nav-link-wrapper .nav-link {
font-weight: bold;
background-color: #3465a4;
}
-
.tabs {
- height: 22px;
-/* background-image: url(../img/head.jpg);
- background-repeat: repeat-x;
- background-position: 0px -20px; */
- border-bottom: 1px solid #aaaaaa;
- padding:0px;
- margin-right: 10px;
+ list-style: none;
+ margin: 15px 0px;
+ padding: 0;
+ }
+.tabs li {
+ display: inline;
+ font-weight: bold;
}
-.tabs li { margin: 0px; list-style: none; }
.tab {
- display:block;
- float:left;
- padding: 0.4em;
- //margin-right: 1em;
- margin-right: 3px ;
+ height: auto;
+ background-color: #fff;
+ color: #f00;
+ font-weight: bold;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+ margin: 0;
+ width: auto;
+ box-shadow: 5px 5px 5px #444;
+ margin-left: 8px;
+ padding: 4px;
+}
+.tab:hover, .tab.active:hover {
+ background: #fff;
+ color: #f00;
+ ;
+}
+.tab:active {
+ background: #fff;
+ color: #f00;
}
.tab.active {
- font-weight: bold;
-
+ background: #fff;
+ color: #f00;
+ box-shadow: 3px 3px 3px #333 inset;
+ padding: 5px; /* another strageness of the human mind - has to be larger than inactive tabs, or it looks smaller than them */
}
-ul.tabs {
- margin-top: 0px;
- margin-bottom: 0px;
- list-style-type: none;
- padding: 0px;
+
+.tab a {
+ border: 0;
+ text-decoration: none;
+ color: #f00;
}
/* footer */
@@ -1008,7 +1047,6 @@ input#dfrn-url {
/* Give the top level post bigger shadows than the comments. This makes them appear "higher" and the comments "lower", which separates posts from each other reasonably without literally drawing a line under it */
.wall-item-content-wrapper {
- margin-top: 30px;
position: relative;
background: #fff;
border-radius: 20px;
diff --git a/view/theme/redbasic/img/home.png b/view/theme/redbasic/img/home.png
new file mode 100644
index 000000000..d1ba7b3f3
--- /dev/null
+++ b/view/theme/redbasic/img/home.png
Binary files differ
diff --git a/view/theme/redbasic/img/introductions.png b/view/theme/redbasic/img/introductions.png
new file mode 100644
index 000000000..18ba5dc81
--- /dev/null
+++ b/view/theme/redbasic/img/introductions.png
Binary files differ
diff --git a/view/theme/redbasic/img/network.png b/view/theme/redbasic/img/network.png
new file mode 100644
index 000000000..c213cee04
--- /dev/null
+++ b/view/theme/redbasic/img/network.png
Binary files differ
diff --git a/view/theme/redbasic/img/settings.png b/view/theme/redbasic/img/settings.png
new file mode 100644
index 000000000..a935b225e
--- /dev/null
+++ b/view/theme/redbasic/img/settings.png
Binary files differ
diff --git a/view/tpl/nav.tpl b/view/tpl/nav.tpl
index 234b20854..79467cd7d 100644
--- a/view/tpl/nav.tpl
+++ b/view/tpl/nav.tpl
@@ -13,20 +13,20 @@
{{ if $nav.network }}
<li id="nav-network-link" class="nav-menu $sel.network">
- <a class="$nav.network.2" href="$nav.network.0" title="$nav.network.3" >$nav.network.1</a>
+ <a class="$nav.network.2" href="$nav.network.0" title="$nav.network.3" ><span class="icon network">$nav.network.1</span></a>
<span id="net-update" class="nav-notify"></span>
</li>
{{ endif }}
{{ if $nav.home }}
<li id="nav-home-link" class="nav-menu $sel.home">
- <a class="$nav.home.2" href="$nav.home.0" title="$nav.home.3" >$nav.home.1</a>
+ <a class="$nav.home.2" href="$nav.home.0" title="$nav.home.3" ><span class="icon home">$nav.home.1</span></a>
<span id="home-update" class="nav-notify"></span>
</li>
{{ endif }}
{{ if $nav.intros }}
<li id="nav-intros-link" class="nav-menu $sel.intros">
- <a class="$nav.intros.2" href="$nav.intros.0" title="$nav.intros.3" >$nav.intros.1</a>
+ <a class="$nav.intros.2" href="$nav.intros.0" title="$nav.intros.3" ><span class="icon introductions">$nav.intros.1</a>
<span id="intro-update" class="nav-notify"></span>
</li>
{{ endif }}