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 ++++++++ 2 files changed, 299 insertions(+) create mode 100644 franticworld/static/css/franticworld.css create mode 100644 franticworld/static/css/pygments.css (limited to 'franticworld/static/css') 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 -- cgit From bcc7715cb3a312f238967f30814760d497afe901 Mon Sep 17 00:00:00 2001 From: frantic1048 Date: Fri, 3 Jan 2014 17:28:55 +0800 Subject: modified center stuff width --- franticworld/static/css/franticworld.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) (limited to 'franticworld/static/css') diff --git a/franticworld/static/css/franticworld.css b/franticworld/static/css/franticworld.css index ffdf574..b6385e9 100644 --- a/franticworld/static/css/franticworld.css +++ b/franticworld/static/css/franticworld.css @@ -24,12 +24,12 @@ text-shadow:5px 5px 0px #000,4px 4px 0px white,5px -5px 0px #000,4px -4px 0px wh } .content{ -width:60em; +width:62em; display:inline-block; margin-left:3%; } .summarycontainer{ -width:60em; +width:62em; } .metabox{ vertical-align:top; @@ -57,7 +57,7 @@ text-shadow:1px 1px 0px #000; } .summarybox{ display:inline-block; -width:50em; +width:52em; background-color:rgba(255,255,255,0.6); margin-bottom:3em; margin-left:-4px; @@ -68,7 +68,7 @@ text-shadow:1px 1px 0px rgba(255,255,255,0.2); } .summarytitle,.articletitle{ display:block; -width:790px; +width:820px; margin-top:-25px; margin-left:-25px; padding:5px; @@ -92,7 +92,7 @@ text-shadow:0 0 10px #2fa0ff; .arcticlecontentbox,.page-body{ display:inline-block; -width:50em; +width:52em; background-color:rgba(255,255,255,0.6); margin-bottom:3em; margin-left:-4px; -- cgit From 9c2039a9739fd98f018e5a108e02b313b79c9d46 Mon Sep 17 00:00:00 2001 From: frantic1048 Date: Sat, 1 Mar 2014 22:18:32 +0800 Subject: updated franticworld --- franticworld/static/css/franticworld.css | 461 ++++++++++++++++--------------- 1 file changed, 232 insertions(+), 229 deletions(-) (limited to 'franticworld/static/css') diff --git a/franticworld/static/css/franticworld.css b/franticworld/static/css/franticworld.css index b6385e9..0dc03b4 100644 --- a/franticworld/static/css/franticworld.css +++ b/franticworld/static/css/franticworld.css @@ -1,238 +1,241 @@ -@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:62em; -display:inline-block; -margin-left:3%; -} -.summarycontainer{ -width:62em; -} -.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:52em; -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:820px; -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:52em; -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; +@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:62em; +display:inline-block; +margin-left:3%; +} +.summarycontainer{ +width:62em; +} +.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:52em; +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:820px; +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:52em; +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); +} +.arcticlecontentbox img, .page-body img, .summarybox img{ + max-width:780px; +} +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 */ -} +-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; -} +}.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 -- cgit