Style changes

sections/torrents/details.php

@@ -268,15 +268,13 @@ if ($Categories[$GroupCategoryID - 1] != 'Other') {
     </div>
 <?    if (check_perms('torrents_add_artist')) { ?>
     <div class="box box_addartists">
-      <div class="head"><strong>Add artist</strong><span style="float: right;" class="additional_add_artist"><a onclick="AddArtistField(); return false;" href="#" class="brackets">+</a></span></div>
+      <div class="head"><strong>Add artist</strong></div>
       <div class="body">
         <form class="add_form" name="artists" action="torrents.php" method="post">
-          <div id="AddArtists">
-            <input type="hidden" name="action" value="add_alias" />
-            <input type="hidden" name="auth" value="<?=$LoggedUser['AuthKey']?>" />
-            <input type="hidden" name="groupid" value="<?=$GroupID?>" />
-            <input type="text" id="artist" name="artistname[]" size="27"<? Users::has_autocomplete_enabled('other'); ?> />
-          </div>
+          <input type="hidden" name="action" value="add_alias" />
+          <input type="hidden" name="auth" value="<?=$LoggedUser['AuthKey']?>" />
+          <input type="hidden" name="groupid" value="<?=$GroupID?>" />
+          <input type="text" id="artist" name="artistname[]" size="27"<? Users::has_autocomplete_enabled('other'); ?> />
           <input type="submit" value="Add" />
         </form>
       </div>
@@ -349,9 +347,9 @@ if (empty($LoggedUser['DisableTagging'])) {
           <input type="hidden" name="auth" value="<?=$LoggedUser['AuthKey']?>" />
           <input type="hidden" name="groupid" value="<?=$GroupID?>" />
           <input type="text" name="tagname" id="tagname" size="20"<? Users::has_autocomplete_enabled('other'); ?> />
-          <input type="submit" value="+" />
+          <input type="submit" value="Add" />
         </form>
-        <br /><br />
+        <br />
         <strong><a href="rules.php?p=tag" class="brackets">View tagging rules</a></strong>
       </div>
     </div>

static/styles/beluga/style.css

@@ -121,10 +121,7 @@ input {
 
 button,input[type=button],input[type=submit] {
   font-family: 'Source Sans Pro',Helvetica,sans-serif;
-  font-size: 11px;
   background-color: #50aca7;
-  padding: 10px 9px;
-  border: none;
   color: #fff
 }
 
@@ -136,6 +133,10 @@ button:focus,input[type=button]:focus,input[type=submit]:focus {
   background-color: #2f707c
 }
 
+.spoilerButton {
+  max-width: 604px;
+}
+
 ::-webkit-input-placeholder {
   font-family: 'Source Sans Pro',Helvetica,sans-serif
 }
@@ -153,9 +154,8 @@ button:focus,input[type=button]:focus,input[type=submit]:focus {
 }
 
 select {
-  padding: 5px;
   background-color: #373a42;
-  border: none;
+  border: 1px solid #5b5e64;
   color: #fff;
   font-family: 'Source Sans Pro'!important;
   outline: 0
@@ -171,10 +171,6 @@ textarea {
   margin: 4px 0px;
 }
 
-input,textarea {
-  outline: 0
-}
-
 span.size1 {
   font-size: .75em
 }
@@ -269,8 +265,8 @@ p.min_padding {
   margin-bottom: 8px;
 }
 
-.box_addartists .body {
-  padding: 8px;
+.box_addartists .body, .box_addtag .body {
+  padding: 10px;
 }
 
 .pad h3,.pad h4,.padbox h3,.padbox h4 {

static/styles/global.css

@@ -11,17 +11,35 @@
   font-size: 110%;
 }
 
-.box_addartists .add_form {
+.sidebar .box .add_form {
   display: flex;
 }
-.box_addartists .add_form #AddArtists {
+.sidebar .box .add_form input[type=text] {
   flex-grow: 1;
-}
-.box_addartists .add_form #AddArtists #artist{
   box-sizing: border-box;
   width: 100%;
 }
 
+input, textarea {
+  border: 1px solid #c7c7c7;
+  background-color: white;
+  padding: 10px 9px;
+  color: black;
+  outline: none;
+}
+
+select {
+  padding: 5px 10px;
+  background-color: white;
+  border: 1px solid #c7c7c7;
+  color: black;
+  border-radius: 0px;
+  outline: 0;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+
 h2 .group_cat {
   height: 16px;
   width: 16px;
@@ -78,6 +96,15 @@ div.collage_image {
   width: 20%;
 }
 
+button, input[type=button], input[type=submit] {
+  cursor: pointer;
+  background: #fff;
+  font-size: 11px;
+  padding: 10px 9px;
+  border: none;
+  color: #000;
+}
+
 .selected a {
   font-weight: bold;
   text-decoration: underline;
@@ -216,40 +243,6 @@ div#AddArtists a {
   width: 95%
 }
 
-.rippywrap {
-  z-index: 25;
-  display: block;
-  position: fixed;
-  color: black;
-  text-align: center;
-  width: 190px;
-  height: 180px;
-  bottom: 0px;
-  right: 0px;
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-
-.rippywrap div.rippy {
-  z-index: 25;
-  height: 111px;
-  width: 190px;
-  position: fixed;
-  bottom: 0px;
-  right: 0px;
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-
-
 td.label {
   vertical-align: top;
 }
@@ -853,6 +846,10 @@ div.torrent_artists {
   width: 100%;
 }
 
+.mediainfo td {
+  vertical-align: top;
+}
+
 .flex {
   display: flex;
 }

static/styles/oppai/style.css

@@ -42,6 +42,21 @@ a:hover {
   color: #555;
 }
 
+button, input[type=button], input[type=submit] {
+  background: #EAABED;
+  box-shadow: 0 1px 1px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
+}
+button:hover, input[type=button]:hover, input[type=submit]:hover {
+  background: #E197E5;
+}
+button:focus, input[type=button]:focus, input[type=submit]:focus {
+  background: #D48DD8;
+}
+
+.spoilerButton {
+  max-width: 540px;
+}
+
 .forum_post .body a:not([href="#"]), .rule_summary a, .wiki_article a, #actual_rules a, .news_post .pad a, .store_table a {
   text-decoration: none;
   border: none;
@@ -76,14 +91,6 @@ li {
   margin: 5px 15px;
 }
 
-input {
-  padding: 2px 3px;
-}
-
-textarea {
-  padding: 2px 3px;
-}
-
 img {
   border: none;
 }