Browse Source

More appropriate widths across the site for sugoi CSS

* torrent-table grew to be ridulously wide on modern screen resolutions
  as it was set to 80% , set this to a more sensible 850px inline with
  what other stylesheets use.
* Menus were too wide, these are now narrower
* Artist page torrents table are now not too thin and instead of the
  width being robbed by the .sidebar , .thin is now extended for #artist
undefined
Tomochin 3 years ago
parent
commit
4d1afe36fd
1 changed files with 23 additions and 12 deletions
  1. +23
    -12
      static/styles/sugoi/style.css

+ 23
- 12
static/styles/sugoi/style.css View File

@@ -182,7 +182,7 @@ ul.thin li { margin:0px 0px; padding:0px; }

#menu > ul {
display: flex;
width: 80%;
width: 70%;
margin: 0 auto;
}

@@ -199,7 +199,7 @@ ul.thin li { margin:0px 0px; padding:0px; }
display: inline-block;
width: 100%;
color: #FFFFFF;
transition: ease-in-out 0.1s;
transition: ease-in-out 0.2s;
}

#nav_links {
@@ -326,12 +326,11 @@ ul.thin li { margin:0px 0px; padding:0px; }

#searchbars {
text-align: center;

box-sizing: content-box;
padding: 4px 10%;

box-sizing: border-box;
display: flex;
/*! background-color: #0e238b; */
width: 60%;
margin: 4px auto;
min-width: 850px;
}

#searchbars > .search_form {
@@ -446,11 +445,6 @@ input.hidden {
margin: 0px auto;
}

.widethin { /* overriding the thin class on torrents.php */
width: 95% !important;
margin: 0px auto;
}

#userinfo_major .brackets:before {
font-weight: bold;
}
@@ -574,6 +568,23 @@ color: #FFFFFF;
margin-bottom: 10px;
}

/*
These 3 #artist styles extend the width to ensure .sidebar does not steal width from .main_column
and result in it only being 592px, which despite looking ok for the news items on the main page
and other areas, it is just too thin for any torrent table.
*/
#artist .main_column {
width: 845px;
}

#artist .thin {
width: 1100px;
}

body#artist {
min-width: 1225px;
}

.tags {
padding: 0px 0px 0px 20px;
font-style: italic;


Loading…
Cancel
Save