From 83c18603bf9d8cbc29aee79639b8fa2c0509d2a7 Mon Sep 17 00:00:00 2001 From: Thomas Willingham Date: Thu, 6 Dec 2012 21:58:41 +0000 Subject: Make Red...red. Still lots to do. --- view/theme/redbasic/css/style.css | 115 ++++++++++++++++++++-------------- view/theme/redbasic/img/notify_on.png | Bin 0 -> 721 bytes 2 files changed, 69 insertions(+), 46 deletions(-) create mode 100644 view/theme/redbasic/img/notify_on.png diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css index afe2f8979..d2071baf7 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,8 @@ footer { } div.wall-item-content-wrapper.shiny { - background-image: url('../img/shiny.png'); - background-position: -5px 30px; - background-repeat:no-repeat; + background: #f4f4f4; + padding-right: 12px; } .preview { @@ -332,11 +331,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 +377,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 +386,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 +1132,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 { @@ -1183,6 +1187,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;*/ @@ -1231,8 +1241,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 +1263,7 @@ input#dfrn-url { .comment-edit-text-full { color: black; height: 150px; - width: 350px; + width: 80%; overflow: auto; } @@ -1694,34 +1707,36 @@ input#dfrn-url { } #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; } #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 +1770,14 @@ 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, #profile-jot-submit, .categories-selected { + border-radius: 5px; + -moz-border-radius: 5px; box-shadow: 4px 4px 3px 0 #444444; } .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 +1933,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 +2536,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 +2593,7 @@ aside input[type='text'] { padding: 0px 0px 5px 0px; font-size: 120%; font-weight: bold; + color: #dd0000; } .vcard .title { @@ -3445,6 +3463,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 +3495,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 +3524,7 @@ nav ul li { nav ul li .menu-popup { left: 0px; right: auto; + top: 33px; } nav .nav-menu-icon { position: relative; @@ -3576,12 +3600,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 +3612,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/notify_on.png b/view/theme/redbasic/img/notify_on.png new file mode 100644 index 000000000..18002e15c Binary files /dev/null and b/view/theme/redbasic/img/notify_on.png differ -- cgit v1.2.3 From f929ec32b01e5dbec4a0dbc8c2167d1293aae6f3 Mon Sep 17 00:00:00 2001 From: Thomas Willingham Date: Fri, 7 Dec 2012 09:51:10 +0000 Subject: Rounder corners, shadowier shadows, wall-item-tools, TinyMCE --- view/theme/redbasic/css/style.css | 39 +++++++++++++++++++++++---------------- 1 file changed, 23 insertions(+), 16 deletions(-) diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css index d2071baf7..731d2215d 100644 --- a/view/theme/redbasic/css/style.css +++ b/view/theme/redbasic/css/style.css @@ -295,7 +295,6 @@ footer { div.wall-item-content-wrapper.shiny { background: #f4f4f4; - padding-right: 12px; } .preview { @@ -1173,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; } @@ -1204,16 +1205,13 @@ width: 90%; /* 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; @@ -1706,12 +1704,28 @@ width: 90%; 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: 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:#000; @@ -3557,18 +3571,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; -- cgit v1.2.3 From 555226ada4946b78be5fa2966f5c8532a997953f Mon Sep 17 00:00:00 2001 From: Thomas Willingham Date: Fri, 7 Dec 2012 18:06:05 +0000 Subject: Make buttons better. --- view/theme/redbasic/css/style.css | 46 ++++++++++++++++++++++++++++++----- view/theme/redbasic/img/jotperms.png | Bin 0 -> 510 bytes 2 files changed, 40 insertions(+), 6 deletions(-) create mode 100644 view/theme/redbasic/img/jotperms.png diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css index 731d2215d..fe6992ab3 100644 --- a/view/theme/redbasic/css/style.css +++ b/view/theme/redbasic/css/style.css @@ -1281,6 +1281,7 @@ width: 90%; #profile-jot-plugin-wrapper, #profile-jot-submit-wrapper { margin-top: 15px; + width:90%; } #profile-jot-submit { @@ -1335,12 +1336,23 @@ width: 90%; } #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;*/ @@ -1784,11 +1796,32 @@ height: 100% !important; list-style: none; } -.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, #profile-jot-submit, .categories-selected { +.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: 5px; -moz-border-radius: 5px; @@ -3006,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 { @@ -3275,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; } diff --git a/view/theme/redbasic/img/jotperms.png b/view/theme/redbasic/img/jotperms.png new file mode 100644 index 000000000..d133a6e01 Binary files /dev/null and b/view/theme/redbasic/img/jotperms.png differ -- cgit v1.2.3 From d71a827d84134efe13473bb274e7a8f4623608e7 Mon Sep 17 00:00:00 2001 From: Thomas Willingham Date: Sat, 8 Dec 2012 00:44:30 +0000 Subject: Templates for theme settings. There is a 99% chance these do not work yet, even if you implement them. --- view/theme/redbasic/php/config.php | 80 ++++++++++++++++++++++++ view/theme/redbasic/php/style.php | 99 ++++++++++++++++++++++++++++++ view/theme/redbasic/tpl/theme_settings.tpl | 7 +++ 3 files changed, 186 insertions(+) create mode 100644 view/theme/redbasic/php/config.php create mode 100644 view/theme/redbasic/php/style.php create mode 100644 view/theme/redbasic/tpl/theme_settings.tpl 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 @@ + "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 @@ + + + -- cgit v1.2.3 From 7458bf945b5762524aec36ab20b1732cc25e0163 Mon Sep 17 00:00:00 2001 From: Thomas Willingham Date: Sat, 8 Dec 2012 19:26:46 +0000 Subject: Since other people are working on this too, add demonstrative placeholder CSS for mods that should probably have their own. --- view/theme/redbasic/css/mod_events.css | 0 view/theme/redbasic/css/mod_help.css | 1 + view/theme/redbasic/css/mod_lostpass.css | 1 + view/theme/redbasic/css/mod_message.css | 1 + view/theme/redbasic/css/mod_network.css | 1 + view/theme/redbasic/css/mod_profile.css | 1 + view/theme/redbasic/css/mod_register.css | 1 + 7 files changed, 6 insertions(+) create mode 100644 view/theme/redbasic/css/mod_events.css create mode 100644 view/theme/redbasic/css/mod_help.css create mode 100644 view/theme/redbasic/css/mod_lostpass.css create mode 100644 view/theme/redbasic/css/mod_message.css create mode 100644 view/theme/redbasic/css/mod_network.css create mode 100644 view/theme/redbasic/css/mod_profile.css create mode 100644 view/theme/redbasic/css/mod_register.css 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 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 @@ + -- cgit v1.2.3