ops-Gazelle/sass/postmod/style.scss

/*
Postmodern: A mongrel stylesheet for What.CD, based on 'Zeal', a modification of the original 'Teal' by pellad.
This design incorporates some code from the 'Customize Zeal' Greasemonkey script by OhmG. The background image is also sourced from that script.
*/

@namespace url(http://www.w3.org/1999/xhtml);
@namespace svg url(http://www.w3.org/2000/svg);

/* Layout (Torrents page) */

/* Global */
@font-face {
  font-family: Akzidenz;
  src: url('images/Akzidenz.otf');
}

@font-face {
  font-family: Officina;
  src: url('images/Officina.otf');
}

@font-face {
  font-family: Corpid;
  src: url('images/CorpidOffice.ttf');
}

@font-face {
  font-family: Avant;
  src: url('images/Avant.otf');
}

* {
  padding: 0;
  margin: 0;
}

html {
  width: 100%;
}

body {
  background: #000 url('images/wood.jpg') no-repeat fixed;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 9pt;
  color: #EEE;
  background-size: cover;
}

.forum_post pre {
  max-width: 660px;
  max-height: 500px;
  overflow: auto;
}

table tbody,
.main_column,
.sidebar,
.box,
.thin,
.pad,
#threadpoll,
#poll {
  color: #444;
}

/* Common elements */

a {
  text-decoration: none;
  border: none;
  color: #4FD1FF;
}

a img {
  border: 0;
}

svg|a {
  fill: #0C9CCF;
}

svg|a:hover {
  fill: #4FD1FF;
}

table tbody a,
.main_column a,
.sidebar a,
.box a {
  color: #0A84AF;
}

table tbody a:hover,
.main_column a:hover,
.sidebar a:hover,
.box a:hover {
  color: #0C9CCF;
}

#header a:hover,
.linkbox a:hover {
  text-decoration: underline;
}

a[onclick]:focus {
  outline: 0;
  background: transparent;
}

a[onclick]:active {
  outline: 0;
}

a[onclick^="AddArtistField"]:focus,
a[onclick^="AddArtistField"]:active {
  outline: 0;
  background: transparent !important;
  padding: 0 !important;
}

.main_column a[href^="http"],
.main_column a[href^="https"] {
  padding: 0 10px 0 0;
  background: url(images/external.png) 100% 4px no-repeat;
}

.main_column a[href^="http"]:hover,
.main_column a[href^="https"]:hover {
  padding: 0 10px 0 0;
  background: url(images/external.png) 100% 4px no-repeat !important;
}

.forum_post a[href^="http"],
.forum_post a[href^="https"] {
  padding: 0 10px 0 0;
  background: url(images/external.png) 100% 4px no-repeat;
}

.forum_post a[href^="http"]:hover,
.forum_post a[href^="https"]:hover {
  padding: 0 10px 0 0;
  background: url(images/external.png) 100% 4px no-repeat;
}

.head a[href^="http"]:hover,
.head a[href^="https"]:hover,
.colhead a[href^="http"]:hover,
.colhead a[href^="https"]:hover,
.colhead_dark a[href^="http"]:hover,
.colhead_dark a[href^="https"]:hover {
  padding: 0 10px 0 0;
  background: url(images/external.png) 100% 4px no-repeat;
}

.forum_post a[href^="http"] img,
.forum_post a[href^="https"] img {
  padding: 0;
  background: transparent !important;
  border: none;
}

.forum_post a[href^="http"] img:hover,
.forum_post a[href^="https"] img:hover {
  padding: 0;
  background: transparent !important;
  border: none;
}

h1,
h2,
h3 {
  margin: 5px 0;
  color: #DFDFDF;
  font-family: Akzidenz, sans-serif;
}

h1 a:hover,
h2 a:hover,
h3 a:hover {
  text-decoration: underline;
}

.box h1,
.box h2,
.box h3,
.box h4,
.box2 h1,
.box2 h2,
.box2 h3,
.box2 h4 {
  color: #000;
}

.size3,
.size4,
.size5,
.size6,
.size7 {
  font-family: Akzidenz, sans-serif;
}

li {
  margin: 5px 15px;
}

input {
  padding: 2px 3px;
}

textarea {
  padding: 2px 3px;
}

img {
  border: none;
}

/* Styles generated by the BBCode parser */

span.size1 {
  font-size: 0.75em;
}

span.size2 {
  font-size: 1em;
}

span.size3 {
  font-size: 1.25em;
}

span.size4 {
  font-size: 1.5em;
}

span.size5 {
  font-size: 1.75em;
}

span.size6 {
  font-size: 2em;
}

span.size7 {
  font-size: 2.25em;
}

span.size8 {
  font-size: 2.5em;
}

span.size9 {
  font-size: 2.75em;
}

span.size10 {
  font-size: 3em;
}

ul.thin {
  margin: 0 0 0 25px;
  padding: 0;
}

ul.thin li {
  margin: 0;
  padding: 0;
}

/* Layout (Every page) */
#wrapper {
  padding: 0;
}

#header {
  width: 1000px;
  margin: 0 auto;
  height: 173px;
  padding: 0;
}

#content {
  width: 1000px;
  margin: 0 auto;
  border: 1px solid #222;
  color: #DFDFDF;
  background: transparent url('images/content.png');
  padding: 40px 22px;
  overflow: hidden;
}

#footer {
  background: transparent url('images/bg_footer.png');
  margin-top: 40px;
  width: 100%;
  text-align: center;
  padding: 1em 0;
  color: #CCC;
  font-size: 8pt;
}

#footer::after {
  content: url('images/gazelle.png');
}

#disclaimer_container {
  font-size: 7pt;
  color: #CCC;
}

#logo {
  width: 193px;
  height: 39px;
  background: url('data:image/png;base64,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') no-repeat top left;
  margin: 23px 0 0 11px;
  position: absolute;
  z-index: 2;
}

#logo a {
  border: none;
  width: 193px;
  height: 39px;
  display: block;
}

#header a:active,
#header a:focus,
#logo a:hover,
#logo a:active,
#logo a:focus {
  border: none;
  outline: none;
}

#menu {
  height: 38px;
  position: absolute;
  padding: 0;
  margin: 30px 0 0 430px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11pt;
  min-width: 595px;
}

#menu a {
  color: #FFF;
  text-decoration: none;
}

#menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#menu ul li {
  float: left;
  margin: 5px 8px;
  display: block;
}

#menu ul li a {
  font-family: Akzidenz, sans-serif;
  font-size: 11pt;
  outline: none;
  padding: 0 0 2px 0;
}

#menu ul li a:hover {
  border-bottom: 3px solid #EFB34A;
  text-decoration: none;
}

#menu ul li a:active,
#menu ul li a:focus {
  border-bottom: 3px solid #EFA82C;
}

#index #nav_index a,
#torrents #nav_torrents a,
#collage #nav_collages a,
#requests #nav_requests a,
#forums #nav_forums a,
#chat #nav_irc a,
#top10 #nav_top10 a,
#rules #nav_rules a,
#wiki #nav_wiki a,
#staff #nav_staff a {
  border-bottom: 4px solid #111;
}

#userinfo {
  position: absolute;
  color: #FFF;
  width: 950px;
  font-size: 8pt;
}

#userinfo_major {
  position: absolute;
  width: 609px;
  margin: 110px 0 0 400px;
  text-align: right;
}

#userinfo_username {
  position: absolute;
  margin: 94px 0 0 11px;
}

#userinfo_stats {
  margin: 74px 0 0 11px;
  position: absolute;
}

#userinfo_stats li span {
  color: #FFF;
}
#userinfo_minor {
  position: absolute;
  width: 295px;
  margin: 70px 0 0 718px;
  text-align: right;
  float: right;
}

#userinfo_minor li a {
  color: #FFF;
}

#userinfo img {
  margin-top: -5px;
}

#userinfo ul li {
  display: inline;
  margin: 0 0.1em;
  line-height: 20px;
  vertical-align: middle;
  padding: 0;
}

#userinfo a,
#alerts a {
  color: #fff;
}

#userinfo b a {
  font-weight: normal;
  font-size: 0.9em;
}

#searchbars {
  position: absolute;
  top: 132px;
  width: 1000px;
  margin: 0;
}

#searchbars input {
  width: 122px;
  border: 1px solid #FFF;
  padding: 0 2px 0 10px;
  font-family: Helvetica, Arial, sans-serif;
  height: 22px;
  background: url('images/content_light.png') transparent;
  color: #FFF;
  border-radius: 4px;
  box-shadow: 0 2px rgb(0 0 0 / 50%);
}

#autocomplete {
  background: url('images/content.png');
  border: 1px solid #EEE;
  list-style: none;
}

#searchbars input:active,
#searchbars input:focus {
  background: url('images/content.png');
  border: 1px solid #EEE;
}

#searchbars ul {
  padding: 0;
  list-style: none;
  display: block;
}

#searchbars ul li {
  float: left;
  position: relative;
  list-style: none;
  margin: 0;
}

#searchbars ul li ul {
  display: block;
  position: absolute;
  top: 1em;
  left: 0;
  z-index: 1000;
  border: 1px solid #EEE;
  background: url('images/content.png');
  width: 12em;
  margin-top: 12px;
}

#searchbars ul li ul li {
  margin: 1px 0 1px 4px;
  padding: 0;
  display: block;
  width: 100%;
  cursor: pointer;
}

#searchbars ul li ul li.highlight {
  color: #4FD1FF;
}

#searchbars ul li form {
  display: inline;
  margin: 0;
}

#alerts {
  background: transparent url('images/content.png');
  box-shadow: 1px 3px rgb(0 0 0 / 50%);
  color: #FFF;
  margin: -151px 0 0 327px;
  padding: 4px 9px;
  position: absolute;
  text-align: center;
  width: 320px;
}

#cat-selector ul {
  width: 100%;
}

#cat-selector ul li {
  display: inline;
  width: 12em;
  height: 1em;
  float: left;
}

#debug_report pre {
  width: 890px;
  overflow: auto;
}

/* Strip the category column */
td.cats_col,
td.center.cats_col {
  border-right: none;
}

table.grouping > tbody > tr.torrent > td:first-child + td + td,
table.no_grouping > tbody > tr.torrent > td:first-child + td,
table.grouping > tbody > tr.group > td:first-child + td + td,
table.grouping > tbody > tr.colhead > td:first-child + td + td,
table.no_grouping > tbody > tr.group > td:first-child + td,
table.no_grouping > tbody > tr.colhead > td:first-child + td {
  border-left: none;
}

.last_read {
  width: 15px;
  height: 15px;
  background: url('images/go_last_read.png') no-repeat center center;
  margin-left: 5px;
}

.last_read a {
  border: none;
  width: 100%;
  height: 100%;
  display: block;
}

.last_read a:hover {
  border: none;
}

.last_read a:active,
.last_read a:focus {
  outline: 0;
}

/* Layout (Artist page) */

div#flip_view_1 div#similar-artist .name {
  border: 1px solid #0a84af;
  background: rgb(239 239 239 / 50%);
  padding: 2px 4px;
}

/* Layout (Any page) */

.thin {
  width: 1000px;
  margin: 0 auto;
  color: #DFDFDF;
}

.linkbox {
  text-align: center;
  padding: 5px;
  color: #FCFCFC;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.min_padding {
  padding: 0;
  margin: 0;
}

p.min_padding {
  margin: 2px 0;
}

.pad {
  padding: 1em;
}

.sidebar .pad {
  padding: 10px;
}

.vertical_space {
  margin-bottom: 10px;
}

.box {
  font-size: 10pt;
  background-color: #F7F6F2;
  margin-bottom: 10px;
}

.box2 {
  font-size: 10pt;
  background-color: #F7F6F2;
  margin-bottom: 10px;
}

.pad h3,
.pad h4,
.padbox h3,
.padbox h4 {
  margin-top: 0;
  padding-top: 0;
}

.sidebar {
  float: right;
  width: 250px;
}

.body {
  padding: 3px 10px 10px 10px;
}

.main_column {
  width: 738px;
}

.main_column table {
  margin-bottom: 10px;
}

.main_column .box .body {
  font-size: 8pt;
}

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

.tags a {
  color: #8d957e;
}

.tags a:hover {
  color: #444;
}

.noborder {
  border: none;
}

ul.nobullet {
  list-style-type: none;
}

#user .box2 .nobullet a {
  font-size: 16px;
}

table {
  width: 100%;
  border-collapse: collapse;
  border: none;
  box-shadow: 1px 3px rgb(0 0 0 / 60%);
}

tr {
  border: none;
  background-color: #fbfaf8;
}

tr.rowa {
  background-color: #F0F0F0;
}

tr.rowb {
  background-color: #FFFFFF;
}

td,
th {
  border: none;
  padding: 5px;
  text-align: left;
}

.colhead,
.colhead_dark,
.head {
  padding: 4px;
  background: #000 url('images/table_header_dark.png') repeat-x;
  border-bottom: 1px solid #000;
  color: #FBFCFD;
}

.colhead a,
.colhead_dark a,
.head a {
  color: #FBFCFD;
}

.colhead_dark a img:active,
.colhead_dark a img:focus {
  outline: 0;
}

td.colhead,
.colhead td,
.colhead th {
  padding-left: 10px;
  padding-right: 10px;
}

.colhead .sign,
.colhead_dark .sign {
  padding: 0 8px;
  vertical-align: middle;
  text-align: center;
  font-size: 12pt;
}

td.label {
  text-align: right;
  width: 180px;
}

#upload form table td.label {
  vertical-align: top;
  padding-top: 15px;
}

table.slice {
  margin-top: -1px;
}

tr.peer_list {
  font-size: 8pt;
}

tr.peer_list td {
  padding: 2px 0 2px 2px;
}

.error_message {
  border: 1px solid #666;
  padding: 3px 0 3px 0;
  background-color: #AF2525;
  text-align: center;
  color: white;
}

.save_message {
  border: 1px solid #666;
  padding: 3px 0 3px 0;
  background-color: #F4E649;
  text-align: center;
  color: #492802;
}

.elem_error {
  border: 3px solid #B00D0D;
}

.hide {
  display: none;
}

/* Layout (home page) */

ul.stats li {
  padding: 0 0 1px 0;
  font-size: 8pt;
}

ul.poll li {
  padding: 0 0 0 10px;
  margin: 0;
  clear: left;
}

ul.poll li.graph {
  margin-bottom: 3px;
  padding-left: 20px;
}

/* Layout (Torrents page) */

.show_torrents {
  width: 28px;
  height: 28px;
  background: url('images/show.png') no-repeat center center;
  opacity: 0.5;
  filter: alpha(opacity = 50);
}

.hide_torrents {
  width: 28px;
  height: 28px;
  background: url('images/hide.png') no-repeat center center;
  opacity: 0.5;
  filter: alpha(opacity = 50);
}

.show_torrents_link {
  border: none;
  width: 28px;
  height: 28px;
  display: block;
}

.torrent_table a:active img,
.torrent_table a:focus img {
  background-color: transparent !important;
}

.filter_torrents {
  width: 750px;
  margin: auto;
}

.filter_torrents .submit {
  text-align: right;
  padding-top: 5px;
}

#content form.search_form + .torrent_table {
  margin-top: 20px;
}

.cat_list tr td {
  border: none;
}

.torrent_table tr {
  vertical-align: top;
}

.torrent_table tr.group {
  background-color: #EFEFEF;
}

.torrent_table tr.group_torrent {
  background-color: #fbfaf8;
  border-bottom: 1px solid #efefef;
}

tr.group_torrent td,
tr.group td,
tr.torrent td {
  color: #646054;
}

.torrent_table.grouping tr.torrent,
.torrent_table.no_grouping tr.torrent {
  background-color: #EFEFEF;
}

.torrent_table div.tags {
  font-weight: normal;
}

.torrent_table tr .center {
  vertical-align: middle;
  text-align: center;
}

.group_torrent span {
  float: right;
}

.torrent span {
  font-weight: normal;
  float: right;
}

.nobr {
  white-space: nowrap;
}

/* Layout (Forums) */

.unread_locked_sticky {
  background: url('images/locked_sticky_unread.png') no-repeat center center;
}

.read_locked_sticky {
  background: url('images/locked_sticky_read.png') no-repeat center center;
}

.read_sticky {
  background: url('images/sticky_read.png') no-repeat center center;
}

.unread_sticky {
  background: url('images/sticky_unread.png') no-repeat center center;
}

.unread_locked {
  background: url('images/locked_unread.png') no-repeat center center;
}

.read_locked {
  background: url('images/locked_read.png') no-repeat center center;
}

.unread {
  background: url('images/unread.png') no-repeat center center;
}

.read {
  background: url('images/read.png') no-repeat center center;
}

table.forum_post {
  margin: 10px 0;
}

table.forum_post td {
  border: 1px solid #666;
}

table.forum_unread {
  border: 2px solid #EA5600;
}

td.avatar {
  width: 150px;
  padding: 0;
}

table.forum_post td.body {
  width: 690px;
}

#quickreplypreview .forum_post {
  padding: 5px;
}

strong.quoteheader {
  color: #444;
}

blockquote {
  margin: 10px;
  padding: 10px;
  border: 1px dashed #666;
  background: #ECECEC;
}

/* Layout (Inbox) */

tr.unreadpm {
  background-color: #E0EBEF;
}

/* Layout (collages) */
.collage_images li {
  background-color: #F7F6F2;
  vertical-align: middle;
}

/* Layout (Permission Page) */

.permission_head {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.permissions {
  width: 930px;
  margin-left: auto;
  margin-right: auto;
}

.permission_container {
  float: left;
  width: 300px;
  padding: 5px;
}

.permission_container input {
  margin: 0 3px 5px 0;
  vertical-align: top;
}

.submit_container {
  clear: both;
  text-align: right;
}

.toolbox_container {
  float: left;
  padding: 5px;
  width: 200px;
}

/* Layout (Invite tree) */

ul .invitetree {
  margin: 0 0 0 25px;
}

.invitetree li {
  list-style: none;
  margin: 10px 2px;
}

.head a:hover,
.colhead a:hover,
.colhead_dark a:hover,
.head a:focus,
.colhead a:focus,
.colhead_dark a:focus {
  background: transparent !important;
  outline: 0;
}

/* Layout (User options) */

.user_options .options_list li {
  margin: 0;
}

/* Layout (MISC) */

.poll {
  list-style: none;
  padding: 10px;
  margin: 5px;
}

.poll li {
  clear: both;
}

.poll .graph {
  padding: 0 0 15px 0;
}

.poll .graph span {
  display: block;
  height: 19px;
  float: left;
}

.poll .graph .left_poll {
  width: 9px;
  background: url('images/poll_left.png') top left no-repeat;
}

.poll .graph .center_poll {
  background: url('images/poll_middle.png') top left repeat-x;
  max-width: 730px;
}

#index .poll .graph .center_poll {
  max-width: 135px;
}

.poll .graph .right_poll {
  width: 11px;
  background: url('images/poll_right.png') top left no-repeat;
}

.curtain {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #111 50% 0 no-repeat fixed;
  z-index: 1001;
  opacity: 0.9;
  filter: alpha(opacity = 90);
}

.lightbox {
  position: fixed;
  text-align: center;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
  padding: 0;
  z-index: 1002;
  overflow: auto;
}

.lightbox img {
  max-width: 100%;
  max-height: 100%;
  background-color: transparent;
  z-index: -1;
}

input[type="button"],
input[type="submit"] {
  background: #111 url(images/alert-overlay.png) repeat-x;
  display: inline-block;
  padding: 3px 6px 4px;
  margin: 3px;
  color: #fff;
  text-decoration: none;
  border-radius: 2px;
  box-shadow: 1px 3px rgb(0 0 0 / 50%);
  border-left: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid rgb(0 0 0 / 25%);
  cursor: pointer;
}

input[type="button"]:hover,
input[type="submit"]:hover {
  background-color: #000;
  color: #FFF;
}
input[type="button"]:active,
input[type="submit"]:active {
  top: 1px;
}

input[type="button"]:active,
input[type="button"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  display: inline-block;
  padding: 3px 6px 4px;
  margin: 3px;
  color: #fff;
  text-decoration: none;
  border-radius: 2px;
  box-shadow: 1px 3px rgb(0 0 0 / 50%);
  border-left: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid rgb(0 0 0 / 25%);
  cursor: pointer;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"] {
  background: #111 url(images/alert-overlay.png) repeat-x;
  display: inline-block;
  padding: 3px;
  margin: 3px;
  color: #fff;
  text-decoration: none;
  border-top: 1px solid #777;
  border-left: 1px solid #777;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
}

input[type="text"]:hover,
input[type="text"]:focus,
input[type="email"]:hover,
input[type="email"]:focus,
input[type="search"]:hover,
input[type="search"]:focus,
input[type="password"]:hover,
input[type="password"]:focus {
  background-color: #000;
  color: #FFF;
}
input[type="text"]:active,
input[type="email"]:active,
input[type="search"]:active,
input[type="password"]:active {
  top: 1px;
}

input[disabled="disabled"] {
  background: #4F4F4F url(images/alert-overlay.png) repeat-x;
  color: #DFDFDF;
}
input[disabled="disabled"]:hover,
input[disabled="disabled"]:focus,
input[disabled="disabled"]:active {
  background-color: #4F4F4F;
  color: #DFDFDF;
}

select[disabled="disabled"] {
  background: #4F4F4F;
  color: #DFDFDF;
}

select[disabled="disabled"]:hover,
select[disabled="disabled"]:focus,
select[disabled="disabled"]:active {
  background-color: #4F4F4F;
  color: #DFDFDF;
}

select,
select:active,
select:focus {
  background: #111 repeat-x;
  display: inline-block;
  margin: 3px;
  color: #fff;
  text-decoration: none;
  border: 0;
  font-family: Helvetica, Arial, sans-serif;
}

option,
option:active,
option:focus {
  background: #111;
  padding: 1px;
  margin: 0;
  color: #fff;
  text-decoration: none;
  border: 0;
  font-family: Helvetica, Arial, sans-serif;
}

select:hover,
option:hover {
  background: #3F3F3F;
}

#logchecker .thin,
#logchecker h3,
.log_outer,
.log_outer h3 {
  color: #444;
}

.spellcheck {
  margin: 10px 0;
  font-size: 1.25em;
  font-weight: bold;
}

ul,
ol {
  list-style-position: inside;
}

tr.torrent .bookmark > a::before {
  color: #646054;
}
tr.torrent .bookmark > a::after {
  color: #646054;
}

#requests .forum_post textarea { /* overriding the inline 80-character monospace */
  max-width: 409px;
}

.linkbox .brackets::before,
.linkbox .brackets::after,
.top10_quantity_links .brackets::before,
.top10_quantity_links .brackets::after {
  color: #FCFCFC;
}

#userinfo_username .brackets::before {
  content: "[";
}

#userinfo_username .brackets::after {
  content: "]";
}

.field_div {
  margin-bottom: 10px;
}

.edit_changelog textarea {
  width: 600px;
}

.autocomplete-suggestions {
  background: #111;
}
.autocomplete-selected {
  background: #444;
}

div[class~="tooltipster-base"] {
  background-color: #ECECEC;
  color: #444;
}

div[class~="tooltipster-content"] > a {
  color: #0A84AF;
}

#settings_sections #submit,
#settings_sections #settings_search {
  margin: 3px 0;
}

.vote_tag_up,
.vote_artist_up,
.vote_album_up,
.small_upvoted {
  font-weight: bolder;
  color: green;
}

.vote_tag_down,
.vote_artist_down,
.vote_album_down,
.small_downvoted {
  font-weight: bolder;
  color: red;
}

.main_column .group td .small_upvote {
  font-weight: bolder;
  color: green;
}

.main_column .group td .small_downvote {
  font-weight: bolder;
  color: #CC0000;
}

.sidebar img {
  max-width: 225px;
}

.news_post img,
.wiki_article img {
  max-width: 565px;
}

#reportsv2 .manage_form img {
  max-width: 622px;
}

input[type="search"] {
  font-size: 13px;
}