updated franticworld

1 files changed, 232 insertions, 229 deletions

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