Update app stylesheet, remove hardcoded favicon

New version of stylesheets now with pygments styles.  Favicon now uses
FAVICON configuration parameter to set path.
This commit is contained in:
Andrew Senetar 2013-07-14 00:52:04 -04:00
parent d42e24c57f
commit b03fd560b6
7 changed files with 136 additions and 48 deletions

View File

@ -517,8 +517,10 @@ table tr th, table tr td { padding: 0.5625em 0.625em; font-size: 0.875em; color:
table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #f9f9f9; }
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; line-height: 1.125em; }
/* Icon Font */
@font-face { font-family: "pelican-red"; src: url('../fonts/pelican-red.eot'); src: url('../fonts/pelican-red.eot?#iefix') format('eot'), url('../fonts/pelican-red.woff') format('woff'), url('../fonts/pelican-red.ttf') format('truetype'), url('../fonts/pelican-red.svg') format('svg'); font-weight: normal; font-style: normal; }
/* Icon font Styles */
[class*="icon-"] { background-image: none; background-position: 0% 0%; background-repeat: repeat; display: inline; height: auto; width: auto; vertical-align: baseline; line-height: 1; margin-top: 0; speak: none; font-family: "pelican-red"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: inherit; -webkit-font-smoothing: antialiased; }
[class*="icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; }
@ -563,6 +565,7 @@ a [class*="icon-"]:before { display: inline; }
.animate-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; }
/* Icon Font List */
.icon-grooveshark:before { content: "\e805"; }
.icon-reddit:before { content: "\e804"; }
@ -643,6 +646,69 @@ a [class*="icon-"]:before { display: inline; }
.icon-link:before { content: "\e81b"; }
/* Pygments Code Highlight */
.highlight .hll { background-color: #ffffcc; }
.highlight .c { color: #999988; font-style: italic; }
.highlight .err { color: #a61717; background-color: #e3d2d2; }
.highlight .k { color: #000000; font-weight: bold; }
.highlight .o { color: #000000; font-weight: bold; }
.highlight .cm { color: #999988; font-style: italic; }
.highlight .cp { color: #999999; font-weight: bold; font-style: italic; }
.highlight .c1 { color: #999988; font-style: italic; }
.highlight .cs { color: #999999; font-weight: bold; font-style: italic; }
.highlight .gd { color: #000000; background-color: #ffdddd; }
.highlight .ge { color: #000000; font-style: italic; }
.highlight .gr { color: #aa0000; }
.highlight .gh { color: #999999; }
.highlight .gi { color: #000000; background-color: #ddffdd; }
.highlight .go { color: #888888; }
.highlight .gp { color: #555555; }
.highlight .gs { font-weight: bold; }
.highlight .gu { color: #aaaaaa; }
.highlight .gt { color: #aa0000; }
.highlight .kc { color: #000000; font-weight: bold; }
.highlight .kd { color: #000000; font-weight: bold; }
.highlight .kn { color: #000000; font-weight: bold; }
.highlight .kp { color: #000000; font-weight: bold; }
.highlight .kr { color: #000000; font-weight: bold; }
.highlight .kt { color: #445588; font-weight: bold; }
.highlight .m { color: #009999; }
.highlight .s { color: #d01040; }
.highlight .na { color: teal; }
.highlight .nb { color: #0086b3; }
.highlight .nc { color: #445588; font-weight: bold; }
.highlight .no { color: teal; }
.highlight .nd { color: #3c5d5d; font-weight: bold; }
.highlight .ni { color: purple; }
.highlight .ne { color: #990000; font-weight: bold; }
.highlight .nf { color: #990000; font-weight: bold; }
.highlight .nl { color: #990000; font-weight: bold; }
.highlight .nn { color: #555555; }
.highlight .nt { color: navy; }
.highlight .nv { color: teal; }
.highlight .ow { color: #000000; font-weight: bold; }
.highlight .w { color: #bbbbbb; }
.highlight .mf { color: #009999; }
.highlight .mh { color: #009999; }
.highlight .mi { color: #009999; }
.highlight .mo { color: #009999; }
.highlight .sb { color: #d01040; }
.highlight .sc { color: #d01040; }
.highlight .sd { color: #d01040; }
.highlight .s2 { color: #d01040; }
.highlight .se { color: #d01040; }
.highlight .sh { color: #d01040; }
.highlight .si { color: #d01040; }
.highlight .sx { color: #d01040; }
.highlight .sr { color: #009926; }
.highlight .s1 { color: #d01040; }
.highlight .ss { color: #990073; }
.highlight .bp { color: #999999; }
.highlight .vc { color: teal; }
.highlight .vg { color: teal; }
.highlight .vi { color: teal; }
.highlight .il { color: #009999; }
html { height: 100%; }
body { height: 100%; }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

View File

@ -44,6 +44,7 @@
// VoltaicIdeas Imports
$set: 'pelican-red';
@import "voltaicideas/pelican-red/icons"; // icon fonts
@import "voltaicideas/pelican-red/pygments-github"; // pygments css
@import "compass/css3/box-shadow";
@import "compass/css3/border-radius";

View File

@ -1,47 +0,0 @@
//
// RangerTBC Style Components
//
// Scrollbar Component components/_scrollbar.scss
// Version: 0.1
// Created By: Andrew Senetar
// Date: May, 22 2013
// Used: Google+ Style as Starting Point
//// Variables
//// Mixins
// this was going to be more cool?
@mixin scrollbar(){
::-webkit-scrollbar{
width: 12px;
height: 12px;
}
::-webkit-scrollbar-button,{
height: 0;
width: 0;
}
::-webkit-scrollbar-track{
border: solid transparent;
background-color: #f5f5f5;
}
::-webkit-scrollbar-track-piece {
background-color: #f5f5f5;
@include box-shadow(inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07));
}
::-webkit-scrollbar-thumb {
min-height: 30px;
background-color: rgba(0,0,0,0.2);
border: none;
@include box-shadow(inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07));
&:hover{
background-color: rgba(0,0,0,0.4);
}
}
}
//// Style
//scrollbar styling
@include scrollbar();

View File

@ -58,3 +58,4 @@ $iconDark: #333 !default;
normal,
normal);
}

View File

@ -10,10 +10,11 @@
@import "voltaicideas/pelican-red/iconSettings";
/* Icon Font */
@include face(#{$set}); //@font-face
//// global icon styles (from Foundation Icons + Font Awesome)
/* Icon font Styles */
[class*="#{$classPrefix}"] {
background-image: none;
background-position: 0% 0%;
@ -130,5 +131,6 @@ a [class*="#{$classPrefix}"]:before {
}
//// Actual Icons
/* Icon Font List */
@import "voltaicideas/pelican-red/_iconList.scss"

View File

@ -0,0 +1,65 @@
/* Pygments Code Highlight */
.highlight {
.hll { background-color: #ffffcc }
.c { color: #999988; font-style: italic } // Comment
.err { color: #a61717; background-color: #e3d2d2 } // Error
.k { color: #000000; font-weight: bold } // Keyword
.o { color: #000000; font-weight: bold } // Operator
.cm { color: #999988; font-style: italic } // Comment.Multiline
.cp { color: #999999; font-weight: bold; font-style: italic } // Comment.Preproc
.c1 { color: #999988; font-style: italic } // Comment.Single
.cs { color: #999999; font-weight: bold; font-style: italic } // Comment.Special
.gd { color: #000000; background-color: #ffdddd } // Generic.Deleted
.ge { color: #000000; font-style: italic } // Generic.Emph
.gr { color: #aa0000 } // Generic.Error
.gh { color: #999999 } // Generic.Heading
.gi { color: #000000; background-color: #ddffdd } // Generic.Inserted
.go { color: #888888 } // Generic.Output
.gp { color: #555555 } // Generic.Prompt
.gs { font-weight: bold } // Generic.Strong
.gu { color: #aaaaaa } // Generic.Subheading
.gt { color: #aa0000 } // Generic.Traceback
.kc { color: #000000; font-weight: bold } // Keyword.Constant
.kd { color: #000000; font-weight: bold } // Keyword.Declaration
.kn { color: #000000; font-weight: bold } // Keyword.Namespace
.kp { color: #000000; font-weight: bold } // Keyword.Pseudo
.kr { color: #000000; font-weight: bold } // Keyword.Reserved
.kt { color: #445588; font-weight: bold } // Keyword.Type
.m { color: #009999 } // Literal.Number
.s { color: #d01040 } // Literal.String
.na { color: #008080 } // Name.Attribute
.nb { color: #0086B3 } // Name.Builtin
.nc { color: #445588; font-weight: bold } // Name.Class
.no { color: #008080 } // Name.Constant
.nd { color: #3c5d5d; font-weight: bold } // Name.Decorator
.ni { color: #800080 } // Name.Entity
.ne { color: #990000; font-weight: bold } // Name.Exception
.nf { color: #990000; font-weight: bold } // Name.Function
.nl { color: #990000; font-weight: bold } // Name.Label
.nn { color: #555555 } // Name.Namespace
.nt { color: #000080 } // Name.Tag
.nv { color: #008080 } // Name.Variable
.ow { color: #000000; font-weight: bold } // Operator.Word
.w { color: #bbbbbb } // Text.Whitespace
.mf { color: #009999 } // Literal.Number.Float
.mh { color: #009999 } // Literal.Number.Hex
.mi { color: #009999 } // Literal.Number.Integer
.mo { color: #009999 } // Literal.Number.Oct
.sb { color: #d01040 } // Literal.String.Backtick
.sc { color: #d01040 } // Literal.String.Char
.sd { color: #d01040 } // Literal.String.Doc
.s2 { color: #d01040 } // Literal.String.Double
.se { color: #d01040 } // Literal.String.Escape
.sh { color: #d01040 } // Literal.String.Heredoc
.si { color: #d01040 } // Literal.String.Interpol
.sx { color: #d01040 } // Literal.String.Other
.sr { color: #009926 } // Literal.String.Regex
.s1 { color: #d01040 } // Literal.String.Single
.ss { color: #990073 } // Literal.String.Symbol
.bp { color: #999999 } // Name.Builtin.Pseudo
.vc { color: #008080 } // Name.Variable.Class
.vg { color: #008080 } // Name.Variable.Global
.vi { color: #008080 } // Name.Variable.Instance
.il { color: #009999 } // Literal.Number.Integer.Long
}