Zum Inhalt springenZur Hauptnavigation springen

CSS für DBIS

Dateiinhalt

/**********************************************************
* STYLESHEET "COLOR" FUER DBIS CC0, UB Regensburg         *
* Fuer Fragen zum Stylesheet bitte an technik.dbis@ur.de  *
* mailen - wir helfen gerne! Viel Erfolg!                 *
**********************************************************/

/***** ANPASSUNG *****/
/* Farbe */
a, a:visited, a:active, a:link,
p.head_dbinfo,
body div.all #ext_search {
  color: #1A4B7E;
}

ul.link_list,
div.left_external form input[type="submit"],
body div input.box[type="submit"] {
  background-color: #1A4B7E;
}

div.left_external form input[type="submit"] {
  border-color: #1A4B7E;
}

/* 4) Stylesheet speichern & auf einem Server hochladen */
/* 5) In DBIS-Administration verknüpfen - fertig! */

/***** ALLGEMEIN *****/
* {
  font-family: "Montserrat", sans-serif;
    color: #505050;
}

html, body {
  height: 100%;
  width: 100%;
  padding: 0;
  border: 0;
  margin: 0;
}

div.all {
  min-height: 100%;
  padding-bottom: 5em;
}

table {
  width: 100%;
  border: 0;
  font-size: 1em;
}

td {
  padding: 0;
  vertical-align: top;
}

/* Bilder */
img {
  border: 0px;
}

/* Gruppierungen, wo ein white-space: nowrap notwendig ist */
span.nobr {
  white-space: nowrap;
}

/***** LINKS *****/
a, a:visited, a:active, a:link {
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
}

a:hover {
  text-decoration: underline;
}

/***** FORMULARE *****/
form {
  margin: 0;
  background-color: transparent !important;
}

input.text, input.box, select {
    padding: 0.3em 0.5em;
  border: 1px solid transparent;
    border-radius: 3px;
    margin: 0.2em;
  font-size: 1em;
    box-shadow: 0em 0em 0.15em #999;
}

input.box[type="submit"] {
  border-radius: 1.5em;
  color: #fff;
  background-color: #fff;
}

input.box[type="reset"] {
  border-radius: 1.5em;
    background-color: #f5f5f5;
}

input.box:hover, input.box:focus {
    cursor: pointer;
    background-color: #efefef;
}

input:active, input:focus, input:hover {
  box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
}

select {
    background-color: transparent;
}

/***** HEADER *****/
div.head {
  margin-bottom:3em;
}

div.head table {
  padding: 1em 0em;
  background-color: #fff;
    box-shadow: 0em 0.1em 0.2em #999;
}

/* Schriftzug | "Datenbank-Infosystem (DBIS)" */
p.head_dbinfo {
  padding: 0px 5px 0px 14px;
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-size: 1.2em;
  letter-spacing: 0.8px;
}

/* Schriftzug | "[BIBLIOTHEKSNAME]" */
p.head_bib_name {
  padding: 2px 5px 5px 14px;
  margin: 0;
    font-size: 1em;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.8px;
}

p.head_bib_name a {
  color: #505050;
}

/* Bibliothekslogo */
td.head_logo {
  text-align: right;
  vertical-align: bottom;
}

td.head_logo img {
  height: 3.5em;
}

/* Navigation Header (Linkliste) */
ul.link_list {
  padding: 2em 1.3em;
  margin: 0;
  box-shadow: 0em 0.1em 0.2em #999 inset;
}

ul.link_list li {
  display: inline;
  padding-right: 20px;
}

ul.link_list li a {
  color: #fff;
}

/***** NAVIGATION LINKS *****/
/* Struktur */
td.left {
  width: 210px;
  padding: 5px;
  font-family: "MontserratBold", sans-serif;
  font-size: 0.9em;
}

/* Sichtbares Navigationsfenster */
div.left_external {
  padding: 0.5em;
  border-radius: 2px;
  -webkit-position: sticky;
  position: sticky;
  top: 3em;
  background-color: #f9f9f9;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

/* Links */
p.left_line {
  margin: 0.5em;
}

p.left_line a {
  font-family: "Montserrat", sans-serif;
  color: #505050;
}

/* "Gefördert durch" */
p.left_logo {
  margin: 0;
  text-align: center;
}

/* Schriftzug "Gefördert durch" */
p#left_support {
  margin: 2em 0.5em 0.5em 0.5em;
  font-family: "Montserrat", sans-serif;
  text-align: left;
}

/* Logos der Förderer */
#left_support_bay, #left_support_dfg {
  padding: 1em;
  display: inline-block;
}

#left_support_dfg {
  background: url("https://dbis.ur.de/hosted_css/dfg_logo.svg") center no-repeat;
  background-size: 90%;
}

#left_support_dfg img {
  visibility: hidden;
}

/***** NAVIGATION LINKS | SUCHFENSTER *****/
/* Grundstruktur */
div.left_external form {
  padding: 0.8em;
  margin: 0;
  border-radius: 2px;
  margin-bottom: 2em;
  box-shadow: 0 5px 2px -5px #ccc;
}

div.left_external div.left_search {
  width: 100%;
  white-space: nowrap;
}

/* Überschrift für Suchleiste ausblenden */
#search_text, #fast_search {
  display: none;
}

/* Erweiterte-Suche-Text */
div.left_search .left_line {
  margin-top: 0.5em;
}

#ext_search {
  font-family: "Montserrat", sans-serif;
  font-size: 0.8em;
}

/* Elemente | Allgemein */
div.left_external form input {
  padding: 0.3em;
  border: none;
  margin: 0;
}

/* Elemente | Suchschlitz */
div.left_external form input[type="text"] {
  padding: 0.3em 45px 0.3em 10px !important;
  border-radius: 1em;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}

/* Elemente | Suchschlitz bei Auswahl */
div.left_external form input[type="text"]:active, div.left_external form input[type="text"]:focus, div.left_external form input[type="text"]:hover {
  box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
}

/* Elemente | Abschicken-Button */
div.left_external form input[type="submit"] {
  padding: 0.3em 0.5em;
  border-radius: 1em;
  margin: 0em 0em 0em -3.3em;
    color: #fff;
}

/* Elemente | Abschicken-Button bei Auswahl */
div.left_external form input[type="submit"]:focus, div.left_external form input[type="submit"]:hover {
    cursor: pointer;
}

/***** HAUPTFELD *****/
/* Hauptfeld | Überschrift */
p.headline, p.headline_right {
  padding: 2px 3px 6px 0px;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "MontserratBold", sans-serif;
  font-size: 1.1em;
}

p.headline {
  width: 80%;
  margin-right: 20px;
  float: left;
}

p.headline_right {
  text-align: right;
  vertical-align: top;
}

/* Hauptfeld | Tabellen */
/* Error Handling für Internet Explorer */
.main, div.user {
  clear: left;
}

/* Grundstruktur */
.main {
  padding: 0em 2em;
}

table.main {
  padding: 0;
}

.main > div.search_table,
.main > div#db_sort,
.main > div#short_infos,
.main > div#alphabet_1 {
  padding: 3em 0em 0em 0em;
  font-size: 0.9em;
}

/* Tabellen-Überschrift */
.main div tr td.normal_head, .main div tr td.normal_head_right,
.main div tr td.normal_head *, .main div tr td.normal_head_right * {
  border-bottom: solid 1px #505050;
  font-size: 1em;
  font-family: "MontserratBold", sans-serif !important;
  color: #fff !important;
  background-color: #666;
}

.main div tr td.normal_head, .main div tr td.normal_head_right {
  padding: 0.7em;
}

.main div tr td img {
  padding: 0 !important;
  margin: 0 !important;
}

/* rechtsbündige Tabellen-Überschrift */
td.normal_head_right {
  text-align: right;
  white-space: nowrap;
}

/* Tabellenzeilen */
.main tr:nth-child(even) {
  background-color: #f5f5f5;
}

.main tr:hover, .main tr:focus {
  background-color: #efefef;
}

.main tr:first-child:hover, .main tr.first-child:focus {
  background-color: transparent;
}

/* Tabellenspalten */
td.normal_body {
  padding: 0.7em;
  vertical-align: top;
}

/* Links innerhalb Tabellenspalten (z.B. auf Detailansicht einer DB) */
.main a:hover, .main a:focus {
  text-decoration: none;
}

/* Rechtsbündige Tabellenspalten */
td.normal_body_right {
  padding: 0.3em;
  text-align:right;
  white-space: nowrap;
}

/* Fuss einer Tabelle */
td.normal_bottom {
  padding: 5px;
}

td.normal_body_last {
  padding: 1px 5px 1px 5px;
  vertical-align:top;
}

/* Standardformatierung für kleinere Schriften */
td.small_body {
  padding: 1px 5px 1px 5px;
  border-bottom: solid 1px #505050;
  font-size: 0.8em;
  vertical-align: middle;
}

/***** ERWEITERTE SUCHE *****/
div.search_res {
  margin: 1em;
}

div.search_res p, div.search_res ul {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
}

div.search_res p {
  margin-left:3px;
}

/* "Einschränken auf" */
div.user:nth-last-of-type(2) {
  margin-bottom: 3em;
}

div.user:nth-of-type(2) select {
  width: 50%;
}

/***** SONSTIGES *****/
/* weitere Informationen ... */
span.more_information {
  font-family: "Montserrat", sans-serif;
  padding-left: 100px;
}

/* Alphabet */
ul.alphabet {
  padding: 0px;
  margin: 0px;
}

ul.alphabet li {
  display: inline;
  padding: 0px 16px 0px 0px;
}

/* Browsing (bei DB-Typen und Zugangsart) */
div.browse {
text-align: center;
}

div.browse span {
  padding-left: 5px;
  padding-right:5px;
}

/* Bibliotheksauswahl */
select#choose_bib {
  width: 40em;
  font-size: 0.8em;
  letter-spacing: 0.1em;
}

/***** ADMIN INHALTE *****/
div.user {
  padding: 0px 3px 0px 0px;
}

div.user table {
  padding: 0px;
}

div.user div {
  padding: 0px;
  margin: 0px 0px 3px 0px;
}

div.user p {
  padding: 5px;
  margin:0px;
}

div.user div p, div.user div div {
  padding: 5px;
  margin: 0px;
}

div.user div ol, .main div ul {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
}

/***** RESPONSIVE *****/
@media(min-width: 1000px) {

  div.head table {
    height: 6em;
    z-index: 10;
    position: fixed;
    top: 0em;
  }

  .head_logo {
    padding-right: 15%;
  }

  /* Schriftzug | "Datenbank-Infosystem (DBIS)" */
  p.head_dbinfo {
    padding: 0px 5px 0px 0px;
    margin: 0;
    font-size: 1.3em;
    letter-spacing: 0.8px;
  }

  /* Schriftzug | "[BIBLIOTHEKSNAME]" */
  p.head_bib_name {
    padding: 2px 5px 5px 0px;
    margin: 0;
    font-size: 1.1em;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 0.8px;
  }

  ul.link_list {
    padding-top: 8em;
  }

  ul.link_list, .all > table:nth-child(2) {
    padding-left: 15%;
    padding-right: 15%;
  }

  .dbis_bib_name {
    width: 50%;
    padding-left: 15%;
    vertical-align: bottom;
  }

  div.left_external {
    top: 8em;
  }

}

/***** FONT *****/
/** Montserrat Thin **/
@font-face {
    font-family: "MontserratThin";
    src: url("https://dbis.ur.de/hosted_css/font/montserrat-thin.eot");
    src: url("https://dbis.ur.de/hosted_css/font/montserrat-thin.eot?#iefix") format('embedded-opentype'),
         url("https://dbis.ur.de/hosted_css/font/montserrat-thin.woff2") format("woff2"),
         url("https://dbis.ur.de/hosted_css/font/montserrat-thin.woff") format("woff");
}

/** Montserrat Light **/
@font-face {
    font-family: "MontserratLight";
    src: url("https://dbis.ur.de/hosted_css/font/montserrat-light.eot");
    src: url("https://dbis.ur.de/hosted_css/font/montserrat-light.eot?#iefix") format('embedded-opentype'),
         url("https://dbis.ur.de/hosted_css/font/montserrat-light.woff2") format("woff2"),
         url("https://dbis.ur.de/hosted_css/font/montserrat-light.woff") format("woff");
}

/** Montserrat Regular **/
@font-face {
    font-family: "Montserrat";
    src: url("https://dbis.ur.de/hosted_css/font/montserrat-regular.eot");
    src: url("https://dbis.ur.de/hosted_css/font/montserrat-regular.eot?#iefix") format('embedded-opentype'),
         url("https://dbis.ur.de/hosted_css/font/montserrat-regular.woff2") format("woff2"),
         url("https://dbis.ur.de/hosted_css/font/montserrat-regular.woff") format("woff");
}

/** Montserrat Bold **/
@font-face {
    font-family: "MontserratBold";
    src: url("https://dbis.ur.de/hosted_css/font/montserrat-semibold.eot");
    src: url("https://dbis.ur.de/hosted_css/font/montserrat-semibold.eot?#iefix") format('embedded-opentype'),
         url("https://dbis.ur.de/hosted_css/font/montserrat-semibold.woff2") format("woff2"),
         url("https://dbis.ur.de/hosted_css/font/montserrat-semibold.woff") format("woff");
}