This is the Cactus Bourbon Template. It is a barebones starting point for your project. It has all the files you need to set up a website, yet barely any pre-defined styles. If you’d like to start from scratch, this one’s for you.
7 |
{% endblock content%}
10 |
--------------------------------------------------------------------------------
/Compass Template/pages/index.html:
--------------------------------------------------------------------------------
1 | {% extends "base.html" %}
2 | {% block content %}
3 | Documentation
4 |
5 | This is the Cactus Compass Template. It is a barebones starting point for your project. It has all the files you need to set up a website, yet barely any pre-defined styles. If you’d like to start from scratch, this one’s for you.
7 |{% endblock content%}
10 |
--------------------------------------------------------------------------------
/Compass Template/static/lib/compass/stylesheets/compass/typography/text/_force-wrap.scss:
--------------------------------------------------------------------------------
1 | // Prevent long urls and text from breaking layouts
2 | // [originally from perishablepress.com](http://perishablepress.com/press/2010/06/01/wrapping-content/)
3 | @mixin force-wrap {
4 | white-space: pre; // CSS 2.0
5 | white-space: pre-wrap; // CSS 2.1
6 | white-space: pre-line; // CSS 3.0
7 | white-space: -pre-wrap; // Opera 4-6
8 | white-space: -o-pre-wrap; // Opera 7
9 | white-space: -moz-pre-wrap; // Mozilla
10 | white-space: -hp-pre-wrap; // HP Printers
11 | word-wrap: break-word; // IE 5+
12 | }
13 |
--------------------------------------------------------------------------------
/Compass Template/static/lib/compass/templates/pie/LICENSE:
--------------------------------------------------------------------------------
1 | Copyright 2010 Jason Johnston
2 |
3 | CSS3 PIE is licensed under the terms of the Apache License Version 2.0, or
4 | alternatively under the terms of the General Public License (GPL) Version 2.
5 | You may use PIE according to either of these licenses as is most appropriate
6 | for your project on a case-by-case basis.
7 |
8 | The terms of each license can be found in the main directory of the PIE source
9 | repository:
10 |
11 | Apache License: http://github.com/lojjic/PIE/blob/master/LICENSE-APACHE2.txt
12 | GPL2 License: http://github.com/lojjic/PIE/blob/master/LICENSE-GPL2.txt
13 |
--------------------------------------------------------------------------------
/Compass Blueprint Template/pages/index.html:
--------------------------------------------------------------------------------
1 | {% extends "base.html" %}
2 | {% block content %}
3 | Documentation
4 |
5 | This is the Cactus Compass Blueprint Template. It is a barebones starting point for your project. It has all the files you need to set up a website, yet barely any pre-defined styles. If you’d like to start from scratch, this one’s for you.
7 |{% endblock content%}
10 |
--------------------------------------------------------------------------------
/Compass Template/static/lib/compass/templates/pie/LICENSE-APACHE2.txt:
--------------------------------------------------------------------------------
1 | Copyright 2010 Jason Johnston
2 |
3 | Licensed under the Apache License, Version 2.0 (the "License");
4 | you may not use this file except in compliance with the License.
5 | You may obtain a copy of the License at
6 |
7 | http://www.apache.org/licenses/LICENSE-2.0
8 |
9 | Unless required by applicable law or agreed to in writing, software
10 | distributed under the License is distributed on an "AS IS" BASIS,
11 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12 | See the License for the specific language governing permissions and
13 | limitations under the License.
14 |
--------------------------------------------------------------------------------
/Compass Blueprint Template/static/css/partials/_base.scss:
--------------------------------------------------------------------------------
1 | // Here is where you can define your constants for your application and to configure the blueprint framework.
2 | // Feel free to delete these if you want keep the defaults:
3 |
4 | $blueprint-grid-columns: 24;
5 | $blueprint-container-size: 950px;
6 | $blueprint-grid-margin: 10px;
7 |
8 | // Use this to calculate the width based on the total width.
9 | // Or you can set $blueprint-grid-width to a fixed value and unset $blueprint-container-size -- it will be calculated for you.
10 | $blueprint-grid-width: ($blueprint-container-size + $blueprint-grid-margin) / $blueprint-grid-columns - $blueprint-grid-margin;
11 |
--------------------------------------------------------------------------------
/Compass Template/static/lib/compass/stylesheets/compass/utilities/_print.scss:
--------------------------------------------------------------------------------
1 | // Classes that are useful for controlling what gets printed.
2 | // You must mix `+print-utilities` into your print stylesheet
3 | // and `+print-utilities(screen)` into your screen stylesheet.
4 | // Note: these aren't semantic.
5 | @mixin print-utilities($media: print) {
6 | @if $media == print {
7 | .noprint, .no-print { display: none; }
8 | #{elements-of-type(block)} {
9 | &.print-only { display: block; }
10 | }
11 | #{elements-of-type(inline)} {
12 | &.print-only { display: inline; }
13 | }
14 | } @else {
15 | .print-only { display: none; }
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/Compass Template/static/lib/compass/stylesheets/compass/_css3.scss:
--------------------------------------------------------------------------------
1 | @import "css3/border-radius";
2 | @import "css3/inline-block";
3 | @import "css3/opacity";
4 | @import "css3/box-shadow";
5 | @import "css3/text-shadow";
6 | @import "css3/columns";
7 | @import "css3/box-sizing";
8 | @import "css3/box";
9 | @import "css3/images";
10 | @import "css3/background-clip";
11 | @import "css3/background-origin";
12 | @import "css3/background-size";
13 | @import "css3/font-face";
14 | @import "css3/transform";
15 | @import "css3/transition";
16 | @import "css3/appearance";
17 | @import "css3/regions";
18 | @import "css3/hyphenation";
19 | @import "css3/filter";
20 | @import "css3/user-interface";
21 |
--------------------------------------------------------------------------------
/Compass Blueprint Template/static/lib/blueprint/templates/semantic/partials/_base.sass:
--------------------------------------------------------------------------------
1 | // Here is where you can define your constants for your application and to configure the blueprint framework.
2 | // Feel free to delete these if you want keep the defaults:
3 |
4 | $blueprint-grid-columns : 24
5 | $blueprint-container-size : 950px
6 | $blueprint-grid-margin : 10px
7 |
8 | // Use this to calculate the width based on the total width.
9 | // Or you can set $blueprint-grid-width to a fixed value and unset $blueprint-container-size -- it will be calculated for you.
10 | $blueprint-grid-width: ($blueprint-container-size + $blueprint-grid-margin) / $blueprint-grid-columns - $blueprint-grid-margin
11 |
--------------------------------------------------------------------------------
/Bourbon Template/static/lib/bourbon/addons/_clearfix.scss:
--------------------------------------------------------------------------------
1 | // Micro clearfix provides an easy way to contain floats without adding additional markup
2 | //
3 | // Example usage:
4 | //
5 | // // Contain all floats within .wrapper
6 | // .wrapper {
7 | // @include clearfix;
8 | // .content,
9 | // .sidebar {
10 | // float : left;
11 | // }
12 | // }
13 |
14 | @mixin clearfix {
15 | *zoom: 1;
16 |
17 | &:before,
18 | &:after {
19 | content: " ";
20 | display: table;
21 | }
22 |
23 | &:after {
24 | clear: both;
25 | }
26 | }
27 |
28 | // Acknowledgements
29 | // Micro clearfix: [Nicolas Gallagher](http://nicolasgallagher.com/micro-clearfix-hack/)
30 |
--------------------------------------------------------------------------------
/Compass Blueprint Template/static/lib/blueprint/templates/project/partials/_base.sass:
--------------------------------------------------------------------------------
1 | // Here is where you can define your constants for your application and to configure the blueprint framework.
2 | // Feel free to delete these if you want keep the defaults:
3 |
4 | $blueprint-grid-columns : 24
5 | $blueprint-container-size : 950px
6 | $blueprint-grid-margin : 10px
7 |
8 | // Use this to calculate the width based on the total width.
9 | // Or you can set $blueprint-grid-width to a fixed value and unset $blueprint-container-size -- it will be calculated for you.
10 | $blueprint-grid-width: ($blueprint-container-size + $blueprint-grid-margin) / $blueprint-grid-columns - $blueprint-grid-margin
11 |
12 |
--------------------------------------------------------------------------------
/Bootstrap Template/static/css/bootstrap/_wells.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Wells
3 | // --------------------------------------------------
4 |
5 |
6 | // Base class
7 | .well {
8 | min-height: 20px;
9 | padding: 19px;
10 | margin-bottom: 20px;
11 | background-color: $well-bg;
12 | border: 1px solid $well-border;
13 | border-radius: $border-radius-base;
14 | @include box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
15 | blockquote {
16 | border-color: #ddd;
17 | border-color: rgba(0,0,0,.15);
18 | }
19 | }
20 |
21 | // Sizes
22 | .well-lg {
23 | padding: 24px;
24 | border-radius: $border-radius-large;
25 | }
26 | .well-sm {
27 | padding: 9px;
28 | border-radius: $border-radius-small;
29 | }
30 |
--------------------------------------------------------------------------------
/Bootstrap Template/static/css/bootstrap/_component-animations.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Component animations
3 | // --------------------------------------------------
4 |
5 | // Heads up!
6 | //
7 | // We don't use the `.opacity()` mixin here since it causes a bug with text
8 | // fields in IE7-8. Source: https://github.com/twitter/bootstrap/pull/3552.
9 |
10 | .fade {
11 | opacity: 0;
12 | @include transition(opacity .15s linear);
13 | &.in {
14 | opacity: 1;
15 | }
16 | }
17 |
18 | .collapse {
19 | display: none;
20 | &.in {
21 | display: block;
22 | }
23 | }
24 | .collapsing {
25 | position: relative;
26 | height: 0;
27 | overflow: hidden;
28 | @include transition(height .35s ease);
29 | }
30 |
--------------------------------------------------------------------------------
/Compass Blueprint Template/static/css/ie.scss:
--------------------------------------------------------------------------------
1 | @import "blueprint";
2 |
3 | // To generate css equivalent to the blueprint css but with your configuration applied, uncomment:
4 | // +blueprint-ie
5 |
6 | //Recommended Blueprint configuration with scoping and semantic layout:
7 | body.bp {
8 | @include blueprint-ie(true);
9 | // Note: Blueprint centers text to fix IE6 container centering.
10 | // This means all your texts will be centered under all version of IE by default.
11 | // If your container does not have the .container class, don't forget to restore
12 | // the correct behavior to your main container (but not the body tag!)
13 | // Example:
14 | // .my-container
15 | // text-align: left
16 | }
17 |
--------------------------------------------------------------------------------
/Bourbon Template/static/lib/bourbon/_bourbon-deprecated-upcoming.scss:
--------------------------------------------------------------------------------
1 | //************************************************************************//
2 | // These mixins/functions are deprecated
3 | // They will be removed in the next MAJOR version release
4 | //************************************************************************//
5 | @mixin box-shadow ($shadows...) {
6 | @include prefixer(box-shadow, $shadows, spec);
7 | @warn "box-shadow is deprecated and will be removed in the next major version release";
8 | }
9 |
10 | @mixin background-size ($lengths...) {
11 | @include prefixer(background-size, $lengths, spec);
12 | @warn "background-size is deprecated and will be removed in the next major version release";
13 | }
14 |
--------------------------------------------------------------------------------
/Compass Blueprint Template/static/lib/blueprint/templates/semantic/ie.sass:
--------------------------------------------------------------------------------
1 | @import blueprint
2 |
3 | // To generate css equivalent to the blueprint css but with your configuration applied, uncomment:
4 | // +blueprint-ie
5 |
6 | //Recommended Blueprint configuration with scoping and semantic layout:
7 | body.bp
8 | +blueprint-ie(true)
9 | // Note: Blueprint centers text to fix IE6 container centering.
10 | // This means all your texts will be centered under all version of IE by default.
11 | // If your container does not have the .container class, don't forget to restore
12 | // the correct behavior to your main container (but not the body tag!)
13 | // Example:
14 | // .my-container
15 | // text-align: left
16 |
17 |
--------------------------------------------------------------------------------
/Bourbon Template/static/lib/bourbon/css3/_placeholder.scss:
--------------------------------------------------------------------------------
1 | $placeholders: '-webkit-input-placeholder',
2 | '-moz-placeholder',
3 | '-ms-input-placeholder';
4 |
5 | @mixin placeholder {
6 | @each $placeholder in $placeholders {
7 | @if $placeholder == "-webkit-input-placeholder" {
8 | &::#{$placeholder} {
9 | @content;
10 | }
11 | }
12 | @else if $placeholder == "-moz-placeholder" {
13 | // FF 18-
14 | &:#{$placeholder} {
15 | @content;
16 | }
17 |
18 | // FF 19+
19 | &::#{$placeholder} {
20 | @content;
21 | }
22 | }
23 | @else {
24 | &:#{$placeholder} {
25 | @content;
26 | }
27 | }
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/Compass Blueprint Template/static/lib/blueprint/templates/project/ie.sass:
--------------------------------------------------------------------------------
1 | @import blueprint
2 |
3 | // To generate css equivalent to the blueprint css but with your configuration applied, uncomment:
4 | // @include blueprint-ie
5 |
6 | //Recommended Blueprint configuration with scoping and semantic layout:
7 | body.bp
8 | +blueprint-ie(true)
9 | // Note: Blueprint centers text to fix IE6 container centering.
10 | // This means all your texts will be centered under all version of IE by default.
11 | // If your container does not have the .container class, don't forget to restore
12 | // the correct behavior to your main container (but not the body tag!)
13 | // Example:
14 | // .my-container
15 | // text-align: left
16 |
17 |
--------------------------------------------------------------------------------
/Compass Blueprint Template/static/lib/blueprint/templates/semantic/partials/_page.sass:
--------------------------------------------------------------------------------
1 | // Import the non-default scaffolding module to help us get started.
2 | @import blueprint/scaffolding
3 |
4 | // This configuration will only apply the
5 | // blueprint styles to pages with a body class of "bp"
6 | // This makes it easier to have pages without blueprint styles
7 | // when you're using a single/combined stylesheet.
8 |
9 | body.bp
10 | +blueprint-typography(true)
11 | +blueprint-utilities
12 | +blueprint-debug
13 | +blueprint-interaction
14 | // Remove the scaffolding when you're ready to start doing visual design.
15 | // Or leave it in if you're happy with how blueprint looks out-of-the-box
16 | +blueprint-scaffolding
17 |
18 |
--------------------------------------------------------------------------------
/Compass Template/static/lib/compass/stylesheets/compass/css3/_user-interface.scss:
--------------------------------------------------------------------------------
1 | // User Interface ------------------------------------------------------------
2 | // This file can be expanded to handle all the user interface properties as
3 | // they become available in browsers:
4 | // http://www.w3.org/TR/2000/WD-css3-userint-20000216
5 | @import "shared";
6 |
7 |
8 | // This property controls the selection model and granularity of an element.
9 | //
10 | // @param $select
11 | // [ none | text | toggle | element | elements | all | inherit ]
12 | @mixin user-select($select) {
13 | $select: unquote($select);
14 | @include experimental(user-select, $select,
15 | -moz, -webkit, not -o, not -ms, -khtml, official
16 | );
17 | }
18 |
--------------------------------------------------------------------------------
/Bootstrap Template/static/css/bootstrap/_breadcrumbs.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Breadcrumbs
3 | // --------------------------------------------------
4 |
5 |
6 | .breadcrumb {
7 | padding: $breadcrumb-padding-vertical $breadcrumb-padding-horizontal;
8 | margin-bottom: $line-height-computed;
9 | list-style: none;
10 | background-color: $breadcrumb-bg;
11 | border-radius: $border-radius-base;
12 |
13 | > li {
14 | display: inline-block;
15 |
16 | + li:before {
17 | content: "#{$breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space
18 | padding: 0 5px;
19 | color: $breadcrumb-color;
20 | }
21 | }
22 |
23 | > .active {
24 | color: $breadcrumb-active-color;
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/Compass Blueprint Template/static/css/partials/_page.scss:
--------------------------------------------------------------------------------
1 | // Import the non-default scaffolding module to help us get started.
2 | @import "blueprint/scaffolding";
3 |
4 | // This configuration will only apply the
5 | // blueprint styles to pages with a body class of "bp"
6 | // This makes it easier to have pages without blueprint styles
7 | // when you're using a single/combined stylesheet.
8 |
9 | body.bp {
10 | @include blueprint-typography(true);
11 | @include blueprint-utilities;
12 | @include blueprint-debug;
13 | @include blueprint-interaction;
14 | // Remove the scaffolding when you're ready to start doing visual design.
15 | // Or leave it in if you're happy with how blueprint looks out-of-the-box
16 | @include blueprint-scaffolding;
17 | }
18 |
--------------------------------------------------------------------------------
/Framer Template/pages/error.html:
--------------------------------------------------------------------------------
1 | {% extends "base.html" %}
2 | {% block content %}
3 |
4 |
5 |
19 |
20 | 21 | Sorry the page could not be found on this server. 22 |
23 | {% endblock %} 24 | -------------------------------------------------------------------------------- /Bootstrap Template/pages/error.html: -------------------------------------------------------------------------------- 1 | {% extends "base.html" %} 2 | {% block content %} 3 | 4 | 5 | 19 | 20 |21 | Sorry the page could not be found on this server. 22 |
23 | {% endblock %} 24 | -------------------------------------------------------------------------------- /Bourbon Template/pages/error.html: -------------------------------------------------------------------------------- 1 | {% extends "base.html" %} 2 | {% block content %} 3 | 4 | 5 | 19 | 20 |21 | Sorry the page could not be found on this server. 22 |
23 | {% endblock %} 24 | -------------------------------------------------------------------------------- /Compass Template/pages/error.html: -------------------------------------------------------------------------------- 1 | {% extends "base.html" %} 2 | {% block content %} 3 | 4 | 5 | 19 | 20 |21 | Sorry the page could not be found on this server. 22 |
23 | {% endblock %} 24 | -------------------------------------------------------------------------------- /Compass Template/static/lib/compass/stylesheets/compass/css3/_opacity.scss: -------------------------------------------------------------------------------- 1 | @import "shared"; 2 | 3 | // Provides cross-browser CSS opacity. Takes a number between 0 and 1 as the argument, e.g. 0.5 for 50% opacity. 4 | // 5 | // @param $opacity 6 | // A number between 0 and 1, where 0 is transparent and 1 is opaque. 7 | 8 | @mixin opacity($opacity) { 9 | @if $legacy-support-for-ie6 or $legacy-support-for-ie7 or $legacy-support-for-ie8 { 10 | filter: unquote("progid:DXImageTransform.Microsoft.Alpha(Opacity=#{round($opacity * 100)})"); 11 | } 12 | opacity: $opacity; 13 | } 14 | 15 | // Make an element completely transparent. 16 | @mixin transparent { @include opacity(0); } 17 | 18 | // Make an element completely opaque. 19 | @mixin opaque { @include opacity(1); } 20 | -------------------------------------------------------------------------------- /Compass Blueprint Template/pages/error.html: -------------------------------------------------------------------------------- 1 | {% extends "base.html" %} 2 | {% block content %} 3 | 4 | 5 | 19 | 20 |21 | Sorry the page could not be found on this server. 22 |
23 | {% endblock %} 24 | -------------------------------------------------------------------------------- /Compass Blueprint Template/static/lib/blueprint/templates/link_icons/manifest.rb: -------------------------------------------------------------------------------- 1 | description "Icons for common types of links" 2 | 3 | stylesheet "link_icons.sass", :media => 'screen, projection' 4 | 5 | image 'link_icons/doc.png' 6 | image 'link_icons/email.png' 7 | image 'link_icons/external.png' 8 | image 'link_icons/feed.png' 9 | image 'link_icons/im.png' 10 | image 'link_icons/pdf.png' 11 | image 'link_icons/visited.png' 12 | image 'link_icons/xls.png' 13 | 14 | help %Q{ 15 | To install the link_icons plugin: 16 | compass init --using blueprint/link_icons 17 | 18 | The link_icons.sass file is just a recommendation to show you how to use the link mixins. 19 | } 20 | 21 | welcome_message %Q{ 22 | The link_icons.sass file is just a recommendation to show you how to use the link mixins. 23 | } 24 | -------------------------------------------------------------------------------- /Compass Template/static/lib/compass/stylesheets/compass/css3/_filter.scss: -------------------------------------------------------------------------------- 1 | @import "shared"; 2 | 3 | // Provides cross-browser support for the upcoming (?) css3 filter property. 4 | // 5 | // Each filter argument should adhere to the standard css3 syntax for the 6 | // filter property. 7 | @mixin filter ( 8 | $filter-1, 9 | $filter-2 : false, 10 | $filter-3 : false, 11 | $filter-4 : false, 12 | $filter-5 : false, 13 | $filter-6 : false, 14 | $filter-7 : false, 15 | $filter-8 : false, 16 | $filter-9 : false, 17 | $filter-10: false 18 | ) { 19 | $filter : compact($filter-1, $filter-2, $filter-3, $filter-4, $filter-5, $filter-6, $filter-7, $filter-8, $filter-9, $filter-10); 20 | @include experimental(filter, $filter, 21 | -moz, -webkit, not -o, not -ms, not -khtml, official 22 | ); 23 | } 24 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ### Cactus Templates Extras 2 | 3 | Extra templates for Cactus with integrations: 4 | 5 | - Compass 6 | - Compass Blueprint 7 | - Bourbon 8 | - Framer (http://www.framerjs.com) 9 | 10 | ### How to use with Cactus 11 | 12 | 1. Clone this repository to your local system 13 | 2. Copy the relevant template directory to a new directory. 14 | 3. Then in Cactus create a new project using 'Open existing...' option 15 | 4. Choose the directory you created in step 2. 16 | 5. That's it. 17 | 18 | ### What is Cactus 19 | 20 | Cactus is an open source static site generator with a nice app on the Mac. 21 | 22 | http://github.com/koenbok/Cactus 23 | http://cactusformac.com 24 | 25 | ### Contribute 26 | 27 | If you created a nice base template for Cactus that could be handy for others, please open a pull request. 28 | 29 | 30 | -------------------------------------------------------------------------------- /Compass Template/static/lib/compass/stylesheets/compass/typography/links/_link-colors.scss: -------------------------------------------------------------------------------- 1 | // Set all the colors for a link with one mixin call. 2 | // Order of arguments is: 3 | // 4 | // 1. normal 5 | // 2. hover 6 | // 3. active 7 | // 4. visited 8 | // 5. focus 9 | // 10 | // Those states not specified will inherit. 11 | // Mixin to an anchor link like so: 12 | // a 13 | // +link-colors(#00c, #0cc, #c0c, #ccc, #cc0) 14 | 15 | @mixin link-colors($normal, $hover: false, $active: false, $visited: false, $focus: false) { 16 | color: $normal; 17 | @if $visited { 18 | &:visited { 19 | color: $visited; } } 20 | @if $focus { 21 | &:focus { 22 | color: $focus; } } 23 | @if $hover { 24 | &:hover { 25 | color: $hover; } } 26 | @if $active { 27 | &:active { 28 | color: $active; } } } 29 | -------------------------------------------------------------------------------- /Compass Template/static/lib/compass/stylesheets/compass/css3/_inline-block.scss: -------------------------------------------------------------------------------- 1 | @import "shared"; 2 | 3 | // Set `$inline-block-alignment` to `none` or `false` to disable the output 4 | // of a vertical-align property in the inline-block mixin. 5 | // Or set it to a legal value for `vertical-align` to change the default. 6 | $inline-block-alignment: middle !default; 7 | 8 | // Provides a cross-browser method to implement `display: inline-block;` 9 | @mixin inline-block($alignment: $inline-block-alignment) { 10 | @if $legacy-support-for-mozilla { 11 | display: -moz-inline-stack; 12 | } 13 | display: inline-block; 14 | @if $alignment and $alignment != none { 15 | vertical-align: $alignment; 16 | } 17 | @if $legacy-support-for-ie { 18 | *vertical-align: auto; 19 | zoom: 1; 20 | *display: inline; 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /Bourbon Template/static/lib/bourbon/functions/_transition-property-name.scss: -------------------------------------------------------------------------------- 1 | // Return vendor-prefixed property names if appropriate 2 | // Example: transition-property-names((transform, color, background), moz) -> -moz-transform, color, background 3 | //************************************************************************// 4 | @function transition-property-names($props, $vendor: false) { 5 | $new-props: (); 6 | 7 | @each $prop in $props { 8 | $new-props: append($new-props, transition-property-name($prop, $vendor), comma); 9 | } 10 | 11 | @return $new-props; 12 | } 13 | 14 | @function transition-property-name($prop, $vendor: false) { 15 | // put other properties that need to be prefixed here aswell 16 | @if $vendor and $prop == transform { 17 | @return unquote('-'+$vendor+'-'+$prop); 18 | } 19 | @else { 20 | @return $prop; 21 | } 22 | } -------------------------------------------------------------------------------- /Bourbon Template/templates/base.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | {% block header %} 13 |15 | // +blueprint 16 | //17 | // 18 | // Scoped by a presentational class: 19 | //
20 | // body.blueprint 21 | // +blueprint(true) 22 | //23 | // 24 | // Scoped by semantic selectors: 25 | //
26 | // body#page-1, body#page-2, body.a-special-page-type 27 | // +blueprint(true) 28 | //29 | 30 | @mixin blueprint($nested: false) { 31 | @include blueprint-typography($nested); 32 | @include blueprint-utilities; 33 | @include blueprint-grid; 34 | @include blueprint-debug; 35 | @include blueprint-interaction; 36 | @include blueprint-form; 37 | } 38 | -------------------------------------------------------------------------------- /Bourbon Template/static/lib/bourbon/css3/_font-face.scss: -------------------------------------------------------------------------------- 1 | // Order of the includes matters, and it is: normal, bold, italic, bold+italic. 2 | 3 | @mixin font-face($font-family, $file-path, $weight: normal, $style: normal, $asset-pipeline: false ) { 4 | @font-face { 5 | font-family: $font-family; 6 | font-weight: $weight; 7 | font-style: $style; 8 | 9 | @if $asset-pipeline == true { 10 | src: font-url('#{$file-path}.eot'); 11 | src: font-url('#{$file-path}.eot?#iefix') format('embedded-opentype'), 12 | font-url('#{$file-path}.woff') format('woff'), 13 | font-url('#{$file-path}.ttf') format('truetype'), 14 | font-url('#{$file-path}.svg##{$font-family}') format('svg'); 15 | } @else { 16 | src: url('#{$file-path}.eot'); 17 | src: url('#{$file-path}.eot?#iefix') format('embedded-opentype'), 18 | url('#{$file-path}.woff') format('woff'), 19 | url('#{$file-path}.ttf') format('truetype'), 20 | url('#{$file-path}.svg##{$font-family}') format('svg'); 21 | } 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /Compass Template/static/lib/compass/stylesheets/compass/utilities/general/_float.scss: -------------------------------------------------------------------------------- 1 | // Implementation of float:left with fix for the 2 | // [double-margin bug in IE5/6](http://www.positioniseverything.net/explorer/doubled-margin.html) 3 | @mixin float-left { 4 | @include float(left); } 5 | 6 | // Implementation of float:right with fix for the 7 | // [double-margin bug in IE5/6](http://www.positioniseverything.net/explorer/doubled-margin.html) 8 | @mixin float-right { 9 | @include float(right); } 10 | 11 | // Direction independent float mixin that fixes the 12 | // [double-margin bug in IE5/6](http://www.positioniseverything.net/explorer/doubled-margin.html) 13 | @mixin float($side: left) { 14 | display: inline; 15 | float: unquote($side); } 16 | 17 | // Resets floated elements back to their default of `float: none` and defaults 18 | // to `display: block` unless you pass `inline` as an argument 19 | // 20 | // Usage Example: 21 | // 22 | // body.homepage 23 | // #footer li 24 | // +float-left 25 | // body.signup 26 | // #footer li 27 | // +reset-float 28 | @mixin reset-float($display: block) { 29 | float: none; 30 | display: $display; } -------------------------------------------------------------------------------- /Compass Template/static/lib/compass/stylesheets/compass/typography/lists/_bullets.scss: -------------------------------------------------------------------------------- 1 | // Turn off the bullet for an element of a list 2 | @mixin no-bullet { 3 | list-style-image : none; 4 | list-style-type : none; 5 | margin-left : 0; 6 | } 7 | 8 | // turns off the bullets for an entire list 9 | @mixin no-bullets { 10 | list-style: none; 11 | li { @include no-bullet; } 12 | } 13 | 14 | // Make a list(ul/ol) have an image bullet. 15 | // 16 | // The mixin should be used like this for an icon that is 5x7: 17 | // 18 | // ul.pretty 19 | // +pretty-bullets("my-icon.png", 5px, 7px) 20 | // 21 | // Additionally, if the image dimensions are not provided, 22 | // The image dimensions will be extracted from the image itself. 23 | // 24 | // ul.pretty 25 | // +pretty-bullets("my-icon.png") 26 | // 27 | @mixin pretty-bullets($bullet-icon, $width: image-width($bullet-icon), $height: image-height($bullet-icon), $line-height: 18px, $padding: 14px) { 28 | margin-left: 0; 29 | li { 30 | padding-left: $padding; 31 | background: image-url($bullet-icon) no-repeat ($padding - $width) / 2 ($line-height - $height) / 2; 32 | list-style-type: none; 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /Compass Blueprint Template/static/lib/blueprint/templates/semantic/manifest.rb: -------------------------------------------------------------------------------- 1 | description "The blueprint framework for use with semantic markup." 2 | 3 | stylesheet 'screen.sass', :media => 'screen, projection' 4 | stylesheet 'partials/_base.sass' 5 | stylesheet 'partials/_form.sass' 6 | stylesheet 'partials/_page.sass' 7 | stylesheet 'partials/_two_col.sass' 8 | stylesheet 'print.sass', :media => 'print' 9 | stylesheet 'ie.sass', :media => 'screen, projection', :condition => "lt IE 8" 10 | 11 | image 'grid.png' 12 | 13 | help %Q{ 14 | Please see the blueprint website for documentation on how blueprint works: 15 | 16 | http://blueprintcss.org/ 17 | 18 | Docs on the compass port of blueprint can be found on the wiki: 19 | 20 | http://wiki.github.com/chriseppstein/compass/blueprint-documentation 21 | } 22 | 23 | welcome_message %Q{ 24 | Please see the blueprint website for documentation on how blueprint works: 25 | 26 | http://blueprintcss.org/ 27 | 28 | Docs on the compass port of blueprint can be found on the wiki: 29 | 30 | http://wiki.github.com/chriseppstein/compass/blueprint-documentation 31 | 32 | To get started, edit the screen.sass file and read the comments and code there. 33 | } 34 | -------------------------------------------------------------------------------- /Framer Template/static/app-cs.coffee: -------------------------------------------------------------------------------- 1 | # Welcome to Framer 2 | 3 | # This is just demo code. Feel free to delete it all. 4 | 5 | # Create the logo view 6 | logoView = new ImageView 7 | width: 251 8 | height: 302 9 | image: "/static/images/framer-logo.png" 10 | 11 | # Place it center screen 12 | logoView.midX = window.innerWidth / 2 13 | logoView.midY = window.innerHeight / 2 - 100 14 | 15 | # Bounce on a click 16 | logoView.on "click", -> 17 | logoView.scale = 0.8 18 | logoView.animate 19 | properties: {scale: 1} 20 | curve: "spring(1000,15,1000)" 21 | 22 | return 23 | 24 | 25 | # Create the logo view 26 | instructionsView = new View 27 | x: logoView.x 28 | y: logoView.maxY + 30 29 | width: logoView.width 30 | height: 100 31 | 32 | # Add some handy links 33 | instructionsView.html = "To start editing, open the app-js.js or app-cs.coffee file in your text editor.
" 34 | instructionsView.html += "Documentation " 35 | instructionsView.html += "Examples" 36 | instructionsView.style = 37 | font: "15px/1.4em Helvetica" 38 | textAlign: "center" -------------------------------------------------------------------------------- /Compass Blueprint Template/static/lib/blueprint/stylesheets/blueprint/_utilities.scss: -------------------------------------------------------------------------------- 1 | @import "compass/typography/text/nowrap"; 2 | @import "compass/utilities/general/clearfix"; 3 | 4 | // Most of these utility classes are not "semantic". If you use them, 5 | // you are mixing your content and presentation. For shame! 6 | 7 | @mixin blueprint-utilities { 8 | // Regular clearing apply to column that should drop below previous ones. 9 | .clear { 10 | clear: both; } 11 | // turn off text wrapping for the element. 12 | .nowrap { 13 | @include nowrap; } 14 | // Apply to an element that has floated children to make the bottom 15 | // of the element fall _below_ the floated children. 16 | .clearfix { 17 | @include clearfix; } 18 | .small { 19 | font-size: 0.8em; 20 | margin-bottom: 1.875em; 21 | line-height: 1.875em; } 22 | .large { 23 | font-size: 1.2em; 24 | line-height: 2.5em; 25 | margin-bottom: 1.25em; } 26 | .first { 27 | margin-left: 0; 28 | padding-left: 0; } 29 | .last { 30 | margin-right: 0; 31 | padding-right: 0; } 32 | .top { 33 | margin-top: 0; 34 | padding-top: 0; } 35 | .bottom { 36 | margin-bottom: 0; 37 | padding-bottom: 0; } } 38 | -------------------------------------------------------------------------------- /Compass Blueprint Template/static/lib/blueprint/templates/basic/print.css: -------------------------------------------------------------------------------- 1 | body { 2 | line-height: 1.5; 3 | font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; 4 | color: black; 5 | background: none; 6 | font-size: 10pt; } 7 | 8 | .container { 9 | background: none; } 10 | 11 | hr { 12 | background: #cccccc; 13 | color: #cccccc; 14 | width: 100%; 15 | height: 2px; 16 | margin: 2em 0; 17 | padding: 0; 18 | border: none; } 19 | hr.space { 20 | background: white; 21 | color: white; } 22 | 23 | h1, h2, h3, h4, h5, h6 { 24 | font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; } 25 | 26 | code { 27 | font-size: 0.9em; 28 | font-family: "andale mono", "lucida console", monospace; } 29 | 30 | a img { 31 | border: none; } 32 | a:link, a:visited { 33 | background: transparent; 34 | font-weight: 700; 35 | text-decoration: underline; } 36 | 37 | p img.top { 38 | margin-top: 0; } 39 | 40 | blockquote { 41 | margin: 1.5em; 42 | padding: 1em; 43 | font-style: italic; 44 | font-size: 0.9em; } 45 | 46 | .small { 47 | font-size: 0.9em; } 48 | 49 | .large { 50 | font-size: 1.1em; } 51 | 52 | .quiet { 53 | color: #999999; } 54 | 55 | .hide { 56 | display: none; } 57 | -------------------------------------------------------------------------------- /Framer Template/static/app-cs.js: -------------------------------------------------------------------------------- 1 | (function() { 2 | var instructionsView, logoView; 3 | 4 | logoView = new ImageView({ 5 | width: 251, 6 | height: 302, 7 | image: "/static/images/framer-logo.png" 8 | }); 9 | 10 | logoView.midX = window.innerWidth / 2; 11 | 12 | logoView.midY = window.innerHeight / 2 - 100; 13 | 14 | logoView.on("click", function() { 15 | logoView.scale = 0.8; 16 | logoView.animate({ 17 | properties: { 18 | scale: 1 19 | }, 20 | curve: "spring(1000,15,1000)" 21 | }); 22 | }); 23 | 24 | instructionsView = new View({ 25 | x: logoView.x, 26 | y: logoView.maxY + 30, 27 | width: logoView.width, 28 | height: 100 29 | }); 30 | 31 | instructionsView.html = "To start editing, open the app-js.js or app-cs.coffee file in your text editor.
"; 32 | 33 | instructionsView.html += "Documentation "; 34 | 35 | instructionsView.html += "Examples"; 36 | 37 | instructionsView.style = { 38 | font: "15px/1.4em Helvetica", 39 | textAlign: "center" 40 | }; 41 | 42 | }).call(this); 43 | -------------------------------------------------------------------------------- /Bourbon Template/plugins/bourbon.py: -------------------------------------------------------------------------------- 1 | import os 2 | import pipes 3 | import subprocess 4 | import logging 5 | 6 | def run(command): 7 | 8 | logger = logging.getLogger(__name__) 9 | 10 | logger.debug(command) 11 | 12 | # logger.info(os.environ['PATH']) 13 | 14 | process = subprocess.Popen([command], 15 | shell=True, 16 | stdin=subprocess.PIPE, 17 | stdout=subprocess.PIPE, 18 | stderr=subprocess.PIPE) 19 | 20 | stdout = process.stdout.readline() 21 | stderr = process.stderr.readline() 22 | 23 | if stdout: logger.info(stdout) 24 | if stderr: logger.warning(stderr) 25 | 26 | def preBuild(site): 27 | 28 | scss_import_path = os.path.join(site.static_path, "lib", "bourbon") 29 | 30 | run('find %s -name "*.scss" -not -name "_*" -exec scss -C --update --compass --load-path %s {} \;' % \ 31 | (pipes.quote(site.static_path), pipes.quote(scss_import_path))) 32 | 33 | run('find %s -name "*.sass" -not -name "_*" -exec scss -C --sass --update --compass --load-path %s {} \;' % \ 34 | (pipes.quote(site.static_path), pipes.quote(scss_import_path))) 35 | 36 | run('find %s -name "*.coffee" -exec coffee -c {} \;' % pipes.quote(site.static_path)) 37 | -------------------------------------------------------------------------------- /Compass Template/plugins/compass.py: -------------------------------------------------------------------------------- 1 | import os 2 | import pipes 3 | import subprocess 4 | import logging 5 | 6 | def run(command): 7 | 8 | logger = logging.getLogger(__name__) 9 | 10 | logger.debug(command) 11 | 12 | # logger.info(os.environ['PATH']) 13 | 14 | process = subprocess.Popen([command], 15 | shell=True, 16 | stdin=subprocess.PIPE, 17 | stdout=subprocess.PIPE, 18 | stderr=subprocess.PIPE) 19 | 20 | stdout = process.stdout.readline() 21 | stderr = process.stderr.readline() 22 | 23 | if stdout: logger.info(stdout) 24 | if stderr: logger.warning(stderr) 25 | 26 | def preBuild(site): 27 | 28 | scss_import_path = os.path.join(site.static_path, "lib", "compass") 29 | 30 | run('find %s -name "*.scss" -not -name "_*" -exec scss -C --update --compass --load-path %s {} \;' % \ 31 | (pipes.quote(site.static_path), pipes.quote(scss_import_path))) 32 | 33 | run('find %s -name "*.sass" -not -name "_*" -exec scss -C --sass --update --compass --load-path %s {} \;' % \ 34 | (pipes.quote(site.static_path), pipes.quote(scss_import_path))) 35 | 36 | run('find %s -name "*.coffee" -exec coffee -c {} \;' % pipes.quote(site.static_path)) 37 | -------------------------------------------------------------------------------- /Compass Template/static/lib/compass/stylesheets/compass/utilities/color/_contrast.scss: -------------------------------------------------------------------------------- 1 | $contrasted-dark-default: #000 !default; 2 | $contrasted-light-default: #fff !default; 3 | $contrasted-lightness-threshold: 30% !default; 4 | 5 | // Returns the `$light` color when the `$color` is dark 6 | // and the `$dark` color when the `$color` is light. 7 | // The `$threshold` is a percent between `0%` and `100%` and it determines 8 | // when the lightness of `$color` changes from "dark" to "light". 9 | @function contrast-color( 10 | $color, 11 | $dark: $contrasted-dark-default, 12 | $light: $contrasted-light-default, 13 | $threshold: $contrasted-lightness-threshold 14 | ) { 15 | @return if(lightness($color) < $threshold, $light, $dark) 16 | } 17 | 18 | // Sets the specified background color and calculates a dark or light contrasted text color. 19 | // The arguments are passed through to the [contrast-color function](#function-contrast-color). 20 | @mixin contrasted( 21 | $background-color, 22 | $dark: $contrasted-dark-default, 23 | $light: $contrasted-light-default, 24 | $threshold: $contrasted-lightness-threshold 25 | ) { 26 | background-color: $background-color; 27 | color: contrast-color($background-color, $dark, $light, $threshold); 28 | } -------------------------------------------------------------------------------- /Compass Blueprint Template/plugins/compass.py: -------------------------------------------------------------------------------- 1 | import os 2 | import pipes 3 | import subprocess 4 | import logging 5 | 6 | def run(command): 7 | 8 | logger = logging.getLogger(__name__) 9 | 10 | logger.debug(command) 11 | 12 | # logger.info(os.environ['PATH']) 13 | 14 | process = subprocess.Popen([command], 15 | shell=True, 16 | stdin=subprocess.PIPE, 17 | stdout=subprocess.PIPE, 18 | stderr=subprocess.PIPE) 19 | 20 | stdout = process.stdout.readline() 21 | stderr = process.stderr.readline() 22 | 23 | if stdout: logger.info(stdout) 24 | if stderr: logger.warning(stderr) 25 | 26 | def preBuild(site): 27 | 28 | scss_import_path = os.path.join(site.static_path, "lib", "blueprint") 29 | 30 | run('find %s -name "*.scss" -not -name "_*" -exec scss -C --update --compass --load-path %s {} \;' % \ 31 | (pipes.quote(site.static_path), pipes.quote(scss_import_path))) 32 | 33 | run('find %s -name "*.sass" -not -name "_*" -exec scss -C --sass --update --compass --load-path %s {} \;' % \ 34 | (pipes.quote(site.static_path), pipes.quote(scss_import_path))) 35 | 36 | run('find %s -name "*.coffee" -exec coffee -c {} \;' % pipes.quote(site.static_path)) 37 | -------------------------------------------------------------------------------- /Framer Template/templates/base.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | {% block header %} 19 |
"; 33 | // instructionsView.html += "Documentation "; 34 | // instructionsView.html += "Examples"; 35 | // instructionsView.style = { 36 | // font: "15px/1.4em Helvetica", 37 | // textAlign: "center" 38 | // } 39 | -------------------------------------------------------------------------------- /Bourbon Template/static/lib/bourbon/addons/_triangle.scss: -------------------------------------------------------------------------------- 1 | @mixin triangle ($size, $color, $direction) { 2 | height: 0; 3 | width: 0; 4 | 5 | @if ($direction == up) or ($direction == down) or ($direction == right) or ($direction == left) { 6 | border-color: transparent; 7 | border-style: solid; 8 | border-width: $size / 2; 9 | 10 | @if $direction == up { 11 | border-bottom-color: $color; 12 | 13 | } @else if $direction == right { 14 | border-left-color: $color; 15 | 16 | } @else if $direction == down { 17 | border-top-color: $color; 18 | 19 | } @else if $direction == left { 20 | border-right-color: $color; 21 | } 22 | } 23 | 24 | @else if ($direction == up-right) or ($direction == up-left) { 25 | border-top: $size solid $color; 26 | 27 | @if $direction == up-right { 28 | border-left: $size solid transparent; 29 | 30 | } @else if $direction == up-left { 31 | border-right: $size solid transparent; 32 | } 33 | } 34 | 35 | @else if ($direction == down-right) or ($direction == down-left) { 36 | border-bottom: $size solid $color; 37 | 38 | @if $direction == down-right { 39 | border-left: $size solid transparent; 40 | 41 | } @else if $direction == down-left { 42 | border-right: $size solid transparent; 43 | } 44 | } 45 | } 46 | -------------------------------------------------------------------------------- /Bootstrap Template/templates/base.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 |
Hello, world!
24 | {% endblock %} 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /Compass Template/static/lib/compass/stylesheets/compass/css3/_background-clip.scss: -------------------------------------------------------------------------------- 1 | @import "shared"; 2 | 3 | // The default value is `padding-box` -- the box model used by modern browsers. 4 | // 5 | // If you wish to do so, you can override the default constant with `border-box` 6 | // 7 | // To override to the default border-box model, use this code: 8 | // $default-background-clip: border-box 9 | 10 | $default-background-clip: padding-box !default; 11 | 12 | // Clip the background (image and color) at the edge of the padding or border. 13 | // 14 | // Legal Values: 15 | // 16 | // * padding-box 17 | // * border-box 18 | // * text 19 | 20 | @mixin background-clip($clip: $default-background-clip) { 21 | // webkit and mozilla use the deprecated short [border | padding] 22 | $clip: unquote($clip); 23 | $deprecated: $clip; 24 | @if $clip == padding-box { $deprecated: padding; } 25 | @if $clip == border-box { $deprecated: border; } 26 | // Support for webkit and mozilla's use of the deprecated short form 27 | @include experimental(background-clip, $deprecated, 28 | -moz, 29 | -webkit, 30 | not -o, 31 | not -ms, 32 | not -khtml, 33 | not official 34 | ); 35 | @include experimental(background-clip, $clip, 36 | not -moz, 37 | not -webkit, 38 | not -o, 39 | not -ms, 40 | -khtml, 41 | official 42 | ); 43 | } 44 | -------------------------------------------------------------------------------- /Bootstrap Template/pages/index.html: -------------------------------------------------------------------------------- 1 | {% extends "base.html" %} 2 | {% block content %} 3 | 4 | 24 | 25 |
26 |
27 |
37 |
38 | {% endblock content%}
39 |
--------------------------------------------------------------------------------
/Compass Blueprint Template/static/lib/blueprint/templates/project/print.css:
--------------------------------------------------------------------------------
1 | body.bp {
2 | line-height: 1.5;
3 | font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
4 | color: black;
5 | background: none;
6 | font-size: 10pt; }
7 | body.bp .container {
8 | background: none; }
9 | body.bp hr {
10 | background: #cccccc;
11 | color: #cccccc;
12 | width: 100%;
13 | height: 2px;
14 | margin: 2em 0;
15 | padding: 0;
16 | border: none; }
17 | body.bp hr.space {
18 | background: white;
19 | color: white; }
20 | body.bp h1, body.bp h2, body.bp h3, body.bp h4, body.bp h5, body.bp h6 {
21 | font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }
22 | body.bp code {
23 | font-size: 0.9em;
24 | font-family: "andale mono", "lucida console", monospace; }
25 | body.bp a img {
26 | border: none; }
27 | body.bp a:link, body.bp a:visited {
28 | background: transparent;
29 | font-weight: 700;
30 | text-decoration: underline; }
31 | body.bp p img.top {
32 | margin-top: 0; }
33 | body.bp blockquote {
34 | margin: 1.5em;
35 | padding: 1em;
36 | font-style: italic;
37 | font-size: 0.9em; }
38 | body.bp .small {
39 | font-size: 0.9em; }
40 | body.bp .large {
41 | font-size: 1.1em; }
42 | body.bp .quiet {
43 | color: #999999; }
44 | body.bp .hide {
45 | display: none; }
46 |
--------------------------------------------------------------------------------
/Compass Blueprint Template/static/lib/blueprint/templates/semantic/print.css:
--------------------------------------------------------------------------------
1 | body.bp {
2 | line-height: 1.5;
3 | font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
4 | color: black;
5 | background: none;
6 | font-size: 10pt; }
7 | body.bp .container {
8 | background: none; }
9 | body.bp hr {
10 | background: #cccccc;
11 | color: #cccccc;
12 | width: 100%;
13 | height: 2px;
14 | margin: 2em 0;
15 | padding: 0;
16 | border: none; }
17 | body.bp hr.space {
18 | background: white;
19 | color: white; }
20 | body.bp h1, body.bp h2, body.bp h3, body.bp h4, body.bp h5, body.bp h6 {
21 | font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }
22 | body.bp code {
23 | font-size: 0.9em;
24 | font-family: "andale mono", "lucida console", monospace; }
25 | body.bp a img {
26 | border: none; }
27 | body.bp a:link, body.bp a:visited {
28 | background: transparent;
29 | font-weight: 700;
30 | text-decoration: underline; }
31 | body.bp p img.top {
32 | margin-top: 0; }
33 | body.bp blockquote {
34 | margin: 1.5em;
35 | padding: 1em;
36 | font-style: italic;
37 | font-size: 0.9em; }
38 | body.bp .small {
39 | font-size: 0.9em; }
40 | body.bp .large {
41 | font-size: 1.1em; }
42 | body.bp .quiet {
43 | color: #999999; }
44 | body.bp .hide {
45 | display: none; }
46 |
--------------------------------------------------------------------------------
/Bootstrap Template/static/css/bootstrap/_labels.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Labels
3 | // --------------------------------------------------
4 |
5 | .label {
6 | display: inline;
7 | padding: .2em .6em .3em;
8 | font-size: 75%;
9 | font-weight: bold;
10 | line-height: 1;
11 | color: $label-color;
12 | text-align: center;
13 | white-space: nowrap;
14 | vertical-align: baseline;
15 | border-radius: .25em;
16 |
17 | // Add hover effects, but only for links
18 | &[href] {
19 | &:hover,
20 | &:focus {
21 | color: $label-link-hover-color;
22 | text-decoration: none;
23 | cursor: pointer;
24 | }
25 | }
26 |
27 | // Empty labels collapse automatically (not available in IE8)
28 | &:empty {
29 | display: none;
30 | }
31 |
32 | // Quick fix for labels in buttons
33 | .btn & {
34 | position: relative;
35 | top: -1px;
36 | }
37 | }
38 |
39 | // Colors
40 | // Contextual variations (linked labels get darker on :hover)
41 |
42 | .label-default {
43 | @include label-variant($label-default-bg);
44 | }
45 |
46 | .label-primary {
47 | @include label-variant($label-primary-bg);
48 | }
49 |
50 | .label-success {
51 | @include label-variant($label-success-bg);
52 | }
53 |
54 | .label-info {
55 | @include label-variant($label-info-bg);
56 | }
57 |
58 | .label-warning {
59 | @include label-variant($label-warning-bg);
60 | }
61 |
62 | .label-danger {
63 | @include label-variant($label-danger-bg);
64 | }
65 |
--------------------------------------------------------------------------------
/Bourbon Template/static/lib/bourbon/css3/_transition.scss:
--------------------------------------------------------------------------------
1 | // Shorthand mixin. Supports multiple parentheses-deliminated values for each variable.
2 | // Example: @include transition (all, 2.0s, ease-in-out);
3 | // @include transition ((opacity, width), (1.0s, 2.0s), ease-in, (0, 2s));
4 | // @include transition ($property:(opacity, width), $delay: (1.5s, 2.5s));
5 |
6 | @mixin transition ($properties...) {
7 | @if length($properties) >= 1 {
8 | @include prefixer(transition, $properties, webkit moz spec);
9 | }
10 |
11 | @else {
12 | $properties: all 0.15s ease-out 0;
13 | @include prefixer(transition, $properties, webkit moz spec);
14 | }
15 | }
16 |
17 | @mixin transition-property ($properties...) {
18 | -webkit-transition-property: transition-property-names($properties, 'webkit');
19 | -moz-transition-property: transition-property-names($properties, 'moz');
20 | transition-property: transition-property-names($properties, false);
21 | }
22 |
23 | @mixin transition-duration ($times...) {
24 | @include prefixer(transition-duration, $times, webkit moz spec);
25 | }
26 |
27 | @mixin transition-timing-function ($motions...) {
28 | // ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier()
29 | @include prefixer(transition-timing-function, $motions, webkit moz spec);
30 | }
31 |
32 | @mixin transition-delay ($times...) {
33 | @include prefixer(transition-delay, $times, webkit moz spec);
34 | }
35 |
--------------------------------------------------------------------------------
/Compass Blueprint Template/static/lib/blueprint/templates/semantic/partials/_two_col.sass:
--------------------------------------------------------------------------------
1 | // Page layout can be done using mixins applied to your semantic classes and IDs
2 | // For instance this layout defines a two column layout on pages with
3 | // a body class of "two-col".
4 | //
5 | // The markup would look like:
6 | //
28 |
35 |
36 | Bootstrap Cactus starter template
29 |Use this document as a way to quickly start any new project.
All you get is this text and a mostly barebones HTML document.
7 | //
8 | //
9 | //
10 | //
11 | //
12 | //
13 | // and the layout would look like:
14 | // +------------------------+
15 | // | #header |
16 | // +--------+---------------+
17 | // | | |
18 | // |#sidebar| #content |
19 | // | | |
20 | // +------------------------+
21 | // | #footer |
22 | // +--------+---------------+
23 |
24 | body.two-col
25 | #container
26 | +container
27 | #header, #footer
28 | +column($blueprint-grid-columns)
29 | #sidebar
30 | // One third of the grid columns, rounding down. With 24 cols, this is 8.
31 | $sidebar-columns: floor($blueprint-grid-columns / 3)
32 | +column($sidebar-columns)
33 | #content
34 | // Two thirds of the grid columns, rounding up.
35 | // With 24 cols, this is 16.
36 | $content-columns: ceil(2 * $blueprint-grid-columns / 3)
37 | // true means it's the last column in the row
38 | +column($content-columns, true)
39 |
--------------------------------------------------------------------------------
/Compass Template/static/lib/compass/stylesheets/compass/typography/lists/_inline-list.scss:
--------------------------------------------------------------------------------
1 | // makes a list inline.
2 |
3 | @mixin inline-list {
4 | list-style-type: none;
5 | &, & li {
6 | margin: 0px;
7 | padding: 0px;
8 | display: inline;
9 | }
10 | }
11 |
12 | // makes an inline list delimited with the passed string.
13 | // Defaults to making a comma-separated list.
14 | //
15 | // Please make note of the browser support issues before using this mixin:
16 | //
17 | // use of `content` and `:after` is not fully supported in all browsers.
18 | // See quirksmode for the [support matrix](http://www.quirksmode.org/css/contents.html#t15)
19 | //
20 | // `:last-child` is not fully supported.
21 | // see quirksmode for the [support matrix](http://www.quirksmode.org/css/contents.html#t29).
22 | //
23 | // IE8 ignores rules that are included on the same line as :last-child
24 | // see http://www.richardscarrott.co.uk/posts/view/ie8-last-child-bug for details
25 |
26 | @mixin delimited-list($separator: ", ") {
27 | @include inline-list;
28 | li {
29 | &:after { content: $separator; }
30 | &:last-child {
31 | &:after { content: ""; }
32 | }
33 | &.last {
34 | &:after { content: ""; }
35 | }
36 | }
37 | }
38 |
39 | // See [delimited-list](#mixin-delimited-list)
40 | // @deprecated
41 | @mixin comma-delimited-list {
42 | @warn "comma-delimited-list is deprecated. Please use delimited-list instead.";
43 | @include delimited-list;
44 | }
45 |
--------------------------------------------------------------------------------
/Bourbon Template/static/lib/bourbon/css3/_columns.scss:
--------------------------------------------------------------------------------
1 | @mixin columns($arg: auto) {
2 | //
7 | //
8 | //
9 | //
10 | //
11 | //
12 | //
13 | // and the layout would look like:
14 | // +------------------------+
15 | // | #header |
16 | // +--------+---------------+
17 | // | | |
18 | // |#sidebar| #content |
19 | // | | |
20 | // +------------------------+
21 | // | #footer |
22 | // +--------+---------------+
23 |
24 | body.two-col {
25 | #container {
26 | @include container;
27 | }
28 | #header, #footer {
29 | @include column($blueprint-grid-columns);
30 | }
31 | #sidebar {
32 | // One third of the grid columns, rounding down. With 24 cols, this is 8.
33 | $sidebar-columns: floor($blueprint-grid-columns / 3);
34 | @include column($sidebar-columns);
35 | }
36 | #content {
37 | // Two thirds of the grid columns, rounding up.
38 | // With 24 cols, this is 16.
39 | $content-columns: ceil(2 * $blueprint-grid-columns / 3);
40 | // true means it's the last column in the row
41 | @include column($content-columns, true);
42 | }
43 | }
44 |
--------------------------------------------------------------------------------
/Bourbon Template/static/lib/bourbon/css3/_keyframes.scss:
--------------------------------------------------------------------------------
1 | // Adds keyframes blocks for supported prefixes, removing redundant prefixes in the block's content
2 | @mixin keyframes($name) {
3 | $original-prefix-for-webkit: $prefix-for-webkit;
4 | $original-prefix-for-mozilla: $prefix-for-mozilla;
5 | $original-prefix-for-microsoft: $prefix-for-microsoft;
6 | $original-prefix-for-opera: $prefix-for-opera;
7 | $original-prefix-for-spec: $prefix-for-spec;
8 |
9 | @if $original-prefix-for-webkit {
10 | @include disable-prefix-for-all();
11 | $prefix-for-webkit: true;
12 | @-webkit-keyframes #{$name} {
13 | @content;
14 | }
15 | }
16 | @if $original-prefix-for-mozilla {
17 | @include disable-prefix-for-all();
18 | $prefix-for-mozilla: true;
19 | @-moz-keyframes #{$name} {
20 | @content;
21 | }
22 | }
23 | @if $original-prefix-for-opera {
24 | @include disable-prefix-for-all();
25 | $prefix-for-opera: true;
26 | @-o-keyframes #{$name} {
27 | @content;
28 | }
29 | }
30 | @if $original-prefix-for-spec {
31 | @include disable-prefix-for-all();
32 | $prefix-for-spec: true;
33 | @keyframes #{$name} {
34 | @content;
35 | }
36 | }
37 |
38 | $prefix-for-webkit: $original-prefix-for-webkit;
39 | $prefix-for-mozilla: $original-prefix-for-mozilla;
40 | $prefix-for-microsoft: $original-prefix-for-microsoft;
41 | $prefix-for-opera: $original-prefix-for-opera;
42 | $prefix-for-spec: $original-prefix-for-spec;
43 | }
44 |
--------------------------------------------------------------------------------
/Compass Blueprint Template/static/lib/blueprint/templates/link_icons/link_icons.css:
--------------------------------------------------------------------------------
1 | body a[href^="http:"],
2 | body a[href^="mailto:"],
3 | body a[href^="http:"]:visited,
4 | body a[href$=".pdf"],
5 | body a[href$=".doc"],
6 | body a[href$=".xls"],
7 | body a[href$=".rss"],
8 | body a[href$=".rdf"],
9 | body a[href^="aim:"] {
10 | padding: 2px 22px 2px 0;
11 | margin: -2px 0;
12 | background-repeat: no-repeat;
13 | background-position: right center; }
14 | body a[href^="http:"] {
15 | background-image: url('/images/link_icons/external.png'); }
16 | body a[href^="mailto:"] {
17 | background-image: url('/images/link_icons/email.png'); }
18 | body a[href^="http:"]:visited {
19 | background-image: url('/images/link_icons/visited.png'); }
20 | body a[href$=".pdf"] {
21 | background-image: url('/images/link_icons/pdf.png'); }
22 | body a[href$=".doc"] {
23 | background-image: url('/images/link_icons/doc.png'); }
24 | body a[href$=".xls"] {
25 | background-image: url('/images/link_icons/xls.png'); }
26 | body a[href$=".rss"],
27 | body a[href$=".rdf"] {
28 | background-image: url('/images/link_icons/feed.png'); }
29 | body a[href^="aim:"] {
30 | background-image: url('/images/link_icons/im.png'); }
31 | body a.noicon {
32 | background: transparent none !important;
33 | padding: 0 !important;
34 | margin: 0 !important; }
35 | body a#this-is-a-pdf-link {
36 | padding: 2px 22px 2px 0;
37 | margin: -2px 0;
38 | background-repeat: no-repeat;
39 | background-position: right center;
40 | background-image: url('/images/link_icons/pdf.png'); }
41 |
--------------------------------------------------------------------------------
/Compass Template/static/lib/compass/templates/project/USAGE.markdown:
--------------------------------------------------------------------------------
1 | When no framework is specified, a new compass project is set up with three stylesheets:
2 |
3 | * screen.sass
4 | * print.sass
5 | * ie.sass
6 |
7 | It is expected that you will link your html to these like so:
8 |
9 |
10 |
12 |
14 |
18 |
19 |
20 | You don't have to use these three stylesheets, they are just a recommendation.
21 | You can rename them, make new stylesheets, and delete them. Compass will
22 | happily compile whatever sass files you place into your project.
23 |
24 | Any folders you create in your source directory with sass files in them will be folders
25 | that get created with css files in them when compiled.
26 |
27 | Sass files beginning with an underscore are called partials, they are not directly
28 | compiled to their own css file. You can use these partials by importing them
29 | into other stylesheets. This is useful for keeping your stylesheets small and manageable
30 | and single-focused. It is common to create a file called _base.sass at the top level
31 | of your stylesheets and to import this to set up project-wide constants and mixins.
32 |
33 |
--------------------------------------------------------------------------------
/Bourbon Template/static/lib/bourbon/css3/_flex-box.scss:
--------------------------------------------------------------------------------
1 | // CSS3 Flexible Box Model and property defaults
2 |
3 | // Custom shorthand notation for flexbox
4 | @mixin box($orient: inline-axis, $pack: start, $align: stretch) {
5 | @include display-box;
6 | @include box-orient($orient);
7 | @include box-pack($pack);
8 | @include box-align($align);
9 | }
10 |
11 | @mixin display-box {
12 | display: -webkit-box;
13 | display: -moz-box;
14 | display: box;
15 | }
16 |
17 | @mixin box-orient($orient: inline-axis) {
18 | // horizontal|vertical|inline-axis|block-axis|inherit
19 | @include prefixer(box-orient, $orient, webkit moz spec);
20 | }
21 |
22 | @mixin box-pack($pack: start) {
23 | // start|end|center|justify
24 | @include prefixer(box-pack, $pack, webkit moz spec);
25 | }
26 |
27 | @mixin box-align($align: stretch) {
28 | // start|end|center|baseline|stretch
29 | @include prefixer(box-align, $align, webkit moz spec);
30 | }
31 |
32 | @mixin box-direction($direction: normal) {
33 | // normal|reverse|inherit
34 | @include prefixer(box-direction, $direction, webkit moz spec);
35 | }
36 |
37 | @mixin box-lines($lines: single) {
38 | // single|multiple
39 | @include prefixer(box-lines, $lines, webkit moz spec);
40 | }
41 |
42 | @mixin box-ordinal-group($int: 1) {
43 | @include prefixer(box-ordinal-group, $int, webkit moz spec);
44 | }
45 |
46 | @mixin box-flex($value: 0.0) {
47 | @include prefixer(box-flex, $value, webkit moz spec);
48 | }
49 |
50 | @mixin box-flex-group($int: 1) {
51 | @include prefixer(box-flex-group, $int, webkit moz spec);
52 | }
53 |
--------------------------------------------------------------------------------
/Bourbon Template/static/lib/bourbon/addons/_prefixer.scss:
--------------------------------------------------------------------------------
1 | //************************************************************************//
2 | // Example: @include prefixer(border-radius, $radii, webkit ms spec);
3 | //************************************************************************//
4 | $prefix-for-webkit: true !default;
5 | $prefix-for-mozilla: true !default;
6 | $prefix-for-microsoft: true !default;
7 | $prefix-for-opera: true !default;
8 | $prefix-for-spec: true !default; // required for keyframe mixin
9 |
10 | @mixin prefixer ($property, $value, $prefixes) {
11 | @each $prefix in $prefixes {
12 | @if $prefix == webkit {
13 | @if $prefix-for-webkit {
14 | -webkit-#{$property}: $value;
15 | }
16 | }
17 | @else if $prefix == moz {
18 | @if $prefix-for-mozilla {
19 | -moz-#{$property}: $value;
20 | }
21 | }
22 | @else if $prefix == ms {
23 | @if $prefix-for-microsoft {
24 | -ms-#{$property}: $value;
25 | }
26 | }
27 | @else if $prefix == o {
28 | @if $prefix-for-opera {
29 | -o-#{$property}: $value;
30 | }
31 | }
32 | @else if $prefix == spec {
33 | @if $prefix-for-spec {
34 | #{$property}: $value;
35 | }
36 | }
37 | @else {
38 | @warn "Unrecognized prefix: #{$prefix}";
39 | }
40 | }
41 | }
42 |
43 | @mixin disable-prefix-for-all() {
44 | $prefix-for-webkit: false;
45 | $prefix-for-mozilla: false;
46 | $prefix-for-microsoft: false;
47 | $prefix-for-opera: false;
48 | $prefix-for-spec: false;
49 | }
50 |
--------------------------------------------------------------------------------
/Compass Blueprint Template/static/lib/blueprint/templates/basic/ie.css:
--------------------------------------------------------------------------------
1 | body {
2 | text-align: center; }
3 | * html body legend {
4 | margin: 0px -8px 16px 0;
5 | padding: 0; }
6 | html > body p code {
7 | *white-space: normal; }
8 |
9 | .container {
10 | text-align: left; }
11 |
12 | sup {
13 | vertical-align: text-top; }
14 |
15 | sub {
16 | vertical-align: text-bottom; }
17 |
18 | hr {
19 | margin: -8px auto 11px; }
20 |
21 | img {
22 | -ms-interpolation-mode: bicubic; }
23 |
24 | fieldset {
25 | padding-top: 0; }
26 |
27 | legend {
28 | margin-top: -0.2em;
29 | margin-bottom: 1em;
30 | margin-left: -0.5em; }
31 |
32 | fieldset, #IE8#HACK {
33 | padding-top: 1.4em; }
34 |
35 | legend, #IE8#HACK {
36 | margin-top: 0;
37 | margin-bottom: 0; }
38 |
39 | textarea {
40 | overflow: auto; }
41 |
42 | label {
43 | position: relative;
44 | top: -0.25em; }
45 |
46 | input.text {
47 | margin: 0.5em 0;
48 | background-color: white;
49 | border: 1px solid #bbbbbb; }
50 | input.text:focus {
51 | border: 1px solid #666666; }
52 | input.title {
53 | margin: 0.5em 0;
54 | background-color: white;
55 | border: 1px solid #bbbbbb; }
56 | input.title:focus {
57 | border: 1px solid #666666; }
58 | input.checkbox {
59 | position: relative;
60 | top: 0.25em; }
61 | input.radio {
62 | position: relative;
63 | top: 0.25em; }
64 | input.button {
65 | position: relative;
66 | top: 0.25em; }
67 |
68 | textarea {
69 | margin: 0.5em 0; }
70 |
71 | select {
72 | margin: 0.5em 0; }
73 |
74 | button {
75 | position: relative;
76 | top: 0.25em; }
77 |
--------------------------------------------------------------------------------
/Bourbon Template/static/lib/bourbon/helpers/_deprecated-webkit-gradient.scss:
--------------------------------------------------------------------------------
1 | // Render Deprecated Webkit Gradient - Linear || Radial
2 | //************************************************************************//
3 | @function _deprecated-webkit-gradient($type,
4 | $deprecated-pos1, $deprecated-pos2,
5 | $full,
6 | $deprecated-radius1: false, $deprecated-radius2: false) {
7 | $gradient-list: ();
8 | $gradient: false;
9 | $full-length: length($full);
10 | $percentage: false;
11 | $gradient-type: $type;
12 |
13 | @for $i from 1 through $full-length {
14 | $gradient: nth($full, $i);
15 |
16 | @if length($gradient) == 2 {
17 | $color-stop: color-stop(nth($gradient, 2), nth($gradient, 1));
18 | $gradient-list: join($gradient-list, $color-stop, comma);
19 | }
20 | @else if $gradient != null {
21 | @if $i == $full-length {
22 | $percentage: 100%;
23 | }
24 | @else {
25 | $percentage: ($i - 1) * (100 / ($full-length - 1)) + "%";
26 | }
27 | $color-stop: color-stop(unquote($percentage), $gradient);
28 | $gradient-list: join($gradient-list, $color-stop, comma);
29 | }
30 | }
31 |
32 | @if $type == radial {
33 | $gradient: -webkit-gradient(radial, $deprecated-pos1, $deprecated-radius1, $deprecated-pos2, $deprecated-radius2, $gradient-list);
34 | }
35 | @else if $type == linear {
36 | $gradient: -webkit-gradient(linear, $deprecated-pos1, $deprecated-pos2, $gradient-list);
37 | }
38 | @return $gradient;
39 | }
40 |
--------------------------------------------------------------------------------
/Compass Template/static/lib/compass/stylesheets/compass/utilities/general/_clearfix.scss:
--------------------------------------------------------------------------------
1 | // @doc off
2 | // Extends the bottom of the element to enclose any floats it contains.
3 | // @doc on
4 |
5 | @import "hacks";
6 |
7 | // This basic method is preferred for the usual case, when positioned
8 | // content will not show outside the bounds of the container.
9 | //
10 | // Recommendations include using this in conjunction with a width.
11 | // Credit: [quirksmode.org](http://www.quirksmode.org/blog/archives/2005/03/clearing_floats.html)
12 | @mixin clearfix {
13 | overflow: hidden;
14 | @include has-layout;
15 | }
16 |
17 | // This older method from Position Is Everything called
18 | // [Easy Clearing](http://www.positioniseverything.net/easyclearing.html)
19 | // has the advantage of allowing positioned elements to hang
20 | // outside the bounds of the container at the expense of more tricky CSS.
21 | @mixin legacy-pie-clearfix {
22 | &:after {
23 | content : "\0020";
24 | display : block;
25 | height : 0;
26 | clear : both;
27 | overflow : hidden;
28 | visibility : hidden;
29 | }
30 | @include has-layout;
31 | }
32 |
33 | // This is an updated version of the PIE clearfix method that reduces the amount of CSS output.
34 | // If you need to support Firefox before 3.5 you need to use `legacy-pie-clearfix` instead.
35 | //
36 | // Adapted from: [A new micro clearfix hack](http://nicolasgallagher.com/micro-clearfix-hack/)
37 | @mixin pie-clearfix {
38 | &:after {
39 | content: "";
40 | display: table;
41 | clear: both;
42 | }
43 | @include has-layout;
44 | }
45 |
--------------------------------------------------------------------------------
/Compass Template/static/lib/compass/stylesheets/compass/utilities/general/_hacks.scss:
--------------------------------------------------------------------------------
1 | @import "compass/support";
2 |
3 | // The `zoom` approach generates less CSS but does not validate.
4 | // Set this to `block` to use the display-property to hack the
5 | // element to gain layout.
6 | $default-has-layout-approach: zoom !default;
7 |
8 | // This mixin causes an element matching the selector
9 | // to gain the "hasLayout" property in internet explorer.
10 | // More information on [hasLayout](http://reference.sitepoint.com/css/haslayout).
11 | @mixin has-layout($approach: $default-has-layout-approach) {
12 | @if $legacy-support-for-ie {
13 | @if $approach == zoom {
14 | @include has-layout-zoom;
15 | } @else if $approach == block {
16 | @include has-layout-block;
17 | } @else {
18 | @warn "Unknown has-layout approach: #{$approach}";
19 | @include has-layout-zoom;
20 | }
21 | }
22 | }
23 |
24 | @mixin has-layout-zoom {
25 | @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
26 | *zoom: 1;
27 | }
28 | }
29 |
30 | @mixin has-layout-block {
31 | @if $legacy-support-for-ie {
32 | // This makes ie6 get layout
33 | display: inline-block;
34 | // and this puts it back to block
35 | & { display: block; }
36 | }
37 | }
38 |
39 | // A hack to supply IE6 (and below) with a different property value.
40 | // [Read more](http://www.cssportal.com/css-hacks/#in_css-important).
41 | @mixin bang-hack($property, $value, $ie6-value) {
42 | @if $legacy-support-for-ie6 {
43 | #{$property}: #{$value} !important;
44 | #{$property}: #{$ie6-value};
45 | }
46 | }
47 |
--------------------------------------------------------------------------------
/Compass Template/static/lib/compass/templates/project/screen.css:
--------------------------------------------------------------------------------
1 | /* Welcome to Compass.
2 | * In this file you should write your main styles. (or centralize your imports)
3 | * Import this file using the following HTML or equivalent:
4 | * */
5 | html, body, div, span, applet, object, iframe,
6 | h1, h2, h3, h4, h5, h6, p, blockquote, pre,
7 | a, abbr, acronym, address, big, cite, code,
8 | del, dfn, em, img, ins, kbd, q, s, samp,
9 | small, strike, strong, sub, sup, tt, var,
10 | b, u, i, center,
11 | dl, dt, dd, ol, ul, li,
12 | fieldset, form, label, legend,
13 | table, caption, tbody, tfoot, thead, tr, th, td,
14 | article, aside, canvas, details, embed,
15 | figure, figcaption, footer, header, hgroup,
16 | menu, nav, output, ruby, section, summary,
17 | time, mark, audio, video {
18 | margin: 0;
19 | padding: 0;
20 | border: 0;
21 | font: inherit;
22 | font-size: 100%;
23 | vertical-align: baseline; }
24 |
25 | html {
26 | line-height: 1; }
27 |
28 | ol, ul {
29 | list-style: none; }
30 |
31 | table {
32 | border-collapse: collapse;
33 | border-spacing: 0; }
34 |
35 | caption, th, td {
36 | text-align: left;
37 | font-weight: normal;
38 | vertical-align: middle; }
39 |
40 | q, blockquote {
41 | quotes: none; }
42 | q:before, q:after, blockquote:before, blockquote:after {
43 | content: "";
44 | content: none; }
45 |
46 | a img {
47 | border: none; }
48 |
49 | article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
50 | display: block; }
51 |
--------------------------------------------------------------------------------
/Bootstrap Template/static/css/bootstrap/_code.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Code (inline and block)
3 | // --------------------------------------------------
4 |
5 |
6 | // Inline and block code styles
7 | code,
8 | kbd,
9 | pre,
10 | samp {
11 | font-family: $font-family-monospace;
12 | }
13 |
14 | // Inline code
15 | code {
16 | padding: 2px 4px;
17 | font-size: 90%;
18 | color: $code-color;
19 | background-color: $code-bg;
20 | white-space: nowrap;
21 | border-radius: $border-radius-base;
22 | }
23 |
24 | // User input typically entered via keyboard
25 | kbd {
26 | padding: 2px 4px;
27 | font-size: 90%;
28 | color: $kbd-color;
29 | background-color: $kbd-bg;
30 | border-radius: $border-radius-small;
31 | box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
32 | }
33 |
34 | // Blocks of code
35 | pre {
36 | display: block;
37 | padding: (($line-height-computed - 1) / 2);
38 | margin: 0 0 ($line-height-computed / 2);
39 | font-size: ($font-size-base - 1); // 14px to 13px
40 | line-height: $line-height-base;
41 | word-break: break-all;
42 | word-wrap: break-word;
43 | color: $pre-color;
44 | background-color: $pre-bg;
45 | border: 1px solid $pre-border-color;
46 | border-radius: $border-radius-base;
47 |
48 | // Account for some code outputs that place code tags in pre tags
49 | code {
50 | padding: 0;
51 | font-size: inherit;
52 | color: inherit;
53 | white-space: pre-wrap;
54 | background-color: transparent;
55 | border-radius: 0;
56 | }
57 | }
58 |
59 | // Enable scrollable blocks of code
60 | .pre-scrollable {
61 | max-height: $pre-scrollable-max-height;
62 | overflow-y: scroll;
63 | }
64 |
--------------------------------------------------------------------------------
/Compass Blueprint Template/static/lib/blueprint/stylesheets/blueprint/_colors.scss:
--------------------------------------------------------------------------------
1 | $font-color: #333333 !default;
2 | $quiet-color: lighten($font-color, 20%) !default;
3 | $loud-color: darken($font-color, 13.33%) !default;
4 | $header-color: darken($font-color, 6.67%) !default;
5 | $alt-text-color: #666666 !default;
6 | $blueprint-background-color: #eeeeee !default;
7 | $blueprint-border-color: #ddd !default;
8 |
9 | $link-color: #06c !default;
10 | $link-hover-color: #09f !default;
11 | $link-focus-color: $link-hover-color !default;
12 | $link-active-color: lighten(adjust-hue($link-color, 75deg), 10%) !default;
13 | $link-visited-color: darken($link-color, 10%) !default;
14 |
15 | $feedback-border-color: #dddddd !default;
16 | $success-color: #264409 !default;
17 | $success-bg-color: #e6efc2 !default;
18 | $success-border-color: #c6d880 !default;
19 | $notice-color: #514721 !default;
20 | $notice-bg-color: #fff6bf !default;
21 | $notice-border-color: #ffd324 !default;
22 | $info-color: #205791 !default;
23 | $info-bg-color: #d5edf8 !default;
24 | $info-border-color: #92cae4 !default;
25 | $error-color: #8a1f11 !default;
26 | $error-bg-color: #fbe3e4 !default;
27 | $error-border-color: #fbc2c4 !default;
28 |
29 | $highlight-color: yellow !default;
30 | $added-color: white !default;
31 | $added-bg-color: #006600 !default;
32 | $removed-color: white !default;
33 | $removed-bg-color: #990000 !default;
34 |
35 | $blueprint-table-header-color: #c3d9ff !default;
36 | $blueprint-table-stripe-color: #e5ecf9 !default;
37 |
--------------------------------------------------------------------------------
/Compass Blueprint Template/static/css/screen.scss:
--------------------------------------------------------------------------------
1 | // This import applies a global reset to any page that imports this stylesheet.
2 | @import "blueprint/reset";
3 |
4 | // To configure blueprint, edit the partials/base.sass file.
5 | @import "partials/base";
6 |
7 | // Import all the default blueprint modules so that we can access their mixins.
8 | @import "blueprint";
9 |
10 | // Combine the partials into a single screen stylesheet.
11 | @import "partials/page";
12 | @import "partials/form";
13 | @import "partials/two_col";
14 |
15 | body {
16 | font:16px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;
17 | -webkit-font-smoothing:antialiased;
18 | text-rendering:optimizeLegibility;
19 | height: 100%;
20 | color:#777;
21 | }
22 |
23 | p {
24 | line-height:1.8;
25 | }
26 |
27 | strong {
28 | font-weight: 500;
29 | color: #444;
30 | }
31 |
32 | a {
33 | text-decoration:none;
34 | color:#5badf0;
35 | }
36 |
37 | #wrapper {
38 | margin:0 auto;
39 | width: 100%;
40 | height: 100%;
41 | }
42 |
43 | /* Link to Documentation */
44 | a#documentation {
45 | position: fixed; top: 11px; right: 9px;
46 | background: #5badf0; color: #fff;
47 | padding: 8px 12px;
48 | font-size: 13px; font-weight: 600; line-height: 1.35;
49 | border-radius: 3px; z-index: 100;
50 | }
51 |
52 | /* Horizontally and vertically centers the text */
53 | .center {
54 | margin: 0 auto;
55 | padding:0 40px 0 40px;
56 | max-width:600px;
57 | position: relative; top: 50%;
58 | -webkit-transform: translateY(-50%);
59 | -ms-transform: translateY(-50%);
60 | transform: translateY(-50%);
61 | }
62 |
63 | #badge {
64 | position: absolute; bottom: 10px; right: 10px;
65 | height: 48px; width: 48px;
66 | }
67 |
--------------------------------------------------------------------------------
/Bourbon Template/static/lib/bourbon/css3/_linear-gradient.scss:
--------------------------------------------------------------------------------
1 | @mixin linear-gradient($pos, $G1, $G2: false,
2 | $G3: false, $G4: false,
3 | $G5: false, $G6: false,
4 | $G7: false, $G8: false,
5 | $G9: false, $G10: false,
6 | $deprecated-pos1: left top,
7 | $deprecated-pos2: left bottom,
8 | $fallback: false) {
9 | // Detect what type of value exists in $pos
10 | $pos-type: type-of(nth($pos, 1));
11 | $pos-spec: null;
12 | $pos-degree: null;
13 |
14 | // If $pos is missing from mixin, reassign vars and add default position
15 | @if ($pos-type == color) or (nth($pos, 1) == "transparent") {
16 | $G10: $G9; $G9: $G8; $G8: $G7; $G7: $G6; $G6: $G5;
17 | $G5: $G4; $G4: $G3; $G3: $G2; $G2: $G1; $G1: $pos;
18 | $pos: null;
19 | }
20 |
21 | @if $pos {
22 | $positions: _linear-positions-parser($pos);
23 | $pos-degree: nth($positions, 1);
24 | $pos-spec: nth($positions, 2);
25 | }
26 |
27 | $full: compact($G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10);
28 |
29 | // Set $G1 as the default fallback color
30 | $fallback-color: nth($G1, 1);
31 |
32 | // If $fallback is a color use that color as the fallback color
33 | @if (type-of($fallback) == color) or ($fallback == "transparent") {
34 | $fallback-color: $fallback;
35 | }
36 |
37 | background-color: $fallback-color;
38 | background-image: _deprecated-webkit-gradient(linear, $deprecated-pos1, $deprecated-pos2, $full); // Safari <= 5.0
39 | background-image: -webkit-linear-gradient($pos-degree $full); // Safari 5.1+, Chrome
40 | background-image: unquote("linear-gradient(#{$pos-spec}#{$full})");
41 | }
42 |
--------------------------------------------------------------------------------
/Bootstrap Template/static/js/bootstrap/transition.js:
--------------------------------------------------------------------------------
1 | /* ========================================================================
2 | * Bootstrap: transition.js v3.1.1
3 | * http://getbootstrap.com/javascript/#transitions
4 | * ========================================================================
5 | * Copyright 2011-2014 Twitter, Inc.
6 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
7 | * ======================================================================== */
8 |
9 |
10 | +function ($) {
11 | 'use strict';
12 |
13 | // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/)
14 | // ============================================================
15 |
16 | function transitionEnd() {
17 | var el = document.createElement('bootstrap')
18 |
19 | var transEndEventNames = {
20 | 'WebkitTransition' : 'webkitTransitionEnd',
21 | 'MozTransition' : 'transitionend',
22 | 'OTransition' : 'oTransitionEnd otransitionend',
23 | 'transition' : 'transitionend'
24 | }
25 |
26 | for (var name in transEndEventNames) {
27 | if (el.style[name] !== undefined) {
28 | return { end: transEndEventNames[name] }
29 | }
30 | }
31 |
32 | return false // explicit for ie8 ( ._.)
33 | }
34 |
35 | // http://blog.alexmaccaw.com/css-transitions
36 | $.fn.emulateTransitionEnd = function (duration) {
37 | var called = false, $el = this
38 | $(this).one($.support.transition.end, function () { called = true })
39 | var callback = function () { if (!called) $($el).trigger($.support.transition.end) }
40 | setTimeout(callback, duration)
41 | return this
42 | }
43 |
44 | $(function () {
45 | $.support.transition = transitionEnd()
46 | })
47 |
48 | }(jQuery);
49 |
--------------------------------------------------------------------------------
/Bourbon Template/static/lib/bourbon/functions/_flex-grid.scss:
--------------------------------------------------------------------------------
1 | // Flexible grid
2 | @function flex-grid($columns, $container-columns: $fg-max-columns) {
3 | $width: $columns * $fg-column + ($columns - 1) * $fg-gutter;
4 | $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
5 | @return percentage($width / $container-width);
6 | }
7 |
8 | // Flexible gutter
9 | @function flex-gutter($container-columns: $fg-max-columns, $gutter: $fg-gutter) {
10 | $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
11 | @return percentage($gutter / $container-width);
12 | }
13 |
14 | // The $fg-column, $fg-gutter and $fg-max-columns variables must be defined in your base stylesheet to properly use the flex-grid function.
15 | // This function takes the fluid grid equation (target / context = result) and uses columns to help define each.
16 | //
17 | // The calculation presumes that your column structure will be missing the last gutter:
18 | //
19 | // -- column -- gutter -- column -- gutter -- column
20 | //
21 | // $fg-column: 60px; // Column Width
22 | // $fg-gutter: 25px; // Gutter Width
23 | // $fg-max-columns: 12; // Total Columns For Main Container
24 | //
25 | // div {
26 | // width: flex-grid(4); // returns (315px / 995px) = 31.65829%;
27 | // margin-left: flex-gutter(); // returns (25px / 995px) = 2.51256%;
28 | //
29 | // p {
30 | // width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%;
31 | // float: left;
32 | // margin: flex-gutter(4); // returns (25px / 315px) = 7.936508%;
33 | // }
34 | //
35 | // blockquote {
36 | // float: left;
37 | // width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%;
38 | // }
39 | // }
--------------------------------------------------------------------------------
/Bootstrap Template/static/css/bootstrap/_alerts.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Alerts
3 | // --------------------------------------------------
4 |
5 |
6 | // Base styles
7 | // -------------------------
8 |
9 | .alert {
10 | padding: $alert-padding;
11 | margin-bottom: $line-height-computed;
12 | border: 1px solid transparent;
13 | border-radius: $alert-border-radius;
14 |
15 | // Headings for larger alerts
16 | h4 {
17 | margin-top: 0;
18 | // Specified for the h4 to prevent conflicts of changing $headings-color
19 | color: inherit;
20 | }
21 | // Provide class for links that match alerts
22 | .alert-link {
23 | font-weight: $alert-link-font-weight;
24 | }
25 |
26 | // Improve alignment and spacing of inner content
27 | > p,
28 | > ul {
29 | margin-bottom: 0;
30 | }
31 | > p + p {
32 | margin-top: 5px;
33 | }
34 | }
35 |
36 | // Dismissable alerts
37 | //
38 | // Expand the right padding and account for the close button's positioning.
39 |
40 | .alert-dismissable {
41 | padding-right: ($alert-padding + 20);
42 |
43 | // Adjust close link position
44 | .close {
45 | position: relative;
46 | top: -2px;
47 | right: -21px;
48 | color: inherit;
49 | }
50 | }
51 |
52 | // Alternate styles
53 | //
54 | // Generate contextual modifier classes for colorizing the alert.
55 |
56 | .alert-success {
57 | @include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text);
58 | }
59 | .alert-info {
60 | @include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text);
61 | }
62 | .alert-warning {
63 | @include alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text);
64 | }
65 | .alert-danger {
66 | @include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text);
67 | }
68 |
--------------------------------------------------------------------------------
/Compass Template/static/lib/compass/stylesheets/compass/typography/lists/_inline-block-list.scss:
--------------------------------------------------------------------------------
1 | // Inline-Block list layout module.
2 | //
3 | // Easy mode using simple descendant li selectors:
4 | //
5 | // ul.nav {
6 | // @import inline-block-list;
7 | // }
8 | //
9 | // Advanced mode:
10 | // If you need to target the list items using a different selector then use
11 | // `@include inline-block-list-container` on your ul/ol and
12 | // `@include inline-block-list-item` on your li. This may help when working
13 | // on layouts involving nested lists. For example:
14 | //
15 | // ul.nav {
16 | // @include inline-block-list-container;
17 | // > li {
18 | // @include inline-block-list-item;
19 | // }
20 | // }
21 |
22 | @import "bullets";
23 | @import "horizontal-list";
24 | @import "compass/utilities/general/float";
25 | @import "compass/css3/inline-block";
26 |
27 | // Can be mixed into any selector that target a ul or ol that is meant
28 | // to have an inline-block layout. Used to implement `inline-block-list`.
29 | @mixin inline-block-list-container {
30 | @include horizontal-list-container; }
31 |
32 | // Can be mixed into any li selector that is meant to participate in a horizontal layout.
33 | // Used to implement `inline-block-list`.
34 | @mixin inline-block-list-item($padding: false) {
35 | @include no-bullet;
36 | @include inline-block;
37 | white-space: nowrap;
38 | @if $padding {
39 | padding: {
40 | left: $padding;
41 | right: $padding;
42 | };
43 | }
44 | }
45 |
46 | // A list(ol,ul) that is layed out such that the elements are inline-block and won't wrap.
47 | @mixin inline-block-list($padding: false) {
48 | @include inline-block-list-container;
49 | li {
50 | @include inline-block-list-item($padding); } }
51 |
--------------------------------------------------------------------------------
/Compass Blueprint Template/static/lib/blueprint/templates/project/ie.css:
--------------------------------------------------------------------------------
1 | body.bp {
2 | text-align: center; }
3 | * html body.bp legend {
4 | margin: 0px -8px 16px 0;
5 | padding: 0; }
6 | html > body.bp p code {
7 | *white-space: normal; }
8 | body.bp .container {
9 | text-align: left; }
10 | body.bp sup {
11 | vertical-align: text-top; }
12 | body.bp sub {
13 | vertical-align: text-bottom; }
14 | body.bp hr {
15 | margin: -8px auto 11px; }
16 | body.bp img {
17 | -ms-interpolation-mode: bicubic; }
18 | body.bp fieldset {
19 | padding-top: 0; }
20 | body.bp legend {
21 | margin-top: -0.2em;
22 | margin-bottom: 1em;
23 | margin-left: -0.5em; }
24 | body.bp fieldset, body.bp #IE8#HACK {
25 | padding-top: 1.4em; }
26 | body.bp legend, body.bp #IE8#HACK {
27 | margin-top: 0;
28 | margin-bottom: 0; }
29 | body.bp textarea {
30 | overflow: auto; }
31 | body.bp label {
32 | position: relative;
33 | top: -0.25em; }
34 | body.bp input.text {
35 | margin: 0.5em 0;
36 | background-color: white;
37 | border: 1px solid #bbbbbb; }
38 | body.bp input.text:focus {
39 | border: 1px solid #666666; }
40 | body.bp input.title {
41 | margin: 0.5em 0;
42 | background-color: white;
43 | border: 1px solid #bbbbbb; }
44 | body.bp input.title:focus {
45 | border: 1px solid #666666; }
46 | body.bp input.checkbox {
47 | position: relative;
48 | top: 0.25em; }
49 | body.bp input.radio {
50 | position: relative;
51 | top: 0.25em; }
52 | body.bp input.button {
53 | position: relative;
54 | top: 0.25em; }
55 | body.bp textarea {
56 | margin: 0.5em 0; }
57 | body.bp select {
58 | margin: 0.5em 0; }
59 | body.bp button {
60 | position: relative;
61 | top: 0.25em; }
62 |
--------------------------------------------------------------------------------
/Compass Blueprint Template/static/lib/blueprint/templates/semantic/ie.css:
--------------------------------------------------------------------------------
1 | body.bp {
2 | text-align: center; }
3 | * html body.bp legend {
4 | margin: 0px -8px 16px 0;
5 | padding: 0; }
6 | html > body.bp p code {
7 | *white-space: normal; }
8 | body.bp .container {
9 | text-align: left; }
10 | body.bp sup {
11 | vertical-align: text-top; }
12 | body.bp sub {
13 | vertical-align: text-bottom; }
14 | body.bp hr {
15 | margin: -8px auto 11px; }
16 | body.bp img {
17 | -ms-interpolation-mode: bicubic; }
18 | body.bp fieldset {
19 | padding-top: 0; }
20 | body.bp legend {
21 | margin-top: -0.2em;
22 | margin-bottom: 1em;
23 | margin-left: -0.5em; }
24 | body.bp fieldset, body.bp #IE8#HACK {
25 | padding-top: 1.4em; }
26 | body.bp legend, body.bp #IE8#HACK {
27 | margin-top: 0;
28 | margin-bottom: 0; }
29 | body.bp textarea {
30 | overflow: auto; }
31 | body.bp label {
32 | position: relative;
33 | top: -0.25em; }
34 | body.bp input.text {
35 | margin: 0.5em 0;
36 | background-color: white;
37 | border: 1px solid #bbbbbb; }
38 | body.bp input.text:focus {
39 | border: 1px solid #666666; }
40 | body.bp input.title {
41 | margin: 0.5em 0;
42 | background-color: white;
43 | border: 1px solid #bbbbbb; }
44 | body.bp input.title:focus {
45 | border: 1px solid #666666; }
46 | body.bp input.checkbox {
47 | position: relative;
48 | top: 0.25em; }
49 | body.bp input.radio {
50 | position: relative;
51 | top: 0.25em; }
52 | body.bp input.button {
53 | position: relative;
54 | top: 0.25em; }
55 | body.bp textarea {
56 | margin: 0.5em 0; }
57 | body.bp select {
58 | margin: 0.5em 0; }
59 | body.bp button {
60 | position: relative;
61 | top: 0.25em; }
62 |
--------------------------------------------------------------------------------
/Bourbon Template/static/lib/bourbon/css3/_animation.scss:
--------------------------------------------------------------------------------
1 | // http://www.w3.org/TR/css3-animations/#the-animation-name-property-
2 | // Each of these mixins support comma separated lists of values, which allows different transitions for individual properties to be described in a single style rule. Each value in the list corresponds to the value at that same position in the other properties.
3 |
4 | // Official animation shorthand property.
5 | @mixin animation ($animations...) {
6 | @include prefixer(animation, $animations, webkit moz spec);
7 | }
8 |
9 | // Individual Animation Properties
10 | @mixin animation-name ($names...) {
11 | @include prefixer(animation-name, $names, webkit moz spec);
12 | }
13 |
14 |
15 | @mixin animation-duration ($times...) {
16 | @include prefixer(animation-duration, $times, webkit moz spec);
17 | }
18 |
19 |
20 | @mixin animation-timing-function ($motions...) {
21 | // ease | linear | ease-in | ease-out | ease-in-out
22 | @include prefixer(animation-timing-function, $motions, webkit moz spec);
23 | }
24 |
25 |
26 | @mixin animation-iteration-count ($values...) {
27 | // infinite | 
Change Password
13 |
14 |
15 |
16 | 
Cancel
17 |
18 |
19 | a.button
20 | // you can pass "left" or "right" to +anchor-button to float it in that direction
21 | // or you can pass no argument to leave it inline-block (cross browser safe!) within
22 | // the flow of your page.
23 | +anchor-button(left)
24 | // All the button color mixins take 4 optional arguments:
25 | // font color, background color, border color, border highlight color
26 | // the first three default to constants set in blueprint/buttons.sass
27 | // the last one defaults to a shade lighter than the border color.
28 | +button-colors
29 | +button-hover-colors
30 | +button-active-colors
31 |
32 | button
33 | // The +button-button mixin is just like the +anchor-button mixin, but for