Skip to content

Commit

Permalink
Dev CSS.
Browse files Browse the repository at this point in the history
  • Loading branch information
@cowboy
cowboy committed Feb 21, 2011
1 parent 0aabc1a commit 6980d18
Showing 1 changed file with 98 additions and 7 deletions.
105 changes: 98 additions & 7 deletions sample_app/views/layout.haml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,19 @@
%title= @title
:plain
<style>
#content { width: 40em; color: #333; font-family: Georgia; }
h1, h2, h3, h4 { font-family: "Gill Sans"; font-weight: 400; }
h1 { font-size: 250%; margin-bottom: 0; }
h2 { font-size: 180%; }
h3 { font-size: 150%; }
h4 { font-size: 120%; }
p.subtitle { font-style: italic; font-size: 160%; color: #777; margin: 0; }
p.last_updated { color: #aaa; font-size: 80%; }
p { line-height: 1.4em; }
a { color: #ee6600; }
img { vertical-align: top; }
code, pre, .sh-link { font-family: "Consolas", "Courier New", Courier, monospace; font-size: 0.9em; }
code { color: #555; background: #eee; border: 1px solid #aaa; padding: 4px 0.2em 1px; -webkit-border-radius: 4px; }

.diff {overflow:auto;}
.diff ul{color:#000;background:#fff;overflow:auto;font-size:13px;list-style:none;margin:0;padding:0;display:table;width:100%;}
Expand All @@ -17,14 +29,93 @@
.diff del, .diff ins, .diff span{white-space:pre-wrap;font-family:courier;}
.diff del strong{font-weight:normal;background:#faa;}
.diff ins strong{font-weight:normal;background:#afa;}

#{Pygments.style(:monokai, :html, ['-a', '.highlighttable'])}
.highlighttable { border-collapse: collapse; }
.highlighttable .linenos { color: #aaa; background: #444; padding: 4px 3px 4px 5px; }
.highlighttable .linenos a { color: #aaa; text-decoration: none; }
.highlighttable .linenos a:hover { color: #fff; text-decoration: underline; }
.highlighttable td { border: 1px solid #444; padding: 4px 6px; }

/*{Pygments.style(:monokai, :html, ['-a', '.highlighttable'])}*/
/* adapted from https://gist.github.com/803005 */
.highlighttable { background: #181818; padding: 16px; color: #F8F8F8; font-family: Consolas, Monaco,"Lucida Console"; }
.highlighttable * { font-family: Consolas, Monaco,"Lucida Console"; }
.highlighttable .hll { background-color: #ffffcc }
.highlighttable .c { color: #5F5A60; font-style: italic } /* Comment */
.highlighttable .err { border:#B22518; } /* Error */
.highlighttable .k { color: #CDA869 } /* Keyword */
.highlighttable .cm { color: #5F5A60; font-style: italic } /* Comment.Multiline */
.highlighttable .cp { color: #5F5A60 } /* Comment.Preproc */
.highlighttable .c1 { color: #5F5A60; font-style: italic } /* Comment.Single */
.highlighttable .cs { color: #5F5A60; font-style: italic } /* Comment.Special */
.highlighttable .gd { background: #420E09 } /* Generic.Deleted */
.highlighttable .ge { font-style: italic } /* Generic.Emph */
.highlighttable .gr { background: #B22518 } /* Generic.Error */
.highlighttable .gh { color: #000080; font-weight: bold } /* Generic.Heading */
.highlighttable .gi { background: #253B22 } /* Generic.Inserted */
.highlighttable .go { } /* Generic.Output */
.highlighttable .gp { font-weight: bold } /* Generic.Prompt */
.highlighttable .gs { font-weight: bold } /* Generic.Strong */
.highlighttable .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.highlighttable .gt { } /* Generic.Traceback */
.highlighttable .kc { } /* Keyword.Constant */
.highlighttable .kd { color: #e9df8f; } /* Keyword.Declaration */
.highlighttable .kn { } /* Keyword.Namespace */
.highlighttable .kp { color: #9B703F } /* Keyword.Pseudo */
.highlighttable .kr { } /* Keyword.Reserved */
.highlighttable .kt { } /* Keyword.Type */
.highlighttable .m { } /* Literal.Number */
.highlighttable .s { } /* Literal.String */
.highlighttable .na { color: #F9EE98 } /* Name.Attribute */
.highlighttable .nb { color: #CDA869 } /* Name.Builtin */
.highlighttable .nc { color: #9B859D; font-weight: bold } /* Name.Class */
.highlighttable .no { color: #9B859D } /* Name.Constant */
.highlighttable .nd { color: #7587A6 } /* Name.Decorator */
.highlighttable .ni { color: #CF6A4C; font-weight: bold } /* Name.Entity */
.highlighttable .nf { color: #9B703F; font-weight: bold } /* Name.Function */
.highlighttable .nn { color: #9B859D; font-weight: bold } /* Name.Namespace */
.highlighttable .nt { color: #CDA869; font-weight: bold } /* Name.Tag */
.highlighttable .nv { color: #7587A6 } /* Name.Variable */
.highlighttable .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
.highlighttable .w { color: #141414 } /* Text.Whitespace */
.highlighttable .mf { color: #CF6A4C } /* Literal.Number.Float */
.highlighttable .mh { color: #CF6A4C } /* Literal.Number.Hex */
.highlighttable .mi { color: #CF6A4C } /* Literal.Number.Integer */
.highlighttable .mo { color: #CF6A4C } /* Literal.Number.Oct */
.highlighttable .sb { color: #8F9D6A } /* Literal.String.Backtick */
.highlighttable .sc { color: #8F9D6A } /* Literal.String.Char */
.highlighttable .sd { color: #8F9D6A; font-style: italic; } /* Literal.String.Doc */
.highlighttable .s2 { color: #8F9D6A } /* Literal.String.Double */
.highlighttable .se { color: #F9EE98; font-weight: bold; } /* Literal.String.Escape */
.highlighttable .sh { color: #8F9D6A } /* Literal.String.Heredoc */
.highlighttable .si { color: #DAEFA3; font-weight: bold; } /* Literal.String.Interpol */
.highlighttable .sx { color: #8F9D6A } /* Literal.String.Other */
.highlighttable .sr { color: #E9C062 } /* Literal.String.Regex */
.highlighttable .s1 { color: #8F9D6A } /* Literal.String.Single */
.highlighttable .ss { color: #CF6A4C } /* Literal.String.Symbol */
.highlighttable .bp { color: #00aaaa } /* Name.Builtin.Pseudo */
.highlighttable .vc { color: #7587A6 } /* Name.Variable.Class */
.highlighttable .vg { color: #7587A6 } /* Name.Variable.Global */
.highlighttable .vi { color: #7587A6 } /* Name.Variable.Instance */
.highlighttable .il { color: #009999 } /* Literal.Number.Integer.Long */

.sh { width: 42em; }
.sh-code { overflow: hidden; background: #181818; border: 2px solid #181818; -webkit-border-radius: 12px; -webkit-border-top-right-radius: 0; }
.highlighttable { margin: 0; padding: 0; border-collapse: collapse; }
.highlighttable td { margin: 0; padding: 0; vertical-align: top; }
.highlighttable .highlight { width: 39.4em; overflow: auto; padding: 6px 6px 3px; }
.highlighttable .highlight a { position: absolute; margin-top: -2em; } /* vertical offset for hash-linking */
.highlighttable .linenos { color: #aaa; background: #444; border-right: 2px solid #181818; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; }
.highlighttable .linenodiv { padding: 6px 3px 3px 5px; }
.highlighttable .linenodiv a { color: #aaa; text-decoration: none; }
.highlighttable .linenodiv a:hover { color: #fff; text-decoration: underline; }
.highlighttable pre { margin: 0; line-height: 125%; }
.sh-link { text-align: right; }
.sh-link a { text-decoration: none; color: #aaa; background: #181818; padding: 0.5em 0.5em 0.2em 0.6em; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; }
.sh-link a:hover { text-decoration: underline; color: #fff; }

/* adapted from http://beautifulpixels.com/goodies/create-custom-webkit-scrollbar/ */
body ::-webkit-scrollbar { height: 12px; }
::-webkit-scrollbar-button:start, ::-webkit-scrollbar-button:end { display: none; }
::-webkit-scrollbar-track-piece, ::-webkit-scrollbar-thumb { -webkit-border-radius: 8px; }
::-webkit-scrollbar-track-piece { background-color: #444; }
::-webkit-scrollbar-thumb:horizontal { width: 50px; background-color: #777; }
::-webkit-scrollbar-thumb:hover { background-color: #aaa; }

</style>
%body
%div{ style: 'float: left' }
Expand Down

0 comments on commit 6980d18

Please sign in to comment.