Beluga & Orion: Width fixes

* width fix for pre on userhistory
* pre width fix on torrent details
* bbcode bar width fix

static/styles/beluga/style.css

@@ -19,18 +19,19 @@
 }
 
 #logo {
-  box-sizing:content-box;
+  box-sizing: content-box;
-  height:100px;
+  height: 150px;
-  padding:10px 0px 10px;
+  padding: 50px 0px 10px;
-  width:180px;
+  width: 1140px;
- }
+}
-
+#logo>a {
- #logo>a {
+  display: block;
-  background-size:contain;
+  height: 100%;
-  display:block;
+  margin-top: 0;
-  height:100%;
+  background-position: left;
-  margin-top:0
+}
- }
+
 .cats_anime, .cats_movies, .cats_manga, .cats_games, .cats_other {
   width: 38px!important;
   height: 38px!important;
@@ -251,12 +252,11 @@ ul.thin li {
 }
 
 #header {
-  width: 900px;
   position: relative
 }
 
 #content {
-  width: 900px;
+  max-width: 1140px;
   overflow: hidden
 }
 
@@ -313,24 +313,11 @@ p.min_padding {
 }
 
 .main_column {
-  width: 646px;
+  width: auto;
-  float: left
+  min-width: 650px;
-}
+  margin-right: 255px;
- /*
-#logo {
-  width: 900px;
-  height: 60px;
-  background-position: 0 12px;
-  background-repeat: no-repeat;
 }
 
-#logo a {
-  border: none;
-  width: 230px;
-  height: 60px;
-  display: block
-}
-*/
 .nav_dropdown > div {
   position: absolute;
   width: 135.56px;
@@ -543,7 +530,6 @@ p.min_padding {
   background-color: #4b907f;
   text-align: center;
   color: #fff;
-  width: 900px;
   height: 18px;
   margin: 2px 0;
   padding: 9px 0;
@@ -602,7 +588,6 @@ p.min_padding {
 
 #searchbars {
   box-sizing: border-box;
-  width: 900px;
   height: 50px;
   padding: 8px 0;
   background: #3b3f47;
@@ -617,7 +602,8 @@ p.min_padding {
 
 #searchbars input {
   box-sizing: border-box;
-  width: 135px;
+  width: 92%;
+  min-width: 120px;
   height: 34px;
   border: none;
   border-radius: 2.5px;
@@ -693,12 +679,7 @@ div.linkbox {
   color: #83e4a6;
 }
 
-#banner {
-  width: 900px
-}
-
 #torrents #content .thin h2 a img {
-  width: 900px;
   margin-top: -5px
 }
 
@@ -1241,10 +1222,6 @@ span.center_poll {
   left: -5px
 }
 
-.filter_torrents {
-  width: 900px
-}
-
 .filter_torrents>.box {
   margin-top: 2px
 }
@@ -1257,7 +1234,6 @@ span.center_poll {
 .filter_torrents .box.pad .cat_list {
   position: relative;
   left: -12px;
-  width: 900px
 }
 
 .filter_torrents .box.pad .cat_list tbody tr td input[type=checkbox][name="filter_cat[1]"],.filter_torrents .box.pad .cat_list tbody tr td label[for=cat_1] {
@@ -1288,7 +1264,6 @@ span.center_poll {
 .filter_torrents .country_list {
   position: relative;
   left: -12px;
-  width: 900px
 }
 
 .filter_torrents .country_list td {
@@ -1328,12 +1303,9 @@ td.avatar {
 }
 
 table.forum_post td.body {
-  width: 646px;
+  width: 800px;
-}
-/* Because Firefox apparently doesn't understand "100%" in tables */
-#forums table.forum_post td.body > div {
-  max-width: 730px
 }
+
 .last_edited {
   opacity: 0.6;
 }
@@ -1455,7 +1427,19 @@ pre {
   color: #FFF;
   border: 1px dashed #55585f;
   margin: 10px;
-  padding: 10px
+  padding: 10px;
+  width: 60vw;
+  max-width: 95%;
+}
+
+#forums pre,
+#userhistory pre {
+  max-width: 878px;
+}
+
+#torrent_details pre {
+  max-width: 720px;
+  width: 100%;
 }
 
 #donation {
@@ -1496,19 +1480,10 @@ pre {
   margin-bottom: 2px
 }
 
-#blog .head,#news .head {
-  width: 900px
-}
-
 #forums .box {
-  width: 900px;
   margin-top: 2px
 }
 
-#forums .head {
-  width: 900px
-}
-
 #forums #content>br {
   display: none
 }
@@ -1565,11 +1540,17 @@ div.contenth #quickpost {
   background: #373a42;
   border: 1px solid #5b5e64;
   border-bottom: none;
+  width:100% !important;
 }
+
 .bbcode_bar > li > a {
   min-width: 15px;
 }
 
+#forums .bbcode_bar{
+  width:95% !important;
+}
+
 #friends table[width="100%"] td {
   text-align: center
 }
@@ -1668,7 +1649,6 @@ div.contenth #quickpost {
 }
 
 .review_search {
-  width: 900px;
   text-align: center;
   margin: auto
 }
@@ -1787,7 +1767,6 @@ a.tab#selected {
 
 div.thin2 {
   float: left;
-  width: 900px;
   margin: auto
 }
 
@@ -1877,7 +1856,8 @@ div.star-rating a,div.star-rating.star {
 }
 
 #wrapper,.thin {
-  width: 900px;
+  min-width: 900px;
+  max-width: 1140px;
   margin: 0 auto
 }
 

static/styles/genaviv/style.css

@@ -372,15 +372,15 @@ input,input[type="search"],form textarea,form input,input[type="search" i],input
 }
 
 #logo {
-  width: 300px;
+  width: 1140px;
-  height: 197px;
+  height: 150px;
   margin: 0 auto;
 }
 
 #logo a {
   border: none;
   width: 100%;
-  height: 197px;
+  height: 150px;
   display: block;
 }
 

static/styles/orion/style.css

@@ -74,21 +74,21 @@ a {
 
 #logo {
   box-sizing: content-box;
-  height: 100px;
+  height: 150px;
-  padding: 10px 0px 10px;
+  padding: 50px 0px 10px;
-  width: 180px;
+  width: 1140px;
 }
 
 #logo>a {
-  background-size: contain;
   display: block;
   height: 100%;
-  margin-top: 0
+  margin-top: 0;
+  background-position: left;
 }
 
-#logo a:hover {
+/*#logo a:hover {
   opacity: 0.85;
-}
+}*/
 
 body {
   width: 100%;
@@ -338,7 +338,6 @@ ul.thin li {
 }
 
 #content {
-  width: 100%;
   max-width: 1120px;
   overflow: auto;
   /*margin-top: 10px;*/
@@ -1371,19 +1370,22 @@ span.center_poll {
   background: url(images/hover-rating.png) top left repeat-x!important
 }
 
-table.torrent_table, table.forum_index, table.filelist_table, table.message_table, table.staff, table.store_table, table.ratio_table, table.reportinfo_table, div[id^="peers"] table, table#dnulist {
+table.torrent_table, table.forum_index, table.filelist_table, table.message_table, table.staff, table.store_table, table.ratio_table, table.reportinfo_table, div[id^="peers"] table, 
+div[id^="downloads"] table, div[id^="snatches"] table, table#dnulist {
   border: 1px solid #282b2e;
   box-shadow: 0 0 5px rgba(0, 0, 0, .6);
 }
 
-div[id^="files"], div[id^="peers"], div[id^="reported"] {
+div[id^="files"], div[id^="peers"], div[id^="reported"], div[id^="downloads"] table, div[id^="snatches"] table {
   width: 98%;
   margin: 0 auto 20px auto;
 }
 
-/* remove Peer list header */
+/* remove header from peer list, download list and snatch list*/
 
-div[id^="peers"]>h4 {
+div[id^="peers"]>h4,
+div[id^="downloads"]>h4,
+div[id^="snatches"]>h4{
   display: none;
 }
 
@@ -1517,9 +1519,12 @@ div[id^="peers"]>h4 {
   /*left: -5px*/
 }
 
+/*
+TODO: delete me?
 .filter_torrents {
-  /*! width: 900px */
+   width: 900px 
 }
+*/
 
 .filter_torrents>.box {
   margin-top: 2px
@@ -1625,11 +1630,11 @@ table.forum_post td.body {
   width: 800px;
 }
 
-/* Because Firefox apparently doesn't understand "100%" in tables */
+/* Because Firefox apparently doesn't understand "100%" in tables 
-
+TODO: delete me?
 #forums table.forum_post td.body>div {
-  /*! max-width: 730px */
+   max-width: 730px 
-}
+}*/
 
 .last_edited {
   opacity: 0.6;
@@ -1757,10 +1762,16 @@ pre {
   max-width: 95%;
 }
 
-#forums pre {
+#forums pre,
+#userhistory pre {
   max-width: 878px;
 }
 
+#torrent_details pre {
+  max-width: 720px;
+  width: 100%;
+}
+
 #donation {
   position: absolute;
   display: inline;
@@ -1870,12 +1881,17 @@ div.contenth #quickpost {
   background: var(--color-textarea);
   border: 1px solid #5b5e64;
   border-bottom: none;
+  width:100% !important;
 }
 
 .bbcode_bar>li>a {
   min-width: 15px;
 }
 
+#forums .bbcode_bar{
+  width:95% !important;
+}
+
 #friends table[width="100%"] td {
   text-align: center
 }

static/styles/sugoi/style.css

@@ -150,15 +150,15 @@ ul.thin li { margin:0px 0px; padding:0px; }
 }
 
 #logo {
-  width: 300px;
+  width: 1140px;
-  height: 197px;
+  height: 150px;
   margin: 0 auto;
 }
 
 #logo a {
   border: none;
   width: 100%;
-  height: 197px;
+  height: 150px;
   display: block;
 }