arsenetar
/
pelican-red
mirror of https://github.com/arsenetar/pelican-red.git
1
0
Fork 0
Code Releases Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
static/css/app.css
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%; }

BIN
static/images/favicon.ico
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 14 KiB

1
static/sass/app.scss
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";

47
static/sass/voltaicideas/components/_scrollbar.scss
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();

1
static/sass/voltaicideas/pelican-red/_iconSettings.scss
View File

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

4
static/sass/voltaicideas/pelican-red/_icons.scss
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"

65
static/sass/voltaicideas/pelican-red/_pygments-github.scss Normal file
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
}