diff --git a/static/css/app.css b/static/css/app.css index fbc1331..0ec11dc 100644 --- a/static/css/app.css +++ b/static/css/app.css @@ -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%; } diff --git a/static/images/favicon.ico b/static/images/favicon.ico deleted file mode 100644 index 5810b49..0000000 Binary files a/static/images/favicon.ico and /dev/null differ diff --git a/static/sass/app.scss b/static/sass/app.scss index d4575ac..035f9fa 100644 --- a/static/sass/app.scss +++ b/static/sass/app.scss @@ -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"; diff --git a/static/sass/voltaicideas/components/_scrollbar.scss b/static/sass/voltaicideas/components/_scrollbar.scss deleted file mode 100644 index fdc3522..0000000 --- a/static/sass/voltaicideas/components/_scrollbar.scss +++ /dev/null @@ -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(); \ No newline at end of file diff --git a/static/sass/voltaicideas/pelican-red/_iconSettings.scss b/static/sass/voltaicideas/pelican-red/_iconSettings.scss index 9f2947f..5575e08 100644 --- a/static/sass/voltaicideas/pelican-red/_iconSettings.scss +++ b/static/sass/voltaicideas/pelican-red/_iconSettings.scss @@ -58,3 +58,4 @@ $iconDark: #333 !default; normal, normal); } + diff --git a/static/sass/voltaicideas/pelican-red/_icons.scss b/static/sass/voltaicideas/pelican-red/_icons.scss index 0eaa51a..dd3cedd 100644 --- a/static/sass/voltaicideas/pelican-red/_icons.scss +++ b/static/sass/voltaicideas/pelican-red/_icons.scss @@ -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" diff --git a/static/sass/voltaicideas/pelican-red/_pygments-github.scss b/static/sass/voltaicideas/pelican-red/_pygments-github.scss new file mode 100644 index 0000000..e215e6d --- /dev/null +++ b/static/sass/voltaicideas/pelican-red/_pygments-github.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 +}