Mention Twitter hashtag and add Twitter time line

[edu/osp-wiki.git] / local.css

diff --git a/local.css b/local.css
index 428f89d9e407806c7af6312eb203b3c14be0fbc2..e48bb84e8f2477a21b6003465d5693de4138bd76 100644 (file)
--- a/local.css
+++ b/local.css
@@ -14,8 +14,15 @@ hr {
   border-style:none;
 }
 
-code,pre {
+code,pre,pre.hl {
   background:#eee;
+  border: 1px solid #d8d8d8;
+  padding: 0px 2px;
+  border-radius: 2px;
+}
+pre code {
+  border: none;
+  padding: 0;
 }
 
 pre {
@@ -42,6 +49,12 @@ body {
   left: 0;
 }
 
+#pagebody {
+    position: absolute;
+    top: 107px;
+    width: 100%;
+}
+
 .pageheader .header {
     padding: 1em 1em 1em 1em;
 }
@@ -76,9 +89,14 @@ body {
   margin:1em 2em;
 }
 
+.pagefooter, .inlinefooter, .comment-header {
+  color: gray;
+  font-size: 70%;
+}
+
 #content {
-  margin-top: 107px;
   padding-top: 1ex;
+  max-width: 60em;
 }
 
 #pageinfo {
@@ -102,7 +120,7 @@ h1,h2,h3,h4,h5,h6 {
 }
 
 h1 {
-  font:120% sans-serif;
+  font:150% sans-serif;
 }
 
 h2 {
@@ -183,13 +201,18 @@ a[href$=.pdf] {
   clear:both;
   margin-bottom:1em;
   border-bottom:1px solid #e8e5d6;
-  background:#f0ecdc;
+  background:#f8f8f8;
   position:relative;
   border-radius:.6em;
   -moz-border-radius:.6em;
   padding:.7em 1.4em;
 }
 
+.comment code, .comment pre, .comment pre.hl {
+  background:#ddd;
+}
+
+
 .inlinepage h2,.inlinepage h3 {
   font-size:100%;
 }
@@ -227,7 +250,7 @@ legend {
   padding: 0 1ex 0 0.5ex;
 }
 
-#sidebar {
+.sidebar {
   position: absolute;
   bottom: 0px;
   width: 100%;
@@ -236,22 +259,29 @@ legend {
   padding-left: 1em;
   float: none;
   background-color: transparent;
+  border: 0px;
 }
 
-#sidebar ul {
+.pageheader #google_translate_element {
+    position: absolute;
+    top: 3ex;
+    right: 10px;
+}
+
+.sidebar ul {
   margin:0;
   padding:0;
 }
 
 
-#sidebar li {
+.sidebar li {
   display: inline;
   list-style:none;
   padding: 0;
   margin: 0;
 }
 
-#sidebar ul li a, #sidebar ul li span {
+.sidebar ul li a, .sidebar ul li span {
   color: #FFF;
   background-color: #206cbc;
   display: inline-block;
@@ -267,10 +297,10 @@ legend {
   border-radius:.3em .3em 0 0;
   -moz-border-radius: .3em .3em 0 0;
 }
-#sidebar ul li a:hover {
+.sidebar ul li a:hover {
   background-color: #7faede;
 }
-#sidebar ul li span.selflink {
+.sidebar ul li span.selflink {
   background-color: white;
   color: black;
 //  border: 1px solid #eee;
@@ -278,21 +308,33 @@ legend {
 }
 
 .toc {
-  line-height: 3ex;
   width: 30ex;
   float: right;
   margin-left: 40px;
   margin-bottom: 40px;
   padding: 2ex 2ex;
   background: #bbdbfa;
-  border: 1px solid #206cbc;
-  -moz-border-radius: 0.5ex;
+  border: none;
+  border-radius: 0.5ex;
+  box-shadow: 3px 3px 5px #aaa;
+}
+
+.toc ol ol {
+    padding-left: 2.5ex;
 }
 
 .toc li {
   margin-bottom: 0.5ex;
 }
 
+li.L1 {
+  list-style: decimal;
+}
+
+li.L2 {
+  list-style: lower-alpha;
+}
+
 table {
   margin: 1ex 0ex;
 }
@@ -317,3 +359,22 @@ table.borders th, table.borders td {
 ol.lower-alpha {
   list-style-type: lower-alpha;
 }
+
+ol ol {
+  list-style-type: lower-alpha;
+}
+
+blockquote {
+    font-style:italic;
+    color: #666;
+    border-left: 2px solid gray;
+    margin-left: 0;
+    margin-right: 0;
+    padding-left: 1em;
+}
+
+.twitter-logo {
+    height: 1.5ex;
+    width: auto;
+    vertical-align: baseline;
+}