Skip to content
This repository was archived by the owner on Mar 9, 2021. It is now read-only.

Commit

Permalink
styles ported
Browse files Browse the repository at this point in the history
  • Loading branch information
nikolaswise committed Nov 8, 2013
1 parent c5cd99f commit 2927326
Show file tree
Hide file tree
Showing 33 changed files with 2,397 additions and 19 deletions.
13 changes: 2 additions & 11 deletions Gemfile
Original file line number Diff line number Diff line change
Expand Up @@ -3,14 +3,5 @@
source 'http://rubygems.org'

gem "middleman", "~>3.1.6"

# Live-reloading plugin
gem "middleman-livereload", "~> 3.1.0"

# For faster file watcher updates on Windows:
gem "wdm", "~> 0.1.0", :platforms => [:mswin, :mingw]

# Cross-templating language block fix for Ruby 1.8
platforms :mri_18 do
gem "ruby18_source_location"
end
gem "middleman-rouge"
gem "redcarpet"
18 changes: 15 additions & 3 deletions config.rb
Original file line number Diff line number Diff line change
Expand Up @@ -45,11 +45,23 @@
# end
# end

set :css_dir, 'stylesheets'
activate :directory_indexes

set :js_dir, 'javascripts'
set :css_dir, 'assets/css'

set :js_dir, 'assets/javascripts'

set :images_dir, 'assets/images'

###
# Markdown
###

set :markdown_engine, :redcarpet
set :markdown, :fenced_code_blocks => true, :smartypants => true, :no_intra_emphasis => true, :strikethrough => true, :superscript => true, :highlight => true, :footnotes => true

activate :rouge_syntax

set :images_dir, 'images'

# Build-specific configuration
configure :build do
Expand Down
47 changes: 47 additions & 0 deletions source/assets/css/_config.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
$total-columns: 24 !default;
$container-width: 100% !default;
$container-max: 1280px !default;
$container-min: 0 !default;
$column-gutter: 1em !default;
$container-gutter: 1em !default;
$footer-height: 262px !default;
$generate-grid: true !default;

$white: hsl(0, 0, 100); //#FFFFFF
$off-white: hsl(0, 0, 98); //#F9F9F9
$lightest-gray: hsl(0, 0, 93); //#EDEDED
$lighter-gray: hsl(0, 0, 80); //#CCCCCC
$light-gray: hsl(0, 0, 65); //#A6A6A6
$gray: hsl(0, 0, 50); //#808080
$dark-gray: hsl(0, 0, 35); //#595959
$darker-gray: hsl(0, 0, 20); //#333333
$darkest-gray: hsl(0, 0, 12); //#1F1F1F
$off-black: hsl(0, 0, 2); //#050505
$black: hsl(0, 0, 0); //#000000

// Terraformer Colors

$cream: #EAE8E5;
$saturated-grey: #B26A61;
$brown: #492B22;

$red: #B26A61;
$dark-red: #593530;

$green: #92BC9F;
$dark-green: #495E50;

$blue: #7EB3FE;
$dark-blue: #39567F;
$darker-blue: #1D2D42;
$darkest-blue: darken($darker-blue, 20%);

$desktop: 1280px !default;
$laptop-large: 1180px !default;
$laptop: 1080px !default;
$tablet-wide: 1024px !default;
$tablet-mid: 960px !default;
$tablet-tall: 768px !default;
$phone-large: 662px !default;
$phone: 480px !default;
$phone-tall: 320px !default;
61 changes: 61 additions & 0 deletions source/assets/css/base/_buttons.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,61 @@
.button {
display: inline-block;
@include OpenLight;
@include p10-5;
padding: 6*$p 12*$p;
background-color:$dark-gray;
color:white;
border:1px solid darken($dark-gray, 10%);
text-decoration: none;
// font-size: 0.85rem;
&:hover {
color:white;
background-color: darken($dark-gray, 10%)
}
&.button-light {
background-color:$light-gray;
border:1px solid darken($light-gray, 10%);
&:hover {
color:white;
background-color: $green;
border:1px solid darken($green, 10%);
}
}
&.button-green {
background-color:$green;
border:1px solid darken($green, 10%);
&:hover {
background-color: darken($green, 10%);
}
}
&.button-blue {
background-color:$blue;
border:1px solid darken($blue, 10%);
&:hover {
background-color: darken($blue, 10%);
}
}
&.button-red {
background-color:$red;
border:1px solid darken($red, 10%);
&:hover {
background-color: darken($red, 10%);
}
}
&.button-disabled,
&.button:disabled {
background-color: $lightest-gray;
border: 1px solid darken($lightest-gray, 10%);
color: $light-gray;
&:hover {
background-color: $lightest-gray;
}
}
&.button-cancel {
background-color: $gray;
border: 1px solid darken($gray, 10%);
&:hover {
background-color: darken($gray, 10%);
}
}
}
63 changes: 63 additions & 0 deletions source/assets/css/base/_icons.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
@font-face {
font-family: 'esri-logo';
src: url("../fonts/esri-logo.eot");
src: url("../fonts/esri-logo.eot?#iefix") format("embedded-opentype"), url("../fonts/esri-logo.woff") format("woff"), url("../fonts/esri-logo.ttf") format("truetype"), url("../fonts/esri-logo.svg#esri-Set") format("svg");
font-weight: normal;
font-style: normal;
}

.icon {
font-family: 'esri-logo';
-webkit-font-feature-settings: "liga","dlig";
-moz-font-feature-settings: "liga=1, dlig=1";
-moz-font-feature-settings: "liga","dlig";
-ms-font-feature-settings: "liga","dlig";
-o-font-feature-settings: "liga","dlig";
font-feature-settings: "liga","dlig";
text-rendering: optimizeLegibility;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
color: #6d6e71;
}

.terraformer {
/*color: #267a40;*/
color: rgba(38,122,64, 0.5);
/*opacity: 0.5;*/
}
.terraformer:after {
content: "terraformerfront";
color: #000000;
opacity: 0.5;
margin-left: -1em;
}
.terraformer:before {
content: "terraformerback";
color: #912a1d;
opacity: 0.7;
margin-right: -1em;
}

nav {
.terraformer {
/*color: #267a40;*/
color: rgba(38,122,64, 0.5);
/*opacity: 0.5;*/
}
.terraformer:after {
content: "terraformerfront";
color: #000000;
opacity: 0.5;
margin-left: -1.04em;
}
.terraformer:before {
content: "terraformerback";
color: #912a1d;
opacity: 0.7;
margin-right: -1.04em;
}
}
25 changes: 25 additions & 0 deletions source/assets/css/base/_mixins.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
@mixin respond-to($type, $m: max-width) {
@if $type == handheld {
@media screen and (max-width: 767px) {
@content;
}
} @else if $type == webkit {
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@content;
}
} @else if $type == nonhandheld {
@media screen and (min-width: 769px) {
@content;
}
} @else {
@media screen and ($m: $type) {
@content;
}
}
}

@mixin retina-display() {
@media screen and (-webkit-min-device-pixel-ratio : 1.5), screen and (min-device-pixel-ratio : 1.5) {
@content;
}
}
31 changes: 31 additions & 0 deletions source/assets/css/base/_reset.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
/* - - - - - - - - - - Basic Reset - - - - - - - - - - */
html {
overflow-y: scroll;
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; zoom: 1; }
a:hover, a:active { outline: 0; }
svg:not(:root) {
overflow: hidden;
}
a, abbr, acronym, address, b, big, cite, code, del, em, i, ins, kbd, mark, output, q,
samp, small, strike, strong, sub, sup, time, tt, var,
dfn, dl, dt, dd, ol, ul, li,
blockquote, h1, h2, h3, h4, h5, h6, p, pre,
applet, canvas, embed, figure, figcaption, iframe, img, object {
background: transparent;
border: 0;
font-size: 100%;
font: inherit;
line-height: 1.0;
margin: 0;
padding: 0;
vertical-align: baseline;
}
83 changes: 83 additions & 0 deletions source/assets/css/base/_solarized-dark.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
/*
Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull <[email protected]>
*/


pre {
@include PTMono;
letter-spacing: 1px;
line-height: 1*$baseline;
margin-bottom: 1*$baseline;
overflow: scroll;
display: block;
padding: 1em;
background: #002b36;
color: #839496;
}

.c{color:#586e75;}
.cm{color:#586e75;}
.cp{color:#586e75;}
.c1{color:#586e75;}
.cs{color:#586e75;}
.err{color:#dc322f;}
.k{color:#cb4b16;}
.o{color:#93a1a1;}
.p{color:#93a1a1;}
.ow{color:#2aa198;}
.gd{color:#93a1a1;display:inline-block}
.gd .x{color:#93a1a1;display:inline-block}
.ge{color:#93a1a1;}
.gr{color:#aa0000}
.gh{color:#586e75;}
.gi{color:#93a1a1;display:inline-block}
.gi .x{color:#93a1a1;display:inline-block}
.go{color:#888888}
.gp{color:#555555}
.gs{color:#93a1a1;}
.gu{color:#6c71c4;}
.gt{color:#aa0000}
.kc{color:#859900;}
.kd{color:#268bd2;}
.kp{color:#cb4b16;}
.kr{color:#d33682;}
.kt{color:#2aa198;}
.n{color:#268bd2;}
.na{color:#268bd2;}
.nb{color:#859900;}
.nc{color:#d33682;}
.no{color:#b58900;}
.ni{color:#800080}
.nl{color:#859900;}
.ne{color:#268bd2;}
.nf{color:#268bd2;}
.nn{color:#b58900;}
.nt{color:#268bd2;}
.nx{color:#b58900;}
.bp{color:#999999}
.vc{color:#008080}
.vg{color:#268bd2;}
.vi{color:#268bd2;}
.nv{color:#268bd2;}
.w{color:#bbbbbb}
.mf{color:#2aa198;}
.m{color:#2aa198;}
.mh{color:#2aa198;}
.mi{color:#2aa198;}
.mo{color:#009999;}
.s{color:#2aa198;}
.sb{color:#d14}
.sc{color:#d14}
.sd{color:#2aa198;}
.s2{color:#2aa198;}
.se{color:#dc322f;}
.sh{color:#d14}
.si{color:#268bd2;}
.sx{color:#d14}
.sr{color:#2aa198;}
.s1{color:#2aa198;}
.ss{color:#990073}
.il{color:#009999}
div .gd,div .gd .x,div .gi,div .gi .x{display:inline-block;width:100%}
Loading

0 comments on commit 2927326

Please sign in to comment.