Update app stylesheet, remove hardcoded favicon

New version of stylesheets now with pygments styles.  Favicon now uses
FAVICON configuration parameter to set path.
master
Andrew Senetar 11 years ago
parent d42e24c57f
commit b03fd560b6

@ -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

@ -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";

@ -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();

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

@ -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"

@ -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
}
Loading…
Cancel
Save