mirror of
https://github.com/arsenetar/pelican-red.git
synced 2024-11-22 11:19:02 +00:00
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:
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 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; }
|
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; }
|
@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-"] { 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; }
|
[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; }
|
.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-grooveshark:before { content: "\e805"; }
|
||||||
|
|
||||||
.icon-reddit:before { content: "\e804"; }
|
.icon-reddit:before { content: "\e804"; }
|
||||||
@ -643,6 +646,69 @@ a [class*="icon-"]:before { display: inline; }
|
|||||||
|
|
||||||
.icon-link:before { content: "\e81b"; }
|
.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%; }
|
html { height: 100%; }
|
||||||
|
|
||||||
body { height: 100%; }
|
body { height: 100%; }
|
||||||
|
Binary file not shown.
Before Width: | Height: | Size: 14 KiB |
@ -44,6 +44,7 @@
|
|||||||
// VoltaicIdeas Imports
|
// VoltaicIdeas Imports
|
||||||
$set: 'pelican-red';
|
$set: 'pelican-red';
|
||||||
@import "voltaicideas/pelican-red/icons"; // icon fonts
|
@import "voltaicideas/pelican-red/icons"; // icon fonts
|
||||||
|
@import "voltaicideas/pelican-red/pygments-github"; // pygments css
|
||||||
|
|
||||||
@import "compass/css3/box-shadow";
|
@import "compass/css3/box-shadow";
|
||||||
@import "compass/css3/border-radius";
|
@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,
|
||||||
normal);
|
normal);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -10,10 +10,11 @@
|
|||||||
|
|
||||||
@import "voltaicideas/pelican-red/iconSettings";
|
@import "voltaicideas/pelican-red/iconSettings";
|
||||||
|
|
||||||
|
/* Icon Font */
|
||||||
@include face(#{$set}); //@font-face
|
@include face(#{$set}); //@font-face
|
||||||
|
|
||||||
//// global icon styles (from Foundation Icons + Font Awesome)
|
//// global icon styles (from Foundation Icons + Font Awesome)
|
||||||
|
/* Icon font Styles */
|
||||||
[class*="#{$classPrefix}"] {
|
[class*="#{$classPrefix}"] {
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-position: 0% 0%;
|
background-position: 0% 0%;
|
||||||
@ -130,5 +131,6 @@ a [class*="#{$classPrefix}"]:before {
|
|||||||
}
|
}
|
||||||
|
|
||||||
//// Actual Icons
|
//// Actual Icons
|
||||||
|
/* Icon Font List */
|
||||||
@import "voltaicideas/pelican-red/_iconList.scss"
|
@import "voltaicideas/pelican-red/_iconList.scss"
|
||||||
|
|
||||||
|
65
static/sass/voltaicideas/pelican-red/_pygments-github.scss
Normal file
65
static/sass/voltaicideas/pelican-red/_pygments-github.scss
Normal 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
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user