EZ EIDR by jordy3d

/* ==UserStyle==
@name         EZ EIDR
@version      20220317.05.15
@namespace    userstyles.world/user/jordy3d
@description  Simplifies the EIDR search screen for general use.
Also darkens EIDR, for what it's worth
@author       jordy3d
@license      No License
==/UserStyle== */

@-moz-document domain("ui.eidr.org") {
/*EZ EIDR*/
.container_12 .grid_2,

form .grid_1.with-left,

.field.grid_6.alpha.omega,

.omega,

#optional-fields,
.form-bottom .right,

#search-tabs
{
  display: none !important;
}

.container_12 .grid_6, .container_16 .grid_8
{
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: block;
  float: unset;
  
  zoom: 2;
}

.form-bottom .left
{
  zoom: 2;
  margin: 0 auto;
  
  position: relative;
  display: block;
  float: unset;
  
  min-width: unset !important;
  width: fit-content !important;
}

.resource-name, .resource-name input,

.form-bottom
{
  width: 100% !important;
  
  margin: 0 !important;
}

.resource-name input
{
  padding: 0 !important;
  border: none !important;
  height: 2em;
  border-radius: 15px;
  
  padding-left: 10px !important;
  max-width: calc(100% - 10px);
}

.resource-name label { font-size: 0; }
.resource-name label:after
{
  content: "Search Media";
  font-size: 8pt
}

/*Centring search bar aesthetically*/
#page, .ui.search, html { height: 100% !important; }
#container, #page {min-height: 100vh !important; }
#content
{
  height: calc(100% - 190px);
  
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
    flex-grow: .6;
  
  padding-bottom: 25px;
}
#page
{
  display: flex;
  flex-direction: column;
  min-height: 100%;
  height: 100%;
}
#footer { margin-top: auto !important; width: 100%; }

.form-bottom .left > button { width: 100px; margin: 0 1px; }
.form-bottom .left > button span { width: 100%; }
.form-bottom .left > button span .inner { padding: 0; }
.form-bottom .left { display: flex; }


/*Embiggen EIDR ID on content view*/
#pretty_printer_contents > table > tbody > tr:nth-child(2) { height: 50px !important; }
#pretty_printer_contents > table > tbody > tr:nth-child(2) > td { font-size: 34px; vertical-align: middle }

/*Setting message loocation*/
.error.message, .success.message 
{
  position: absolute;
  
  top: 13%;
  left: 0; 
  right: 0; 
  margin: 0 auto;
  
  width: fit-content;
}

/*Bring Header elements on top of content*/
#header { z-index: 1000; }

/*Remove weird white box that appears*/
.reveal-Series { display: none !important; }

/*Add my name somewhere*/
#registry-version::after { content: " // EZ-fied by Bane" }
}

@-moz-document domain("ui.eidr.org") {
/*Dark Theme*/
body, html
{
  background: linear-gradient(to bottom, #2e2e2f 100px, #3d3d3f 90px) !important;
  background-repeat: no-repeat !important;
  height: 100%;
}

html,

#header button.button2 .inner,

ul#nav li.active a
{
  background: #3d3d3f !important;
}

button.button2 .inner, button.button2 .outer,

table tr.odd td
{
  background: #363639;
}

button.button2:hover .inner, button.button2:hover .outer,

table th,

table tr.even td,

select, input,

.optional-fields
{
  background: #2e2e2f;
}

table tr:hover td,

.optional-fields:hover
{
  background: #1e1e20b8 !important;
}

.resource-name input
{
  background: #363639;
  color: #ccc;
}

.resource-name label:after
{
  color: #ccc;
}

h1, h2, h3, h4, h5, h6, small, p, li,

#search-options span,

.results-info,

table th,
.odd, .even,

form label,
input, select,
.container_12 .grid_2,

.optional-fields:hover,

ul#nav li.active a span
{
  color: #ccc !important;
}

a { color: #1d95df !important; }

table th
{
  text-align: center !important;
}

table tr.even td,
table, table th,

input, select
{
  border: none;
}

button.button2, button.button2 *
{
  border-radius: 15px;
}

.resource-name input 
{
  box-shadow: inset 0 0 8px 0px #2229;
}

/*Dark Scrollbar*/
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #fff0; }
::-webkit-scrollbar-thumb { background: #222; }
::-webkit-scrollbar-thumb:hover { background: #252525; }
::-webkit-scrollbar-corner { background: #0000; }
}

@-moz-document regexp(".*(ui.eidr.org/search)") {
/*Search Page Only*/

/*NavBar Selected*/
ul#nav li:nth-child(3) a { background: #3d3d3f !important;  }

/*Embiggen Search Box*/
#content {  transform: scale(1.3); }
}

@-moz-document regexp(".*(ui.eidr.org/search).*") {
/*Search Results Page Only*/

/*NavBar Selected*/
ul#nav li:nth-child(3) a { background: #3d3d3f !important;  }
}

@-moz-document regexp(".*(ui.eidr.org/register)") {
/*Register Page Only*/ 
ul#nav li:nth-child(3) a { background: #3d3d3f !important;  }ul#nav li:nth-child(4) a { background: #3d3d3f !important;  }
}

@-moz-document regexp(".*(ui.eidr.org/help)#.*"), regexp(".*(ui.eidr.org/help)") {
/*Register Page Only*/ 
ul#nav li:nth-child(1) a { background: #3d3d3f !important; }
}