From 168b866cbafb6c3988097261cc48af7270ec72e9 Mon Sep 17 00:00:00 2001 From: frantic1048 Date: Thu, 21 Nov 2013 16:11:50 +0800 Subject: add franticworld's theme --- franticworld/static/css/franticworld.css | 238 +++++++++++++++++++++++++++++++ franticworld/static/css/pygments.css | 61 ++++++++ franticworld/static/img/pattern.png | Bin 0 -> 22749 bytes 3 files changed, 299 insertions(+) create mode 100644 franticworld/static/css/franticworld.css create mode 100644 franticworld/static/css/pygments.css create mode 100644 franticworld/static/img/pattern.png (limited to 'franticworld/static') diff --git a/franticworld/static/css/franticworld.css b/franticworld/static/css/franticworld.css new file mode 100644 index 0000000..ffdf574 --- /dev/null +++ b/franticworld/static/css/franticworld.css @@ -0,0 +1,238 @@ +@import url(http://fonts.googleapis.com/css?family=Source+Code+Pro|Kelly+Slab|Atomic+Age|Jim+Nightshade); + +body{ +font-size:15px; +font-family:arial; +font-family:kelly slab; +} +a{text-decoration:none} +.nav-banner{ +display:block; +width:auto; +height:50px; +font-size:64px; +margin-top:20px; +margin-bottom:40px; +text-align:center; +font-family:jim nightshade; +} +.nav-banner>a{ +color:white; +font-weight:bold; +font-size:72px; +text-shadow:5px 5px 0px #000,4px 4px 0px white,5px -5px 0px #000,4px -4px 0px white,-5px 5px 0px #000,-4px 4px 0px white,-5px -5px 0px #000,-4px -4px 0px white; +} + +.content{ +width:60em; +display:inline-block; +margin-left:3%; +} +.summarycontainer{ +width:60em; +} +.metabox{ +vertical-align:top; +display:inline-block; +top:0; +width:5em; +text-align:center; +color:white; +background-color:rgba(255,255,255,0.3); +box-shadow:0px 0px 10px #000000; +z-index:-1; +} +.metaday{ +font-weight:bold; +font-size:26px; +text-shadow:0 0 10px #ff1f99; +} +.metayear{ +font-size:18px; +text-shadow:0 0 5px #ff1f99; +} +.metacategory{ +font-size:22px; +text-shadow:1px 1px 0px #000; +} +.summarybox{ +display:inline-block; +width:50em; +background-color:rgba(255,255,255,0.6); +margin-bottom:3em; +margin-left:-4px; +padding:1em; +box-shadow:0px 0px 10px #000000; +color:#222; +text-shadow:1px 1px 0px rgba(255,255,255,0.2); +} +.summarytitle,.articletitle{ +display:block; +width:790px; +margin-top:-25px; +margin-left:-25px; +padding:5px; +padding-top:10px; +padding-bottom:15px; +font-size:30px; +font-weight:bold; +text-align:center; +color:#eee; +text-shadow:1px 1px 2px #333,-1px -1px 5px #333,20px 15px 2px rgba(255,255,255,0.1),-20px 15px 2px rgba(255,255,255,0.1),20px -10px 2px rgba(255,255,255,0.1),-20px -10px 2px rgba(255,255,255,0.1); +box-shadow:0 1px 5px rgba(0,0,0,0.8); +background:rgba(48,48,48,1); +transition: text-shadow 0.5s; +-moz-transition: text-shadow 0.5s; /* Firefox 4 */ +-webkit-transition: text-shadow 0.5s; /* Safari 和 Chrome */ +-o-transition: text-shadow 0.5s; /* Opera */ +} +.summarytitle:hover,.articletitle:hover{ +text-shadow:0 0 10px #2fa0ff; +} + +.arcticlecontentbox,.page-body{ +display:inline-block; +width:50em; +background-color:rgba(255,255,255,0.6); +margin-bottom:3em; +margin-left:-4px; +padding:1em; +box-shadow:0px 0px 10px #000000; +color:#222; +text-shadow:1px 1px 0px rgba(255,255,255,0.2); +} +h1{ +padding-top:5px; +padding-bottom:5px; +padding-left:10px; +margin-left:-20px; +background:rgba(140,203,255,0.2); +text-shadow:0 0 10px rgba(255,255,255,0.5); +width:780px; +height:1.2em; +text-align:center; +box-shadow:1px 1px 2px rgba(48,168,200,1); +} +h2{ +padding:3px; +font-size:28px; +text-align:center; +margin-left:30px; +margin-right:30px; +background:rgba(155,155,155,0.5); +box-shadow:0 0 2px rgba(0,0,0,0.4); +} +pre,blockquote{ +color:#eee; +padding:5px; +background-color:#222; +box-shadow:0px 0px 1px #222; +padding-left:10px; +border-left:2px solid #2fa0ff; +overflow:auto; +} +blockquote{ +margin-left:0; +margin-right:0; +padding-top:1px; +padding-bottom:1px; +border-left:2px solid #000; +color:inherit; +font-size:12px; +line-height:18px; +background-color:transparent; +} +code{ +font-family:sourcecode pro; +font-weight:bold; +padding-left:2px; +padding-right:2px; +background:#888888 +} +table{ +font-size:12px; +line-height:18px; +background-color:transparent; +width:100%; +overflow:auto; +} +tr:nth-child(odd){background-color:rgba(255,255,255,0.2);} +tr:nth-child(even){background-color:rgba(140,203,255,0.2);} +li{ +font-size:12px; +list-style-type : square; +} +.sidebar{ +position:absolute; +display:inline-block; +margin-left:-1em; +width:10em; +padding:0em 1em 1em 1em; +background-color:rgba(0,0,0,0.3); +box-shadow:2px 0px 10px #000000; +} +.sidebar h4{ +line-height:5px; +font-size:20px; +text-shadow:0 0 1px #63b8ff; +color:#ccc; +font-weight:bold; +} +.sidebar li{list-style-type : none;} +.sidebar a{ +font-family:atomic age; +line-height:28px; +color:#2fa0ff; +font-size:16px; +display:block; +width:100%; +padding:3px; +padding-left:5px; +} +.sidebar a:hover{ +font-size:20px; +font-weight:bold; +color:#eee; +padding-left:18px; +border-radius:2px 0 0 2px; +box-shadow:0px 0px 20px rgba(140,203,255,0.7); +background:rgba(140,203,255,1); +-moz-transition: font-size 0.2s; /* Firefox 4 */ +-webkit-transition:font-size 0.2s; /* Safari 和 Chrome */ +-o-transition:font-size 0.2s; /* Opera */ +} +.paginator{ +border-radius:2px; +padding:10px; +color:#fff; +font-family:jim nightshade; +margin-top:-1em; +text-align:center; +font-size:2em;} +.paginator>a{ +color:#2f99ff; +font-family:kelly slab; +text-shadow:1px 1px 1px rgba(0,0,0,0.8),-1px -1px 1px rgba(0,0,0,0.8),1px -1px 1px rgba(0,0,0,0.8),-1px 1px 1px rgba(0,0,0,0.8); +transition:text-shadow; +-moz-transition:text-shadow 0.2s; /* Firefox 4 */ +-webkit-transition:text-shadow 0.2s; /* Safari 和 Chrome */ +-o-transition:text-shadow 0.2s; /* Opera */ +} +.paginator>a:hover{ +font-weight:bold; +color:white; +text-shadow:1px 1px 1px rgba(0,0,0,0.4),-1px -1px 1px rgba(0,0,0,0.4),1px -1px 1px rgba(0,0,0,0.4),-1px 1px 1px rgba(0,0,0,0.4),0px 0px 10px rgba(140,203,255,0.8),0px 0px 10px rgba(140,203,255,0.8),0px 0px 10px rgba(140,203,255,0.8),0px 0px 10px rgba(140,203,255,0.8); +}.paginator>a:before{ +content:" "; +display:inline-block; +margin-left:20px; +height:10px; +width:10px; +background-color:transparent;} +#about{ +font-size:1.5em; +display:block; +text-align:center; +color:#ccc; +} +#about a{text-decoration:underline;color:#ccc;font-family:jim nightshade;} \ No newline at end of file diff --git a/franticworld/static/css/pygments.css b/franticworld/static/css/pygments.css new file mode 100644 index 0000000..3fbcb47 --- /dev/null +++ b/franticworld/static/css/pygments.css @@ -0,0 +1,61 @@ +/* .highlight { background: #eeffcc; } */ +.highlight .hll { background-color: #ffffcc } +.highlight .c { color: #75715E; font-style: italic } /* Comment */ +.highlight .k { color: #F92672; font-weight: bold } /* Keyword */ +.highlight .o { color: #F92672 } /* Operator */ +.highlight .cm { color: #75715E; font-style: italic } /* Comment.Multiline */ +.highlight .cp { color: #F92672 } /* Comment.Preproc */ +.highlight .c1 { color: #75715E; font-style: italic } /* Comment.Single */ +.highlight .cs { color: #75715E; background-color: #000000 } /* Comment.Special */ +.highlight .gd { color: #A00000 } /* Generic.Deleted */ +.highlight .ge { font-style: italic } /* Generic.Emph */ +.highlight .gr { color: #FF0000 } /* Generic.Error */ +.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */ +.highlight .gi { color: #00A000 } /* Generic.Inserted */ +.highlight .go { color: #303030 } /* Generic.Output */ +.highlight .gp { color: #c65d09; font-weight: bold } /* Generic.Prompt */ +.highlight .gs { font-weight: bold } /* Generic.Strong */ +.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */ +.highlight .gt { color: #0040D0 } /* Generic.Traceback */ +.highlight .kc { color: #F92672; font-weight: bold } /* Keyword.Constant */ +.highlight .kd { color: #F92672; font-weight: bold } /* Keyword.Declaration */ +.highlight .kn { color: #F92672; font-weight: bold } /* Keyword.Namespace */ +.highlight .kp { color: #F92672 } /* Keyword.Pseudo */ +.highlight .kr { color: #F92672; font-weight: bold } /* Keyword.Reserved */ +.highlight .kt { color: #F92672 } /* Keyword.Type */ +.highlight .m { color: #AE81FF } /* Literal.Number */ +.highlight .s { color: #E6DB74 } /* Literal.String */ +.highlight .na { color: #E6DB74 } /* Name.Attribute */ +.highlight .nb { color: #F92672 } /* Name.Builtin */ +.highlight .nc { color: #ff8300; font-weight: bold } /* Name.Class */ +.highlight .no { color: #60add5 } /* Name.Constant */ +.highlight .nd { color: #555555; font-weight: bold } /* Name.Decorator */ +.highlight .ni { color: #d55537; font-weight: bold } /* Name.Entity */ +.highlight .ne { color: #F92672 } /* Name.Exception */ +.highlight .nf { color: #06287e } /* Name.Function */ +.highlight .nl { color: #002070; font-weight: bold } /* Name.Label */ +.highlight .nn { color: #ff8300; font-weight: bold } /* Name.Namespace */ +.highlight .nt { color: #062873; font-weight: bold } /* Name.Tag */ +.highlight .nv { color: #bb60d5 } /* Name.Variable */ +.highlight .ow { color: #F92672; font-weight: bold } /* Operator.Word */ +.highlight .w { color: #777777 } /* Text.Whitespace */ +.highlight .mf { color: #AE81FF } /* Literal.Number.Float */ +.highlight .mh { color: #AE81FF } /* Literal.Number.Hex */ +.highlight .mi { color: #AE81FF } /* Literal.Number.Integer */ +.highlight .mo { color: #AE81FF } /* Literal.Number.Oct */ +.highlight .sb { color: #E6DB74 } /* Literal.String.Backtick */ +.highlight .sc { color: #E6DB74 } /* Literal.String.Char */ +.highlight .sd { color: #E6DB74; font-style: italic } /* Literal.String.Doc */ +.highlight .s2 { color: #E6DB74 } /* Literal.String.Double */ +.highlight .se { color: #E6DB74; font-weight: bold } /* Literal.String.Escape */ +.highlight .sh { color: #E6DB74 } /* Literal.String.Heredoc */ +.highlight .si { color: #E6DB74; font-style: italic } /* Literal.String.Interpol */ +.highlight .sx { color: #c65d09 } /* Literal.String.Other */ +.highlight .sr { color: #235388 } /* Literal.String.Regex */ +.highlight .s1 { color: #E6DB74 } /* Literal.String.Single */ +.highlight .ss { color: #517918 } /* Literal.String.Symbol */ +.highlight .bp { color: #F92672 } /* Name.Builtin.Pseudo */ +.highlight .vc { color: #bb60d5 } /* Name.Variable.Class */ +.highlight .vg { color: #bb60d5 } /* Name.Variable.Global */ +.highlight .vi { color: #bb60d5 } /* Name.Variable.Instance */ +.highlight .il { color: #AE81FF } /* Literal.Number.Integer.Long */ \ No newline at end of file diff --git a/franticworld/static/img/pattern.png b/franticworld/static/img/pattern.png new file mode 100644 index 0000000..17b491e Binary files /dev/null and b/franticworld/static/img/pattern.png differ -- cgit