├── README.txt ├── css ├── forms.css ├── layout.css └── tabs.css ├── images ├── button_bg.png ├── datepicker.gif ├── icon_sprite.png ├── progress_bar.gif ├── slider_h_bg.gif ├── slider_handles.png ├── slider_v_bg.gif ├── tab_bg.gif ├── the_gradient.gif ├── ui-bg_diagonals-thick_18_b81900_40x40.png ├── ui-bg_diagonals-thick_20_666666_40x40.png ├── ui-bg_flat_10_000000_40x100.png ├── ui-bg_glass_100_f6f6f6_1x400.png ├── ui-bg_glass_100_fdf5ce_1x400.png ├── ui-bg_glass_65_ffffff_1x400.png ├── ui-bg_gloss-wave_35_f6a828_500x100.png ├── ui-bg_highlight-soft_100_eeeeee_1x100.png ├── ui-bg_highlight-soft_75_ffe45c_1x100.png ├── ui-icons_222222_256x240.png ├── ui-icons_228ef1_256x240.png ├── ui-icons_ef8c08_256x240.png ├── ui-icons_ffd27a_256x240.png └── ui-icons_ffffff_256x240.png ├── logo.png ├── oxygen.info ├── scss ├── base.sass ├── base.scss ├── layout.sass ├── messages.scss └── typography.sass ├── template.php └── templates ├── blocks └── block.haml ├── html └── html.haml ├── nodes └── node.haml ├── pages └── page.haml └── views └── views-view.haml /README.txt: -------------------------------------------------------------------------------- 1 | The peroxide theme is a basic theme using the peroxide theme engine. 2 | The end goal is to make this a powerful base theme for quickly building 3 | out entire Drupal themes. 4 | 5 | To use the peroxide theme you must download and install the peroxide theme 6 | engine which can be found at https://github.com/codeincarnate/peroxide 7 | -------------------------------------------------------------------------------- /css/forms.css: -------------------------------------------------------------------------------- 1 | input.form-submit { 2 | background: -moz-linear-gradient(100% 100% 90deg, #FFF, #C4C4C4); 3 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#C4C4C4)); 4 | border: 1px solid #949494; 5 | -moz-border-radius: 5px; 6 | border-radius: 5px; 7 | color: #4F4F4F; 8 | cursor: pointer; 9 | font-weight: bold; 10 | font-size: 14px; 11 | padding: 5px 15px; 12 | text-shadow: #FFF 1px 1px 1px; 13 | } 14 | 15 | input.form-submit:hover { 16 | -moz-box-shadow: 0px 0px 3px 3px #D4D4D4; 17 | -webkit-box-shadow: 0px 0px 3px 3px #D4D4D4; 18 | box-shadow: 0px 0px 3px 3px #D4D4D4; 19 | } 20 | 21 | input.form-submit:active { 22 | background: -moz-linear-gradient(100% 100% 90deg, #C3C3C3, #FFF); 23 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C3C3C3), to(#FFF)); 24 | } 25 | 26 | input.form-text { 27 | border: 1px solid #F1F1F1; 28 | -moz-box-shadow: inset 0px 2px 2px #D4D4D4, inset 1px 0px 1px #D4D4D4; 29 | -webkit-box-shadow: inset 0px 2px 2px #D4D4D4, inset 1px 0px 1px #D4D4D4; 30 | box-shadow: inset 0px 2px 2px #D4D4D4, inset 1px 0px 1px #D4D4D4; 31 | color: #BDC7D3; 32 | padding: 3px 5px; 33 | } 34 | 35 | input.form-text:focus { 36 | -moz-box-shadow: 0px 0px 3px 3px #A1CAE2, inset 0px 2px 2px #D4D4D4, inset 1px 0px 1px #D4D4D4; 37 | -webkit-box-shadow: 0px 0px 3px 3px #A1CAE2, inset 0px 2px 2px #D4D4D4, inset 1px 0px 1px #D4D4D4; 38 | box-shadow: 0px 0px 3px 3px #A1CAE2, inset 0px 2px 2px #D4D4D4, inset 1px 0px 1px #D4D4D4; 39 | } -------------------------------------------------------------------------------- /css/layout.css: -------------------------------------------------------------------------------- 1 | /** 2 | * @file 3 | * BASE_THEME layout 4 | */ 5 | 6 | #page { 7 | margin: 0 auto; 8 | padding: 0 10px; 9 | width: 940px; 10 | } 11 | 12 | #sidebar-left, 13 | #main, 14 | #sidebar-right { 15 | float: left; 16 | } 17 | 18 | #sidebar-left, 19 | #sidebar-right { 20 | width: 20%; 21 | } 22 | 23 | body.front #sidebar-left, 24 | body.front #sidebar-right, 25 | body.front #middle-bar { 26 | float: left; 27 | width: 33%; 28 | } 29 | 30 | body.one-sidebar #main { 31 | width: 80%; 32 | } 33 | 34 | body.two-sidebars #main { 35 | width: 60%; 36 | } 37 | 38 | body.sidebar-left #main-squeeze { 39 | margin-left: 20px; 40 | } 41 | 42 | body.sidebar-right #main-squeeze { 43 | margin-right: 20px; 44 | } 45 | 46 | body.two-sidebars #main-squeeze { 47 | margin: 0 20px; 48 | } -------------------------------------------------------------------------------- /css/tabs.css: -------------------------------------------------------------------------------- 1 | .tabs { 2 | background: #FFFFFF; 3 | position: relative; 4 | padding: .2em; 5 | zoom: 1; 6 | -moz-border-radius: 0px; 7 | -webkit-border-radius: 0px; 8 | border-radius: 0px; 9 | border: 0px none; 10 | } 11 | 12 | /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ 13 | .tabs .tabs-primary { 14 | border-color: #a8a8a8; 15 | border-style: solid; 16 | border-width: 0px 0px 1px 0px; 17 | display: block; 18 | height: 32px; 19 | margin: 0; 20 | padding: 0; 21 | background: transparent; 22 | -moz-border-radius: 0px; 23 | -webkit-border-radius: 0px; 24 | border-radius: 0px; 25 | } 26 | 27 | .tabs .tabs-primary li { 28 | list-style: none; 29 | float: left; 30 | position: relative; 31 | top: 1px; 32 | margin: 0 .2em 1px 0; 33 | border-bottom: 0 !important; 34 | border: 1px solid #A8A8A8; 35 | padding: 0; 36 | white-space: nowrap; 37 | -moz-border-radius-topleft: 3px; 38 | -webkit-border-top-left-radius: 3px; 39 | border-top-left-radius: 3px; 40 | -moz-border-radius-topright: 3px; 41 | -webkit-border-top-right-radius: 3px; 42 | border-top-right-radius: 3px; 43 | } 44 | 45 | .tabs li a { 46 | float: left; 47 | padding: .5em 1em; 48 | text-decoration: none; 49 | font-size: 12px; 50 | } 51 | 52 | .tabs li.active { 53 | margin-bottom: 0; 54 | padding-bottom: 1px; 55 | } 56 | 57 | .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, 58 | .ui-tabs .ui-tabs-nav li.ui-state-disabled a, 59 | .ui-tabs .ui-tabs-nav li.ui-state-processing a { 60 | cursor: text; 61 | } 62 | 63 | .ui-tabs .ui-tabs-nav li a, 64 | .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 65 | cursor: pointer; 66 | } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ 67 | 68 | .ui-tabs .ui-tabs-panel { 69 | display: block; 70 | border: 0; 71 | padding: 1em 1.4em; 72 | background: none; 73 | font-size: 12px; 74 | border-color: #a8a8a8; 75 | border-width: 0px 1px 1px 1px; 76 | border-style: solid; 77 | -moz-border-radius: 0px; 78 | -webkit-border-radius: 0px; 79 | border-radius: 0px; 80 | } 81 | 82 | .ui-tabs .ui-tabs-hide { 83 | display: none !important; 84 | } 85 | 86 | .tabs li { 87 | background: #cccccc url(../images/button_bg.png) 0px 0px repeat-x; 88 | border-color: #a8a8a8; 89 | } 90 | 91 | .tabs li a { 92 | color: #4f4f4f !important; 93 | text-shadow: 0px 1px 0px 94 | rgba(255,255,255,0.8); 95 | } 96 | 97 | .tabs .tabs-primary li.active { 98 | background: #FFFFFF; 99 | } 100 | 101 | .ui-tabs-panel .ui-button { 102 | border-width: 0px; background: transparent; 103 | } -------------------------------------------------------------------------------- /images/button_bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeincarnate/oxygen/50ef4b20fb70fd6afd9c8d5d081b25a332e07824/images/button_bg.png -------------------------------------------------------------------------------- /images/datepicker.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeincarnate/oxygen/50ef4b20fb70fd6afd9c8d5d081b25a332e07824/images/datepicker.gif -------------------------------------------------------------------------------- /images/icon_sprite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeincarnate/oxygen/50ef4b20fb70fd6afd9c8d5d081b25a332e07824/images/icon_sprite.png -------------------------------------------------------------------------------- /images/progress_bar.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeincarnate/oxygen/50ef4b20fb70fd6afd9c8d5d081b25a332e07824/images/progress_bar.gif -------------------------------------------------------------------------------- /images/slider_h_bg.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeincarnate/oxygen/50ef4b20fb70fd6afd9c8d5d081b25a332e07824/images/slider_h_bg.gif -------------------------------------------------------------------------------- /images/slider_handles.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeincarnate/oxygen/50ef4b20fb70fd6afd9c8d5d081b25a332e07824/images/slider_handles.png -------------------------------------------------------------------------------- /images/slider_v_bg.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeincarnate/oxygen/50ef4b20fb70fd6afd9c8d5d081b25a332e07824/images/slider_v_bg.gif -------------------------------------------------------------------------------- /images/tab_bg.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeincarnate/oxygen/50ef4b20fb70fd6afd9c8d5d081b25a332e07824/images/tab_bg.gif -------------------------------------------------------------------------------- /images/the_gradient.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeincarnate/oxygen/50ef4b20fb70fd6afd9c8d5d081b25a332e07824/images/the_gradient.gif -------------------------------------------------------------------------------- /images/ui-bg_diagonals-thick_18_b81900_40x40.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeincarnate/oxygen/50ef4b20fb70fd6afd9c8d5d081b25a332e07824/images/ui-bg_diagonals-thick_18_b81900_40x40.png -------------------------------------------------------------------------------- /images/ui-bg_diagonals-thick_20_666666_40x40.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeincarnate/oxygen/50ef4b20fb70fd6afd9c8d5d081b25a332e07824/images/ui-bg_diagonals-thick_20_666666_40x40.png -------------------------------------------------------------------------------- /images/ui-bg_flat_10_000000_40x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeincarnate/oxygen/50ef4b20fb70fd6afd9c8d5d081b25a332e07824/images/ui-bg_flat_10_000000_40x100.png -------------------------------------------------------------------------------- /images/ui-bg_glass_100_f6f6f6_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeincarnate/oxygen/50ef4b20fb70fd6afd9c8d5d081b25a332e07824/images/ui-bg_glass_100_f6f6f6_1x400.png -------------------------------------------------------------------------------- /images/ui-bg_glass_100_fdf5ce_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeincarnate/oxygen/50ef4b20fb70fd6afd9c8d5d081b25a332e07824/images/ui-bg_glass_100_fdf5ce_1x400.png -------------------------------------------------------------------------------- /images/ui-bg_glass_65_ffffff_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeincarnate/oxygen/50ef4b20fb70fd6afd9c8d5d081b25a332e07824/images/ui-bg_glass_65_ffffff_1x400.png -------------------------------------------------------------------------------- /images/ui-bg_gloss-wave_35_f6a828_500x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeincarnate/oxygen/50ef4b20fb70fd6afd9c8d5d081b25a332e07824/images/ui-bg_gloss-wave_35_f6a828_500x100.png -------------------------------------------------------------------------------- /images/ui-bg_highlight-soft_100_eeeeee_1x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeincarnate/oxygen/50ef4b20fb70fd6afd9c8d5d081b25a332e07824/images/ui-bg_highlight-soft_100_eeeeee_1x100.png -------------------------------------------------------------------------------- /images/ui-bg_highlight-soft_75_ffe45c_1x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeincarnate/oxygen/50ef4b20fb70fd6afd9c8d5d081b25a332e07824/images/ui-bg_highlight-soft_75_ffe45c_1x100.png -------------------------------------------------------------------------------- /images/ui-icons_222222_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeincarnate/oxygen/50ef4b20fb70fd6afd9c8d5d081b25a332e07824/images/ui-icons_222222_256x240.png -------------------------------------------------------------------------------- /images/ui-icons_228ef1_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeincarnate/oxygen/50ef4b20fb70fd6afd9c8d5d081b25a332e07824/images/ui-icons_228ef1_256x240.png -------------------------------------------------------------------------------- /images/ui-icons_ef8c08_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeincarnate/oxygen/50ef4b20fb70fd6afd9c8d5d081b25a332e07824/images/ui-icons_ef8c08_256x240.png -------------------------------------------------------------------------------- /images/ui-icons_ffd27a_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeincarnate/oxygen/50ef4b20fb70fd6afd9c8d5d081b25a332e07824/images/ui-icons_ffd27a_256x240.png -------------------------------------------------------------------------------- /images/ui-icons_ffffff_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeincarnate/oxygen/50ef4b20fb70fd6afd9c8d5d081b25a332e07824/images/ui-icons_ffffff_256x240.png -------------------------------------------------------------------------------- /logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeincarnate/oxygen/50ef4b20fb70fd6afd9c8d5d081b25a332e07824/logo.png -------------------------------------------------------------------------------- /oxygen.info: -------------------------------------------------------------------------------- 1 | name = Oxygen 2 | description = A starter theme for the peroxide theme engine. 3 | version = VERSION 4 | core = 7.x 5 | engine = peroxide 6 | 7 | ; Regions 8 | regions[header] = Header 9 | regions[help] = Help 10 | regions[highlight] = Highlight 11 | regions[sidebar_first] = Sidebar First 12 | regions[sidebar_second] = Sidebar Second 13 | regions[content] = Content 14 | regions[page_top] = Page Top 15 | regions[page_bottom] = Page Bottom 16 | regions[indicators] = Indicators 17 | 18 | ; Add stylesheets 19 | stylesheets[all][] = css/style.css 20 | stylesheets[all][] = css/tabs.css 21 | stylesheets[all][] = css/forms.css 22 | 23 | ; Add Sass 24 | sass[all][] = scss/base.sass 25 | sass[all][] = scss/layout.sass 26 | sass[all][] = scss/messages.scss 27 | sass[all][] = scss/typography.sass 28 | 29 | ; Set parser options 30 | peroxide[options][sass][style] = "compact" 31 | 32 | -------------------------------------------------------------------------------- /scss/base.sass: -------------------------------------------------------------------------------- 1 | @import "compass/reset" 2 | @import "compass/utilities" 3 | @import "blueprint" -------------------------------------------------------------------------------- /scss/base.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeincarnate/oxygen/50ef4b20fb70fd6afd9c8d5d081b25a332e07824/scss/base.scss -------------------------------------------------------------------------------- /scss/layout.sass: -------------------------------------------------------------------------------- 1 | $blueprint-grid-columns : 24; 2 | $blueprint-grid-width : 30px; 3 | $blueprint-grid-margin : 10px; 4 | 5 | @import "blueprint/grid" 6 | 7 | #page 8 | +container() 9 | 10 | #container 11 | +container() 12 | 13 | #sidebar-left, #sidebar-right 14 | +column(6) 15 | 16 | #sidebar-right 17 | +last() 18 | 19 | body.one-sidebar #main 20 | +column(18) 21 | 22 | body.sidebar-left #main 23 | +last 24 | 25 | body.two-sidebars #main 26 | +column(12) -------------------------------------------------------------------------------- /scss/messages.scss: -------------------------------------------------------------------------------- 1 | @import "blueprint/colors"; 2 | 3 | .messages { 4 | ul { 5 | padding-left: 5px; 6 | li { 7 | background: none; 8 | padding-left: 0; 9 | } 10 | } 11 | } 12 | 13 | div.messages { 14 | background: #BBDDFF none repeat scroll 0 0; 15 | border: 1px solid #AACCEE; 16 | color: #003366; 17 | margin: 0 0 10px; 18 | padding: 9px; 19 | } 20 | 21 | div.status { 22 | background-color: $success-bg-color; 23 | border-color: $success-border-color; 24 | color: $success-color; 25 | } 26 | 27 | div.warning { 28 | background-color: $notice-bg-color; 29 | border-color: $notice-border-color; 30 | color: $notice-color; 31 | } 32 | 33 | div.error { 34 | background-color: $error-bg-color; 35 | border-color: $error-border-color; 36 | color: $error-color; 37 | } 38 | 39 | 40 | -------------------------------------------------------------------------------- /scss/typography.sass: -------------------------------------------------------------------------------- 1 | $blueprint-font-size: 14px 2 | 3 | @import "blueprint" 4 | 5 | body 6 | +blueprint-typography(true) -------------------------------------------------------------------------------- /template.php: -------------------------------------------------------------------------------- 1 | '. implode(' › ', $breadcrumb) .''; 14 | } 15 | } 16 | 17 | /** 18 | * Implementation of hook_preprocess_node(). 19 | */ 20 | function oxygen_preprocess_node(&$vars) { 21 | $node = $vars['node']; 22 | 23 | 24 | 25 | // Get node classes 26 | $node_classes = array(); 27 | $node_classes[] = "node-$node->type"; 28 | if ($node->sticky) { 29 | $node_classes[] = ' sticky'; 30 | } 31 | if (!$node->status) { 32 | $node_classes[] = 'node-unpublished'; 33 | } 34 | $vars['node_classes'] = implode(' ', $node_classes); 35 | 36 | // Get node ID 37 | $vars['id'] = "node-$node->nid"; 38 | 39 | } 40 | 41 | /** 42 | * Override or insert PHPTemplate variables into the templates. 43 | */ 44 | function oxygen_preprocess_page(&$vars) { 45 | 46 | //echo '
'; 47 | //var_dump($vars['tabs']); 48 | //echo ''; 49 | 50 | 51 | 52 | 53 | 54 | // Hook into color.module 55 | if (module_exists('color')) { 56 | _color_page_alter($vars); 57 | } 58 | } 59 | 60 | /** 61 | * Add a "Comments" heading above comments except on forum pages. 62 | */ 63 | function oxygen_preprocess_comment_wrapper(&$vars) { 64 | if ($vars['content'] && $vars['node']->type != 'forum') { 65 | $vars['content'] = '