From 14137e84fa343a9f57be7f50b629e3d989a19542 Mon Sep 17 00:00:00 2001
From: Evert <imsonotsleepy@gmail.com>
Date: Wed, 7 Feb 2018 19:36:21 +0200
Subject: [PATCH] Clean up the stylesheet

---
 src/style/main.styl | 241 +-------------------------------------------
 views/donate.pug    |   4 +-
 2 files changed, 3 insertions(+), 242 deletions(-)

diff --git a/src/style/main.styl b/src/style/main.styl
index b068b21..c960e45 100644
--- a/src/style/main.styl
+++ b/src/style/main.styl
@@ -25,74 +25,6 @@ body
         cursor: pointer
         display: inline-block
 
-.mobview
-    display: none !important
-
-.navigator
-    position: relative
-    padding: 0 50px
-    transition: background-color 0.1s linear
-    background-color: rgb(0, 219, 247)
-    z-index: 5
-    height: 68px
-    
-    &.fix
-        top: 0
-        left: 0
-        right: 0
-        position: fixed
-        background-color: rgba(0, 219, 247, 0.67)
-
-    #navlogo
-        float: left
-        &.hidden
-            display: none
-
-    ul
-        padding: 0
-        margin: 0
-        display: inline-block
-        list-style-type: none
-
-    li
-        font-size: 30px
-        display: inline-block
-        height: 68px
-        line-height: 2.2
-        a
-            text-decoration: none
-            padding: 20px
-            color: #007cde
-            font-weight: bold
-            text-transform: uppercase
-            font-size: 25px
-            transition: background-color 0.1s linear
-            &:hover
-                background-color: rgba(255, 255, 255, 0.25)
-    
-    .showButton
-        margin: 0
-        padding: 20px
-        display: none
-        float: right
-        font-size: 150%
-        position: relative
-        cursor: pointer
-        color: green
-    
-    .list
-        display: flex
-        flex-direction: row
-        
-        .floating
-            margin-left: auto
-
-    input[type=checkbox]
-        display: none
-
-        &:checked ~ .list
-            max-height: 500px
-
 .carousel
     margin-bottom: 4rem
 
@@ -132,86 +64,16 @@ body
         margin-bottom: 1.25rem
         color: #999
 
-.divboxes
-    text-align: center
-.divbox
-    width: 300px
-    display: inline-block
-    margin: 20px
-    vertical-align: text-top
-    .head
-        display: block
-        font-size: 30px
-        .fa
-            color: white
-            height: 32px
-            width: 32px
-            padding: 10px
-            border-radius: 100px
-            margin-right: 15px
-        .fa-lock
-            background-color: orange
-        .fa-github
-            background-color: green
-
-.wrapper
-    overflow: hidden
-    min-height: 100vh
-    width: 100%
-
-.document
-    overflow: hidden
-    min-height: 100vh
-    padding: 50px
-    background-color: #fff
-
-.tos
-    display: inline-block
-    width: 60%
-    font-size: 120%
-
 .g-recaptcha
     margin-top: 10px
 
 code
     white-space: pre
 
-
 .button
     display: inline-block
     margin-right: 5px
 
-.boxcont
-    .box
-        padding: 20px
-        margin: auto
-        margin-top: 5%
-        background-color: #fff
-        box-shadow: 5px 5px 15px #868686
-        border: 1px solid #ddd
-        margin-bottom: 10%
-        h1:first-child, h3:first-child
-            margin-top: 0
-        .left, .right
-            display: inline-block
-            width: 50%
-        .left
-            border-right: 1px solid #ddd
-        .right
-            float: right
-            width: 46%
-        &#login
-            max-width: 700px
-        &#settings
-            max-width: 700px
-            min-height: 380px
-        &#totpcheck
-            max-width: 400px
-        &#donate 
-            max-width: 400px
-        &#error
-            width: 200px
-
 .check label
     display: inline-block
     margin-right: 5px
@@ -412,19 +274,6 @@ span.load
         vertical-align: super
         margin-left: 10px
 
-.newsfeed
-    .prvarticle
-        margin-bottom: 10px
-        .title
-            font-size: 200%
-            display: block
-            font-weight: bold
-        .timestamp
-            font-size: 80%
-            color: #565656
-        .prvcontent
-            margin: 10px 0
-
 .content
     hr
         border-color: #ffffff
@@ -522,30 +371,6 @@ span.load
         color: #fff
         background-color: #d0d0d0
 
-select
-    width: 80px
-    background-color: #f5f5f5
-    border: 1px solid #c1c1c1
-    padding: 8px
-    vertical-align: top
-    margin-left: 5px
-    border-radius: 5px
-
-.aligned-form
-    .cell
-        margin-top: 10px
-        label
-            width: 120px
-            float: left
-            margin: 0
-            padding: 8px 0
-        input[type="checkbox"]
-            margin-top: 10px
-        span
-            padding: 10px
-            display: inline-block
-            vertical-align: top
-
 noscript
     position: fixed
     display: block
@@ -560,71 +385,7 @@ noscript
     font-style: italic
     color: #7d7d7d
     display: block
-
-@media all and (max-width: 800px)
-    .navigator
-        padding: 0 10px
-    .showButton
-        display: inline-block !important
-        
-    .menu
-        .list
-            display: block
-            position: absolute
-            top: 68px
-            left: 0
-            right: 0
-            background-color: rgba(0, 188, 212, 0.72)
-            transition: max-height 0.1s linear
-            max-height: 0
-            overflow: hidden
-            
-            ul, li, li a
-                display: block
-            
-            li a
-                padding: 6px 20px
-                color: #ffffff
-                text-transform: none
-            
-            .floating
-                border-top: 2px solid #00a1b5
-
-    #navlogo
-        display: inline-block !important
-    .banner
-        display: none
-    .logo
-        font-size: 10vw
-    .document
-        padding: 5px
-    .tos
-        width: auto
-        font-size: 4vw
-    .divbox
-        font-size: 80%
-        .head
-            font-size: 120%
-            .fa
-                width: 15px
-                height: 15px
-    section#home
-        h1
-            font-size: 150%
-            margin-top: 0
-        p
-            font-size: 100%
-    .box
-        .left, .right
-            float: initial !important
-            display: block !important
-            border: 0 !important
-            width: auto !important
-            margin: auto
-    .dialog
-        width: 100vw !important
-        min-width: 100vw !important
-
+ 
 .btn-social
     width: 28px
     height: 28px
diff --git a/views/donate.pug b/views/donate.pug
index 5f18331..c96d9ac 100644
--- a/views/donate.pug
+++ b/views/donate.pug
@@ -22,9 +22,9 @@ block body
 			input(type="hidden" name="notify_url" value=ipn_url)
 			label(for="amount") Amount
 			.row.form-group
-				.col-10
+				.col-md-10
 					input.form-control(type="number", name="amount" value="1.00")
-				.col
+				.col-md
 					select.form-control(name="currency_code")
 						option(value="EUR") EUR
 						option(value="USD") USD