From 8ef81fc772a0e907751aa1003ac239cb01d05340 Mon Sep 17 00:00:00 2001 From: Mike Macgirvin Date: Thu, 19 Aug 2010 19:03:10 -0700 Subject: [PATCH] some quick theming --- view/theme/darkness/style.css | 32 ++++++++++++++++++++++++ view/theme/default/style.css | 47 ++++++----------------------------- view/theme/three-d/style.css | 35 ++++++++++++++++++++++++++ 3 files changed, 75 insertions(+), 39 deletions(-) create mode 100644 view/theme/darkness/style.css create mode 100644 view/theme/three-d/style.css diff --git a/view/theme/darkness/style.css b/view/theme/darkness/style.css new file mode 100644 index 0000000000..a93f87a905 --- /dev/null +++ b/view/theme/darkness/style.css @@ -0,0 +1,32 @@ +@import url('../default/style.css'); + +body { + background: #000000; + color: #FF0000; +} + +.nav-link { + color: #FF0000; + background: #888888; +} + +.nav-commlink { + color: #FF0000; + background: #888888; +} + +.profile-tabs { + color: #FF0000; + background: #888888; + +} + +a, a:visited { + color: #444444; + text-decoration: none; +} + +a:hover { + color: #FF0000; + text-decoration: underline; +} diff --git a/view/theme/default/style.css b/view/theme/default/style.css index 4c386afa61..53bbbd7a9e 100644 --- a/view/theme/default/style.css +++ b/view/theme/default/style.css @@ -33,11 +33,9 @@ blockquote:before { } body { - background: #FEFEFE; + background: #DDDDDD; color: #444444; font-family: "Lucida Grande", Tahoma, sans-serif; -/* letter-spacing: 1px; */ -/* font-family: verdana, sans-serif; */ font-size: 90%; margin-left: 10px; } @@ -113,14 +111,8 @@ footer { border: 1px solid #FF8888; background-color: #FFEEEE; padding: 10px; - -moz-box-shadow: 5px 5px 5px #888888; - -webkit-box-shadow: 5px 5px 5px #888888; - box-shadow: 5px 5px 5px #888888; - -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')"; - filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888'); - - } + .nav-link { float: right; margin-left: 0px; @@ -130,11 +122,6 @@ footer { background: #F4F4F4; font-size: 90%; font-weight: bold; - -moz-box-shadow: 5px 5px 5px #888888; - -webkit-box-shadow: 5px 5px 5px #888888; - box-shadow: 5px 5px 5px #888888; - -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')"; - filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888'); } @@ -164,13 +151,8 @@ footer { font-size: 90%; font-weight: bold; text-decoration: none; - -moz-box-shadow: 5px 5px 5px #888888; - -webkit-box-shadow: 5px 5px 5px #888888; - box-shadow: 5px 5px 5px #888888; - -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')"; - filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888'); - } + #nav-end { clear: both; } @@ -434,16 +416,13 @@ input#dfrn-url { #view-contact-end { clear: both; } - - #profile-edit-default-desc { color: #FF0000; border: 1px solid #FF8888; background-color: #FFEEEE; padding: 7px; - - } + #profile-edit-clone-link-wrapper { float: left; margin-left: 50px; @@ -453,7 +432,6 @@ input#dfrn-url { #profile-edit-drop-link-wrapper { float: left; - } #profile-edit-links-end { @@ -606,11 +584,7 @@ input#dfrn-url { .contact-entry-end { clear: both; } -/* -.contact-entry-nav-end { - clear: both; -} -*/ + #contact-edit-end { clear: both; } @@ -621,7 +595,7 @@ input#dfrn-url { .wall-item-content-wrapper.comment { margin-left: 50px; - background: #F7F7F7; + background: #CCCCCC; } .wall-item-photo-wrapper { @@ -692,13 +666,13 @@ input#dfrn-url { .comment-edit-wrapper { margin-top: 15px; - background: #F7F7F7; + background: #CCCCCC; margin-left: 50px; } .comment-wwedit-wrapper { margin-top: 15px; - background: #F7F7F7; + background: #CCCCCC; margin-left: 250px; } @@ -1088,11 +1062,6 @@ input#dfrn-url { background: #F4F4F4; font-size: 0.8em; font-weight: bold; - -moz-box-shadow: 5px 5px 5px #888888; - -webkit-box-shadow: 5px 5px 5px #888888; - box-shadow: 5px 5px 5px #888888; - -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')"; - filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888'); } #profile-tabs-end { diff --git a/view/theme/three-d/style.css b/view/theme/three-d/style.css new file mode 100644 index 0000000000..e885a70d32 --- /dev/null +++ b/view/theme/three-d/style.css @@ -0,0 +1,35 @@ +@import url('../default/style.css'); + +.error-message { + -moz-box-shadow: 5px 5px 5px #888888; + -webkit-box-shadow: 5px 5px 5px #888888; + box-shadow: 5px 5px 5px #888888; + -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')"; + filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888'); + +} + +.nav-link { + -moz-box-shadow: 5px 5px 5px #888888; + -webkit-box-shadow: 5px 5px 5px #888888; + box-shadow: 5px 5px 5px #888888; + -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')"; + filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888'); +} + +.nav-commlink { + -moz-box-shadow: 5px 5px 5px #888888; + -webkit-box-shadow: 5px 5px 5px #888888; + box-shadow: 5px 5px 5px #888888; + -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')"; + filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888'); + +} + +.profile-tabs { + -moz-box-shadow: 5px 5px 5px #888888; + -webkit-box-shadow: 5px 5px 5px #888888; + box-shadow: 5px 5px 5px #888888; + -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')"; + filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888'); +}