Skip to:
Content

BuddyPress.org

Ticket #3999: dark.patch

File dark.patch, 6.2 KB (added by johnjamesjacoby, 12 years ago)
  • bp-themes/bp-default-dark/style.css

     
     1/**
     2 * Theme Name: BuddyPress Default - Dark
     3 * Theme URI: http://buddypress.org/extend/themes/
     4 * Description: Clean and stylish, BuddyPress Default lets you build a social network straight out of the box. Make it yours with a custom menu, header image, and background. Along with five widgetized areas (one in the sidebar, four in the footer), BP-Default supports featured images (as custom header images on posts and pages) and is furnished with an optional one-column page template that removes the sidebar, and a stylesheet for the admin Visual Editor.
     5 * Version: 1.6-bleeding
     6 * Author: the BuddyPress team
     7 * Author URI: http://buddypress.org
     8 * License: GNU General Public License
     9 * License URI: license.txt
     10 * Template: bp-default
     11 * Tags: blue, buddypress, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, fixed-width, light, right-sidebar, rtl-language-support, sticky-post, threaded-comments, translation-ready, two-columns, white
     12 *
     13 */
     14 
     15 body, html {
     16         background: #555 !important;
     17         color: #ccc;
     18 }
     19 
     20 div#container {
     21         background: #888;
     22         border-right: 1px solid #444;
     23         border-bottom: 1px solid #444;
     24 }
     25 
     26div#header {
     27        background: #888;
     28        background: -moz-linear-gradient(top, #888 0%, #333 15%, #666 100%);
     29        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888), color-stop(15%,#333), color-stop(100%,#000));
     30        background: -webkit-linear-gradient(top, #888 0%,#333 15%,#000 100%);
     31        background: -o-linear-gradient(top, #888 0%,#888 15%,#000 100%);
     32        background: -ms-linear-gradient(top, #888 0%,#888 15%,#000 100%);
     33        background: linear-gradient(top, #888 0%,#888 15%,#000 100%);
     34        color: white;
     35}
     36
     37#nav li a {
     38        color: #ccc;
     39}
     40#nav li.selected a,
     41#nav > li.current-menu-item a,
     42#nav > li.current_page_item a,
     43#nav > li.current_page_ancestor a {
     44        background-color: #555;
     45        color: #eee;
     46}
     47
     48div#content .padder {
     49        border-right: 1px solid #444;
     50}
     51
     52div#sidebar {
     53        border-left: 1px solid #555;
     54}
     55
     56div#sidebar h3.widgettitle {
     57        background: #555;
     58}
     59
     60div#site-generator {
     61        color: #aaa;
     62        text-shadow: #333 -1px -1px 0;
     63}
     64
     65a {
     66        color: #ccc;
     67}
     68a:hover {
     69        color: #fff;
     70}
     71
     72img.avatar {
     73        border: 2px solid #333;
     74}
     75
     76div#item-header h2 a {
     77        color: #111;
     78}
     79span.user-nicename {
     80        color: #555;
     81}
     82
     83div.item-list-tabs {
     84        background-color: #555;
     85}
     86
     87div.item-list-tabs#subnav {
     88        background: #888;
     89        border-bottom: 1px solid #555;
     90}
     91
     92div.item-list-tabs ul li.selected a, div.item-list-tabs ul li.current a {
     93        background: #888;
     94        color: #eee;
     95}
     96
     97ul.item-list li {
     98        border-bottom: 1px solid #666;
     99}
     100
     101div.item-list-tabs ul li a span {
     102        background: #111;
     103}
     104
     105div.pagination {
     106        background-color: #777;
     107        color: #ccc;
     108}
     109
     110/** Activity ******************************************************************/
     111
     112#item-body form#whats-new-form h5 {
     113        color: #ccc;
     114}
     115#item-body form#whats-new-form {
     116        border-bottom: 1px solid #666;
     117}
     118
     119#item-body form#whats-new-form textarea {
     120        background: #666;
     121        color: #eee;
     122}
     123
     124div.activity-comments form.ac-form {
     125        background: #666;
     126        border: 1px solid #555;
     127}
     128
     129div.activity-comments form .ac-textarea {
     130        background: #888;
     131}
     132
     133div.activity-comments form .ac-textarea textarea {
     134        background: #888;
     135        color: #eee;
     136}
     137
     138div.activity-comments div.acomment-meta {
     139        color: #bbb;
     140}
     141
     142.acomment-options a {
     143        color: #333;
     144}
     145
     146.activity-list li .activity-inreplyto {
     147        color: #bbb;
     148}
     149
     150div.activity-comments > ul {
     151        background: #888;
     152}
     153
     154div.activity-comments ul li {
     155        border-top: 2px solid #777;
     156}
     157
     158.activity-list .activity-content .activity-header,
     159.activity-list .activity-content .comment-header {
     160        color: #eee;
     161}
     162
     163span.activity,
     164div#message p {
     165        border: 1px solid #666;
     166        background: #666;
     167        background: -moz-linear-gradient(top, #888 0%, #555 15%, #555 100%);
     168        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888), color-stop(15%,#555), color-stop(100%,#555));
     169        background: -webkit-linear-gradient(top, #888 0%,#555 15%,#555 100%);
     170        background: -o-linear-gradient(top, #888 0%,#555 15%,#555 100%);
     171        background: -ms-linear-gradient(top, #888 0%,#555 15%,#555 100%);
     172        background: linear-gradient(top, #888 0%,#555 15%,#555 100%);
     173}
     174
     175/** Forms *********************************************************************/
     176
     177.standard-form textarea,
     178.standard-form input[type="text"],
     179.standard-form select,
     180.standard-form input[type="password"],
     181.dir-search input[type="text"] {
     182        border: 1px inset #bbb;
     183        color: #eee;
     184        background: #777;
     185}
     186
     187button,
     188a.button,
     189input[type="submit"],
     190input[type="button"],
     191input[type="reset"],
     192ul.button-nav li a,
     193div.generic-button a,
     194.comment-reply-link {
     195        background: #111;
     196        background: -moz-linear-gradient(top, #888 0%, #333 15%, #666 100%);
     197        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888), color-stop(15%,#333), color-stop(100%,#000));
     198        background: -webkit-linear-gradient(top, #888 0%,#333 15%,#000 100%);
     199        background: -o-linear-gradient(top, #888 0%,#333 15%,#000 100%);
     200        background: -ms-linear-gradient(top, #888 0%,#333 15%,#000 100%);
     201        background: linear-gradient(top, #888 0%,#333 15%,#000 100%);
     202        border: 1px solid #555;
     203        color: #eee;
     204}
     205
     206button:hover,
     207a.button:hover,
     208input[type="submit"]:hover,
     209input[type="button"]:hover,
     210input[type="reset"]:hover,
     211ul.button-nav li a:hover,
     212div.generic-button a:hover,
     213.comment-reply-link:hover {
     214        background: #111;
     215        background: -moz-linear-gradient(top, #888 0%, #333 15%, #333 100%);
     216        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888), color-stop(15%,#333), color-stop(100%,#333));
     217        background: -webkit-linear-gradient(top, #888 0%,#333 15%,#333 100%);
     218        background: -o-linear-gradient(top, #888 0%,#333 15%,#333 100%);
     219        background: -ms-linear-gradient(top, #888 0%,#333 15%,#333 100%);
     220        background: linear-gradient(top, #888 0%,#333 15%,#333 100%);
     221        border: 1px solid #333;
     222        color: #fff;
     223}
     224
     225a.bp-primary-action span,
     226#reply-title small a span {
     227        background: #555;
     228        color: #eee;
     229}