friendica
/
friendica
mirror of https://github.com/friendica/friendica
6
0
Fork 1
Code Issues Packages Projects Releases 1 Wiki Activity

new default theme (thx: Manu Revah)

This commit is contained in:
Mike Macgirvin 2010-10-08 04:44:08 -07:00
parent f9ff5b36bf
commit 938b1677f8
4 changed files with 307 additions and 114 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
view/theme/clean/style.css
View File

@ -1,5 +1,43 @@
@import url('../default/style.css'); @import url('../default/style.css');
footer {
background: #CCC;
}
#banner {
color: #444444;
}
body {
background: #FFFFFF;
color: #000000;
}
.nav-selected {
background: #FFFFFF !important;
color: #888888 !important;
}
input:hover {
background-color: #CCCCCC;
color: #000000;
border: 1px solid #FFFFFF;
}
input, select {
background-color: #FFFFFF;
color: #000000;
}
.nav-link:hover, .nav-commlink:hover {
background: #DDDDDD;
color: #0000EE;
}
option {
background-color: #FFFFFF;
}
#page-footer {
border: none;
}
nav { nav {
background: #F4F4F4; background: #F4F4F4;
} }
@ -12,13 +50,13 @@ body {
.nav-link { .nav-link {
color: #444444; color: #444444;
background: #EEE; background: #EEE;
border: 2px solid #888888; border: 2px solid #CCCCCC;
} }
.nav-commlink { .nav-commlink {
color: #444444; color: #444444;
background: #EEE; background: #EEE;
border: 2px solid #888888; border: 2px solid #CCCCCC;
} }
.profile-tabs { .profile-tabs {

26
view/theme/darkness/style.css
View File

@ -1,13 +1,39 @@
@import url('../default/style.css'); @import url('../default/style.css');
nav {
background: #CCC;
}
footer {
background: #CCC;
}
#banner {
color: #FF0000;
}
body { body {
background: #000000; background: #000000;
color: #FF0000; color: #FF0000;
} }
.nav-selected { .nav-selected {
background: #000000 !important; background: #000000 !important;
color: #888888 !important;
} }
input:hover {
background-color: #000000;
}
input, select {
background-color: #000000;
color: #FF0000;
}
.nav-link:hover, .nav-commlink:hover {
background: #DDDDDD;
color: #FF0000;
}
#page-footer {
border: none;
}
.nav-link { .nav-link {
color: #FF0000; color: #FF0000;
background: #444444; background: #444444;

259
view/theme/default/style.css
View File

@ -1,64 +1,47 @@
/*
Loozah CSS - Emmanuel Revah manurevah.com
Copy, Paste, Send - Free
this is still considered as messy :]
*/
/** {*/
/*margin: 0;*/
/*padding: 0;*/
/*}*/
/* GENERIC STUFF */
body {
background: #F5F6FB;
color: #444444;
font-family: "Lucida Grande", Tahoma, sans-serif;
font-size: 90%;
margin-left: 10px;
}
a, a:visited { a, a:visited {
color: #8888FF; color: #343639;
text-decoration: none; text-decoration: none;
} }
a:hover { a:hover {
color: #0000FF; color: #29BBF2;
text-decoration: underline;
}
.fakelink, .fakelink:visited {
color: #8888FF;
text-decoration: none; text-decoration: none;
cursor: pointer;
margin-top: 15px;
margin-bottom: 15px;
} }
.lockview { input, select {
background-color: #ECECEC;
border: 1px solid #858585;
}
input:hover {
background-color: #29BBF2;
color: #F5F6FB;
border: 1px solid #F5F6FB;
cursor: pointer; cursor: pointer;
} }
option {
.fakelink:hover { background-color: #ECD6D2;
color: #0000FF;
text-decoration: underline;
cursor: pointer;
} }
img { img {
border: none; border: none;
} }
#sysmsg {
width: 600px;
}
#top-margin {
height: 20px;
}
#banner {
color: lightgreen;
font-size: 1.4em;
font-weight: bold;
position: absolute;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
top: 12px;
left: 42%;
}
#panel {
background-color: ivory;
position: absolute;
z-index: 2;
width: 30%;
padding: 25px;
border: 1px solid #444;
}
code { code {
font-family: monospace; font-family: monospace;
white-space: pre; white-space: pre;
@ -70,23 +53,72 @@ code {
padding: 10px; padding: 10px;
margin-top: 20px; margin-top: 20px;
} }
blockquote:before { blockquote:before {
content: '>> '; content: '>> ';
} }
body { /* NOTIFICATION */
background: #FFFFFF; #notification-show-hide-link {
color: #444444; background-color: red;
font-family: "Lucida Grande", Tahoma, sans-serif; padding: 2px 4px;
font-size: 90%; background-color: #ECECEC;
margin-left: 10px; border: 1px solid #858585;
}
#notification-show-hide-link:hover {
background-color: #29BBF2;
color: #F5F6FB;
border: 1px solid #F5F6FB;
}
.fakelink, .fakelink:visited {
color: #343639;
text-decoration: none;
cursor: pointer;
margin-top: 15px;
margin-bottom: 15px;
}
.lockview {
cursor: pointer;
}
.fakelink:hover {
color: #29BBF2;
text-decoration: none;
cursor: pointer;
}
#sysmsg {
width: 600px;
}
#top-margin {
height: 20px;
}
#banner {
color: #F8FF15;
font-size: 1.4em;
font-weight: bold;
position: absolute;
/*filter:alpha(opacity=50);*/
/*-moz-opacity:0.5;*/
/*-khtml-opacity: 0.5;*/
/*opacity: 0.5;*/
top: 12px;
left: 38%;
}
#panel {
background-color: ivory;
position: absolute;
z-index: 2;
width: 30%;
padding: 25px;
border: 1px solid #444;
} }
img.photo { img.photo {
border: 1px solid #AAAAAA; /*border: 1px solid #AAAAAA;*/
padding: 5px; /*padding: 5px;*/
background: #FFFFFF; /*background: #FFFFFF;*/
} }
#logo { #logo {
@ -97,6 +129,7 @@ img.photo {
} }
#page-footer { #page-footer {
height: 20px; height: 20px;
/* border-bottom: 3px dashed #15607B; */
} }
.heart { .heart {
@ -105,14 +138,18 @@ img.photo {
} }
aside { aside {
position: absolute; /*position: absolute;*/
left: 0px; /*left: 0px;*/
top: 60px; /*top: 60px;*/
right: 250px; /*right: 250px;*/
width: 250px; width: 250px;
margin-left: 20px; /*margin-left: 20px;*/
margin-right: 0px; /*margin-right: 0px;*/
font-size: 0.9em; font-size: 0.9em;
float: left;
margin-top: 64px;
margin-left: 20px;
} }
section { section {
position: absolute; position: absolute;
@ -133,16 +170,22 @@ nav {
height: 48px; height: 48px;
left: 0px; left: 0px;
right: 0px; right: 0px;
background: #444; background: #15607B;
} }
footer { footer {
position: absolute; /*position: absolute;*/
left: 0px; left: 0px;
right: 0px; /*right: 0px;*/
bottom: 0px; bottom: 0px;
margin: 20px 20px 20px 20px; /*margin: 20px 20px 20px 20px;*/
position: fixed;
background-color: #29BBF2;
width: 100%;
padding: 2px 3%;
} }
.fn { .fn {
font-size: 1.4em; font-size: 1.4em;
margin-bottom: 10px; margin-bottom: 10px;
@ -151,6 +194,14 @@ footer {
.powered { .powered {
font-size: 0.6em; font-size: 0.6em;
color: black;
}
.powered a {
color: #EBF3F3;
font-weight: bold;
}
.powered a:hover {
color: #F8FF15;
} }
.error-message { .error-message {
color: #FF0000; color: #FF0000;
@ -163,10 +214,10 @@ footer {
.nav-link { .nav-link {
float: right; float: right;
margin-left: 0px; margin-left: 0px;
margin-right: 10px; margin-right: 3px;
padding: 4px; padding: 5px;
border: 2px solid #000000; /*border: 2px solid #000000;*/
background: #EEE; background: #D5D5D5;
font-size: 90%; font-size: 90%;
font-weight: bold; font-weight: bold;
-moz-border-radius-topleft: 3px; -moz-border-radius-topleft: 3px;
@ -176,23 +227,29 @@ footer {
border-radius-topleft: 3px; border-radius-topleft: 3px;
border-radius-topright: 3px; border-radius-topright: 3px;
} }
.nav-link:hover {
background-color: #29BBF2;
color: #F5F6FB;
}
.nav-ajax-left { .nav-ajax-left {
margin-left: 1px; margin-left: 1px;
margin-right: 2px;
float: left; float: left;
font-size: 0.6em; font-size: 0.6em;
font-weight: bold; font-weight: bold;
color: #FF0000; color: #F8FF15;
background: #FFFFFF; /*background: #FFFFFF;*/
} }
.nav-selected { .nav-selected {
border-bottom: none !important; border-bottom: none !important;
background: #FFFFFF !important; background: #F5F6FB !important;
padding: 5px !important; padding: 8px 6px 6px 6px !important;
color: #000 !important;
} }
@ -210,11 +267,11 @@ footer {
.nav-commlink { .nav-commlink {
float: left; float: left;
margin-left: 10px; margin-left: 3px;
margin-right: 0px; margin-right: 0px;
padding: 4px; padding: 5px;
border: 2px solid #000000; /*border: 2px solid #000000;*/
background: #EEE; background: #D5D5D5;
font-size: 90%; font-size: 90%;
font-weight: bold; font-weight: bold;
text-decoration: none; text-decoration: none;
@ -224,7 +281,10 @@ footer {
-webkit-border-radius-topright: 3px; -webkit-border-radius-topright: 3px;
border-radius-topleft: 3px; border-radius-topleft: 3px;
border-radius-topright: 3px; border-radius-topright: 3px;
}
.nav-commlink:hover {
background-color: #29BBF2;
color: #F5F6FB;
} }
#nav-end { #nav-end {
@ -1179,10 +1239,18 @@ input#dfrn-url {
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
margin-right: 5px; margin-right: 5px;
border: 1px solid #CCC; /*border: 1px solid #CCC;*/
background: #F8F8F8; /*background: #F8F8F8;*/
font-size: 0.8em; font-size: 0.8em;
font-weight: bold; font-weight: bold;
background-color: #ECECEC;
border: 1px solid #858585;
}
.profile-tabs:hover {
background-color: #29BBF2;
color: #F5F6FB;
border: 1px solid #F5F6FB;
/*cursor: pointer;*/
} }
#profile-tabs-end { #profile-tabs-end {
@ -1333,6 +1401,15 @@ input#dfrn-url {
font-size: 1.1em; font-size: 1.1em;
margin-top: 10px; margin-top: 10px;
} }
a.mail-list-link {
display: block;
padding: 4px 5px;
font-weight: bold;
}
a.mail-list-link:hover {
background-color: #15607B;
color: #F5F6FB;
}
.mail-list-outside-wrapper-end { .mail-list-outside-wrapper-end {
clear: both; clear: both;
@ -1352,10 +1429,6 @@ input#dfrn-url {
border: none; border: none;
} }
.mail-conv-sender, .mail-conv-sender,
.mail-conv-detail { .mail-conv-detail {
float: left; float: left;
@ -1395,6 +1468,17 @@ input#dfrn-url {
.message-links li { .message-links li {
margin-top: 10px; margin-top: 10px;
} }
.message-links a {
/*background-color: #ECECEC;*/
/*border: 1px solid #858585;*/
padding: 3px 5px;
/*display: block;*/
}
.message-links a:hover {
background-color: #29BBF2;
color: #F5F6FB;
/*border: 1px solid #F5F6FB;*/
}
#sidebar-group-list ul { #sidebar-group-list ul {
list-style-type: none; list-style-type: none;
@ -1605,4 +1689,5 @@ input#dfrn-url {
.sparkle { .sparkle {
cursor: crosshair; cursor: crosshair;
/* cursor: pointer !important; */
} }

44
view/theme/goldenrod/style.css
View File

@ -1,5 +1,49 @@
@import url('../default/style.css'); @import url('../default/style.css');
footer {
background: #CCC;
}
#banner {
color: #444444;
}
body {
background: #FFFFFF;
color: #000000;
}
.nav-selected {
background: #FFFFFF !important;
color: #888888 !important;
}
input:hover {
background-color: #FFEEBB;
color: #000000;
border: 1px solid #000000;
}
input, select {
background-color: #FFEEBB;
color: #000000;
}
.nav-link:hover, .nav-commlink:hover {
background: #FFDDAA;
color: #0000EE;
}
option {
background-color: #FFEEBB;
}
#page-footer {
border: none;
}
nav {
background: #FFEEBB;
}
body { body {
background: #FFDDAA; background: #FFDDAA;
color: #444444; color: #444444;