1 files changed, 192 insertions, 0 deletions
diff --git a/styles.css b/styles.css
new file mode 100755
index 0000000..4ca9777
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,192 @@
+*{
+    line-height:24px;
+}
+
+img{
+    padding:10px;
+    height:60%;
+    width:70%;
+}
+
+#spinthonk{
+    padding:1px;
+    height:50px;
+    width:50px;
+}
+
+#gitimg, #rssimg, #rssimg2 {
+    height:24px;
+    width:24px;
+    padding:2px;
+
+}
+
+.pagetoplink {
+    position: fixed;
+    width: 20%;
+    bottom: 0;
+    left: 0;
+    padding: 0.5em;
+}
+
+
+#omemo_fpts {
+margin-left:17%;
+}
+
+#guide-sommaire{
+    padding:5px;
+    border:1px solid black;
+}
+
+body{
+    background-color:beige;
+    color:#222222;
+    font-family: Sans-Serif;
+    font-style: normal;
+    font-weight: 375;
+    font-size:12pt;
+}
+
+h1,h2,h3{
+    line-height:30px;
+    text-align:center;
+    margin:auto;
+    width:70%;
+}
+
+h2,h3{
+    text-align:left;
+    margin-top:2.5%;
+}
+
+p,table,pre,ol,ul,#guide-sommaire{
+    color: #222222;
+    width:70%;
+    margin:auto;
+}
+
+p{
+text-indent:3%;
+
+}
+
+#footnotes {
+   font-size:0.85em; 
+}
+
+pre{
+    overflow:auto;
+    padding:10px;
+    border-radius:10px;
+    border:1px solid grey;
+    line-height:15px;
+    color:white;
+    background-color:#222236;
+    font-size:0.9em;
+}
+
+pre, code{
+    font-family:monospace;
+}
+
+pre a {
+    color:cyan;
+}
+
+table{
+    width:85%;
+    padding:5px;
+}
+
+td,tr{
+    width:25%;
+    text-align:center;
+    padding:5px;
+}
+
+td,th{
+    border-bottom:1px solid black; 	
+}
+
+th{
+    border:2px solid #222222;
+    border-width:2px;
+}
+
+li{
+    width:90%;
+    margin:auto;
+}
+   
+a{
+    color:teal;
+    text-decoration:none;
+}
+
+a:hover{
+    text-decoration:underline;
+}
+
+.blogentry{
+    width:65%;
+    margin:auto;
+}
+
+.blogentry h2, .blogentry p{
+    width:100%;
+}
+
+footer{
+    width:70%;
+    margin:auto;
+    padding-top:15px;
+}
+
+.blogentry small, body small{
+    width:100%;
+    display:block;
+    text-align:center;
+}
+
+
+blockquote{
+    width:65%;
+    margin:auto;
+    padding:10px;
+    margin-top:10px;
+    margin-bottom:10px;
+    border-left:3px solid grey;
+    text-align:none;
+}
+
+blockquote small{
+    text-align:inherit;
+}
+
+/*ripped from mozilla MDN, thx lol*/
+kbd {
+    background-color: #eee;
+    border-radius: 3px;
+    border: 1px solid #b4b4b4;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 2px 0 0 rgba(255,
+    255, 255, .7) inset;
+    color: #333;
+    display: inline-block;
+    font-size: .85em;
+    font-weight: 700;
+    line-height: 1;
+    padding: 2px 4px;
+    white-space: nowrap;
+}
+figcaption {
+    text-align: center;
+    font-style: italic;
+    font-size: 90%;
+}
+
+@media screen and (max-width: 740px) {
+    #omemo_fpts {
+        margin-left:25%;
+    }
+}