diff --git a/app/db.sqlite3 b/app/db.sqlite3 index 4dca2880..c2891e10 100644 Binary files a/app/db.sqlite3 and b/app/db.sqlite3 differ diff --git a/app/server/static/css/forum.css b/app/server/static/css/forum.css index 16c827f2..85c1914f 100644 --- a/app/server/static/css/forum.css +++ b/app/server/static/css/forum.css @@ -170,4 +170,512 @@ p { } +/*---------- SPACING ----------*/ + + +/* Padding Zero */ + +.p0 { + padding: 0!important +} + + +/* Padding Top */ + +.pt10 { + padding-top: 10px!important +} + +.pt15 { + padding-top: 15px!important +} + +.pt20 { + padding-top: 20px!important +} + +.pt30 { + padding-top: 30px!important +} + +.pt40 { + padding-top: 40px!important +} + +.pt50 { + padding-top: 50px!important +} + +.pt60 { + padding-top: 60px!important +} + +.pt70 { + padding-top: 70px!important +} + +.pt80 { + padding-top: 80px!important +} + +.pt90 { + padding-top: 90px!important +} + +.pt100 { + padding-top: 100px!important +} + +.pt110 { + padding-top: 110px!important +} + +.pt120 { + padding-top: 120px!important +} + +.pt130 { + padding-top: 130px!important +} + +.pt140 { + padding-top: 140px!important +} + + +/* Padding Bottom */ + +.pb0 { + padding-bottom: 0px!important +} + +.pb10 { + padding-bottom: 10px!important +} + +.pb15 { + padding-bottom: 15px!important +} + +.pb20 { + padding-bottom: 20px!important +} + +.pb30 { + padding-bottom: 30px!important +} + +.pb40 { + padding-bottom: 40px!important +} + +.pb50 { + padding-bottom: 50px!important +} + +.pb60 { + padding-bottom: 60px!important +} + +.pb70 { + padding-bottom: 70px!important +} + +.pb80 { + padding-bottom: 80px!important +} + +.pb90 { + padding-bottom: 90px!important +} + +.pb100 { + padding-bottom: 100px!important +} + +.pb110 { + padding-bottom: 110px!important +} + +.pb120 { + padding-bottom: 120px!important +} + +.pb130 { + padding-bottom: 130px!important +} + +.pb140 { + padding-bottom: 140px!important +} + + +/* Padding Left */ + +.pl0 { + padding-left: 0px!important +} + +.pl3 { + padding-left: 3px!important +} + +.pl5 { + padding-left: 5px!important +} + +.pl10 { + padding-left: 10px!important +} + +.pl20 { + padding-left: 20px!important +} + +.pl30 { + padding-left: 30px; +} + +.pl40 { + padding-left: 40px; +} + +.pl50 { + padding-left: 50px; +} + +.pl60 { + padding-left: 60px; +} + +.pl70 { + padding-left: 70px; +} + +.pl80 { + padding-left: 80px; +} + +.pl90 { + padding-left: 90px; +} + +.pl100 { + padding-left: 100px; +} + + +/* Padding Right */ + +.pr0 { + padding-right: 0px!important +} + +.pr5 { + padding-right: 5px!important +} + +.pr10 { + padding-right: 10px!important +} + +.pr20 { + padding-right: 20px!important +} + +.pr30 { + padding-right: 30px!important +} + +.pr40 { + padding-right: 40px; +} + +.pr50 { + padding-right: 50px; +} + +.pr60 { + padding-right: 60px; +} + +.pr70 { + padding-right: 70px; +} + +.pr80 { + padding-right: 80px; +} + +.pr90 { + padding-right: 90px; +} + +.pr100 { + padding-right: 100px; +} + +.pr110 { + padding-right: 110px; +} + +.pr120 { + padding-right: 120px; +} + +@media (min-width:1200px) { + .pl-lg-50 { + padding-left: 50px; + } + .pl-lg-80 { + padding-left: 80px; + } +} + +@media (min-width:992px) { + .pt-md-50 { + padding-top: 50px; + } +} + + +/* Margin Auto */ + +.mr-auto { + margin: auto; + float: none; +} + + +/* Margin Top */ + +.mt0 { + margin-top: 0!important +} + +.mt5 { + margin-top: 5px!important +} + +.mt10 { + margin-top: 10px!important +} + +.mt20 { + margin-top: 20px!important +} + +.mt30 { + margin-top: 30px!important +} + +.mt40 { + margin-top: 40px!important +} + +.mt50 { + margin-top: 50px!important +} + +.mt60 { + margin-top: 60px!important +} + +.mt70 { + margin-top: 70px!important +} + +.mt80 { + margin-top: 80px!important +} + +.mt90 { + margin-top: 90px!important +} + +.mt100 { + margin-top: 100px!important +} + +.mt110 { + margin-top: 110px!important +} + +.mt120 { + margin-top: 120px!important +} + + +/* Margin Bottom */ + +.mb0 { + margin-bottom: 0!important +} + +.mb5 { + margin-bottom: 5px!important +} + +.mb10 { + margin-bottom: 10px!important +} + +.mb15 { + margin-bottom: 15px!important +} + +.mb20 { + margin-bottom: 20px!important +} + +.mb30 { + margin-bottom: 30px!important +} + +.mb40 { + margin-bottom: 40px!important +} + +.mb50 { + margin-bottom: 50px +} + +.mb60 { + margin-bottom: 60px +} + +.mb70 { + margin-bottom: 70px +} + +.mb80 { + margin-bottom: 80px +} + +.mb90 { + margin-bottom: 90px +} + +.mb100 { + margin-bottom: 100px +} + +.mb110 { + margin-bottom: 110px +} + +.mb120 { + margin-bottom: 120px +} + + +/* Margin Left */ + +.ml0 { + margin-left: 0!important; +} + +.ml15 { + margin-left: 5px; +} + +.ml10 { + margin-left: 10px; +} + +.ml20 { + margin-left: 20px; +} + +.ml30 { + margin-left: 30px; +} + +.ml40 { + margin-left: 40px; +} + +.ml50 { + margin-left: 50px; +} + +.ml60 { + margin-left: 60px; +} + +.ml70 { + margin-left: 70px; +} + +.ml80 { + margin-left: 80px; +} + +.ml90 { + margin-left: 90px; +} + +.ml100 { + margin-left: 100px; +} + +.ml110 { + margin-left: 110px; +} + + +/* Margin Right */ + +.mr0 { + margin-right: 0!important +} + +.mr5 { + margin-left: 5px!important +} + +.mr10 { + margin-right: 10px!important +} + +.mr20 { + margin-right: 20px!important +} + +.mr30 { + margin-right: 30px!important +} + +.mr40 { + margin-right: 40px!important +} + +.mr50 { + margin-right: 50px!important +} + +.mr60 { + margin-right: 60px!important +} + +.mr70 { + margin-right: 70px!important +} + +.mr80 { + margin-right: 80px!important +} + +.mr90 { + margin-right: 90px!important +} + +.mr100 { + margin-right: 100px; +} + +.mr110 { + margin-right: 110px; +} + [v-cloak] { display: none; }