Initial release, first three books of Mose added
This commit is contained in:
298
bibel_html/de_new/_assets/css/NavPanel.css
Normal file
298
bibel_html/de_new/_assets/css/NavPanel.css
Normal file
@ -0,0 +1,298 @@
|
||||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
|
||||
/* Nav */
|
||||
|
||||
#nav {
|
||||
cursor: default;
|
||||
/* (en) containing floats in IE */
|
||||
/* (de) Einfassen der Floats im IE */
|
||||
width:100%;
|
||||
overflow:hidden;
|
||||
/* (en|de) Bugfix:IE - collapsing horizontal margins */
|
||||
position:relative;
|
||||
line-height:1em;
|
||||
background: #222;
|
||||
}
|
||||
|
||||
#nav ul {
|
||||
list-style-type:none;
|
||||
margin:0;
|
||||
padding: 0.3em 0.5em 0.3em 1.5em;
|
||||
/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
|
||||
display:inline;
|
||||
float:left; /* LTR */
|
||||
}
|
||||
|
||||
#nav ul li {
|
||||
/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
|
||||
display:inline;
|
||||
float:left; /* LTR */
|
||||
font-size:1.0em;
|
||||
line-height:1em;
|
||||
list-style-type:none;
|
||||
margin: 0 .25em 0 0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
#nav ul li a {
|
||||
background:transparent;
|
||||
display:block;
|
||||
line-height: 2em;
|
||||
padding: 0 0.5em;
|
||||
font-weight:300;
|
||||
text-decoration:none;
|
||||
font-weight: 400;
|
||||
text-transform: uppercase;
|
||||
color: #999;
|
||||
letter-spacing: 2px;
|
||||
font-size: 0.85em;
|
||||
/* [disabled]text-shadow: 0 1px 1px rgba(0,0,0,.5); */
|
||||
width:auto;
|
||||
font-weight:600;
|
||||
}
|
||||
|
||||
#nav ul li a:focus,
|
||||
#nav ul li a:hover {
|
||||
-webkit-border-radius: 0.2em;
|
||||
-moz-border-radius: 0.2em;
|
||||
border-radius: 0.2em;
|
||||
text-decoration:none;
|
||||
outline: 0 none;
|
||||
color: #E8E8E8;
|
||||
background: #444;
|
||||
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,.4);
|
||||
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,.4);
|
||||
box-shadow: 0px 2px 2px rgba(0,0,0,.4);
|
||||
|
||||
}
|
||||
|
||||
#nav ul li a:selected {
|
||||
-webkit-border-radius: 0.2em;
|
||||
-moz-border-radius: 0.2em;
|
||||
border-radius: 0.2em;
|
||||
text-decoration:none;
|
||||
outline: 0 none;
|
||||
color: #908d7e;/*#E8E8E8;*/
|
||||
background: #444;
|
||||
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,.4);
|
||||
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,.4);
|
||||
box-shadow: 0px 2px 2px rgba(0,0,0,.4);
|
||||
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.4) inset;
|
||||
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,.4) inset;
|
||||
box-shadow: 0px 1px 1px rgba(0,0,0,.4) inset;
|
||||
}
|
||||
|
||||
#nav ul li .selected {
|
||||
background:#666;
|
||||
background: #908d7e;/*#E8E8E8;*//*#AA2023; /*selected in use*/
|
||||
-webkit-border-radius: 0.2em;
|
||||
-moz-border-radius: 0.2em;
|
||||
border-radius: 0.2em;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#nav ul li .active {
|
||||
background:#666;
|
||||
background: #908d7e;/*#AA2023;*/
|
||||
-webkit-border-radius: 0.2em;
|
||||
-moz-border-radius: 0.2em;
|
||||
border-radius: 0.2em;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 737px) {
|
||||
/* Nav */
|
||||
#navPanel {
|
||||
display:none;
|
||||
}
|
||||
|
||||
}
|
||||
@media screen and (max-width: 736px) {
|
||||
|
||||
|
||||
/* Off-Canvas Navigation */
|
||||
|
||||
#page-wrapper {
|
||||
-moz-backface-visibility: hidden;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
-moz-transition: -moz-transform 0.5s ease;
|
||||
-webkit-transition: -webkit-transform 0.5s ease;
|
||||
-ms-transition: -ms-transform 0.5s ease;
|
||||
transition: transform 0.5s ease;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
|
||||
#titleBar {
|
||||
-moz-backface-visibility: hidden;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
-moz-transition: -moz-transform 0.5s ease;
|
||||
-webkit-transition: -webkit-transform 0.5s ease;
|
||||
-ms-transition: -ms-transform 0.5s ease;
|
||||
transition: transform 0.5s ease;
|
||||
display: block;
|
||||
height: 44px;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 10001;
|
||||
/*border-radius: 50px;*/
|
||||
}
|
||||
|
||||
#titleBar .toggle {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 80px;
|
||||
height: 60px;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
#titleBar .toggle:before {
|
||||
display: inline-block;
|
||||
font-family: 'FontAwesome';
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
content: '\f0c9';
|
||||
display: block;
|
||||
width: 60px;
|
||||
height: 40px;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
border-radius: 4px;
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
top: 5px;
|
||||
box-shadow: 0.125em 0.125em 0 0 rgba(0, 0, 0, 0.15);
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
font-size: 18px;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
#titleBar .toggle:active:before {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
#navPanel {
|
||||
-moz-backface-visibility: hidden;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
-moz-transform: translateX(-275px);
|
||||
-webkit-transform: translateX(-275px);
|
||||
-ms-transform: translateX(-275px);
|
||||
transform: translateX(-275px);
|
||||
-moz-transition: -moz-transform 0.5s ease;
|
||||
-webkit-transition: -webkit-transform 0.5s ease;
|
||||
-ms-transition: -ms-transform 0.5s ease;
|
||||
transition: transform 0.5s ease;
|
||||
display: block;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
overflow-y: auto;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 275px;
|
||||
z-index: 10002;
|
||||
background: #222;
|
||||
border-right: solid 2px #3c3c3c;
|
||||
font-weight: 400;
|
||||
text-transform: uppercase;
|
||||
color: #888;
|
||||
letter-spacing: 2px;
|
||||
font-size: 0.85em;
|
||||
}
|
||||
|
||||
#navPanel ul li .selected {
|
||||
background:#666;
|
||||
background: #908d7e;/*#AA2023;*/
|
||||
-webkit-border-radius: 0.2em;
|
||||
-moz-border-radius: 0.2em;
|
||||
border-radius: 0.2em;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#navPanel .link {
|
||||
display: block;
|
||||
color: #ddd;
|
||||
text-decoration: none;
|
||||
height: 44px;
|
||||
line-height: 44px;
|
||||
border: 0;
|
||||
border-top: solid 1px #3c3c3c;
|
||||
padding: 0 1em 0 1em;
|
||||
}
|
||||
|
||||
#navPanel .link:first-child {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
#navPanel .link.depth-0 {
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#navPanel .indent-1 {
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
}
|
||||
|
||||
#navPanel .indent-2 {
|
||||
display: inline-block;
|
||||
width: 2em;
|
||||
}
|
||||
|
||||
#navPanel .indent-3 {
|
||||
display: inline-block;
|
||||
width: 3em;
|
||||
}
|
||||
|
||||
#navPanel .indent-4 {
|
||||
display: inline-block;
|
||||
width: 4em;
|
||||
}
|
||||
|
||||
#navPanel .indent-5 {
|
||||
display: inline-block;
|
||||
width: 5em;
|
||||
}
|
||||
|
||||
#navPanel .depth-0 {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.navPanel-visible #page-wrapper {
|
||||
-moz-transform: translateX(275px);
|
||||
-webkit-transform: translateX(275px);
|
||||
-ms-transform: translateX(275px);
|
||||
transform: translateX(275px);
|
||||
}
|
||||
|
||||
body.navPanel-visible #titleBar {
|
||||
-moz-transform: translateX(275px);
|
||||
-webkit-transform: translateX(275px);
|
||||
-ms-transform: translateX(275px);
|
||||
transform: translateX(275px);
|
||||
}
|
||||
|
||||
body.navPanel-visible #navPanel {
|
||||
-moz-transform: translateX(0);
|
||||
-webkit-transform: translateX(0);
|
||||
-ms-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
/* Nav */
|
||||
|
||||
#nav {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
14
bibel_html/de_new/_assets/css/_css.minxx.css
Normal file
14
bibel_html/de_new/_assets/css/_css.minxx.css
Normal file
File diff suppressed because one or more lines are too long
447
bibel_html/de_new/_assets/css/base.css
Normal file
447
bibel_html/de_new/_assets/css/base.css
Normal file
@ -0,0 +1,447 @@
|
||||
@media all {
|
||||
|
||||
/**
|
||||
* @section CSS-Normalisation Module
|
||||
*/
|
||||
|
||||
/* (en) Global reset of paddings and margins for all HTML elements */
|
||||
/* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
|
||||
* { margin:0; padding:0; }
|
||||
|
||||
/* (en) Correction:margin/padding reset caused too small select boxes. */
|
||||
/* (de) Korrektur:Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
|
||||
option { padding-left:0.4em; } /* LTR */
|
||||
select { padding:1px; }
|
||||
|
||||
/**
|
||||
* (en) Global fix of the Italics bugs in IE 5.x and IE 6
|
||||
* (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
|
||||
*
|
||||
* @bugfix
|
||||
* @affected IE 5.x/Win, IE6
|
||||
* @css-for IE 5.x/Win, IE6
|
||||
* @valid yes
|
||||
*/
|
||||
* html body * { overflow:visible; }
|
||||
|
||||
|
||||
/* (en) avoid visible outlines on DIV containers in Webkit browsers */
|
||||
/* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
|
||||
div:target { outline:0 none; }
|
||||
|
||||
/* (en) HTML 5 - adjusting visual formatting model to block level */
|
||||
/* (en) HTML 5 - Anpassung des visuellen Formatmodells auf Blockelemente */
|
||||
article,aside,details,figcaption,figure,
|
||||
footer,header,hgroup,nav,section {
|
||||
display:block;
|
||||
}
|
||||
|
||||
/* (en) HTML5 - default media element styles */
|
||||
/* (de) HTML5 - Standard Eigenschaften für Media-Elemente */
|
||||
audio,
|
||||
canvas,
|
||||
video {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* (en) HTML5 - don't show <audio> element if there aren't controls */
|
||||
/* (de) HTML5 - <audio> ohne Kontrollelemente sollten nicht angezeigt werden */
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* (en) HTML5 - add missing styling in IE & old FF for hidden attribute */
|
||||
/* (de) HTML5 - Eigenschaften für das hidden-Attribut in älteren IEs und FF nachrüsten */
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* (en) force consistant appearance of input[type="search"] elements in all browser */
|
||||
/* (de) Einheitliches Erscheinungsbild für input[type="search"] Elemente erzwingen */
|
||||
input[type="search"] {
|
||||
-webkit-appearance: textfield;
|
||||
}
|
||||
input[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/* (en) Clear borders for <fieldset> and <img> elements */
|
||||
/* (de) Rahmen für <fieldset> und <img> Elemente löschen */
|
||||
fieldset, img { border:0 solid; }
|
||||
|
||||
/* (en) new standard values for lists, blockquote, cite and tables */
|
||||
/* (de) Neue Standardwerte für Listen, Zitate und Tabellen */
|
||||
ul, ol, dl { margin:0 0 1em 1em; } /* LTR */
|
||||
li {
|
||||
line-height:1.5em;
|
||||
margin-left:0.8em; /* LTR */
|
||||
}
|
||||
|
||||
dt { font-weight:bold; }
|
||||
dd { margin:0 0 1em 0.8em; } /* LTR */
|
||||
|
||||
blockquote { margin:0 0 1em 0.8em; } /* LTR */
|
||||
q { quotes: none; }
|
||||
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after { content: ''; content:none }
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* @section Float Handling Module
|
||||
*/
|
||||
|
||||
/* (en) clearfix method for clearing floats */
|
||||
/* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
|
||||
.ym-clearfix:before {
|
||||
content:"";
|
||||
display:table;
|
||||
}
|
||||
.ym-clearfix:after {
|
||||
clear:both;
|
||||
content:".";
|
||||
display:block;
|
||||
font-size:0;
|
||||
height:0;
|
||||
visibility:hidden;
|
||||
}
|
||||
|
||||
/* (en) alternative solutions to contain floats */
|
||||
/* (de) Alternative Methoden zum Einschließen von Float-Umgebungen */
|
||||
.ym-contain-dt { display:table; width: 100%; overflow: visible; }
|
||||
.ym-contain-oh { overflow:hidden; width:100%; display:block; }
|
||||
.ym-contain-fl { float:left; width:100%; }
|
||||
|
||||
/**
|
||||
* @section Accessibility Module
|
||||
*
|
||||
* (en) skip links and hidden content
|
||||
* (de) Skip-Links und versteckte Inhalte
|
||||
*/
|
||||
|
||||
/* (en) classes for invisible elements in the base layout */
|
||||
/* (de) Klassen für unsichtbare Elemente im Basislayout */
|
||||
.ym-skip,
|
||||
.ym-hideme,
|
||||
.ym-print {
|
||||
position:absolute;
|
||||
top:-32768px;
|
||||
left:-32768px; /* LTR */
|
||||
}
|
||||
|
||||
/* (en) make skip links visible when using tab navigation */
|
||||
/* (de) Skip-Links für Tab-Navigation sichtbar schalten */
|
||||
.ym-skip:focus,
|
||||
.ym-skip:active {
|
||||
position:static;
|
||||
top:0;
|
||||
left:0;
|
||||
}
|
||||
|
||||
/* skiplinks:technical setup */
|
||||
.ym-skiplinks {
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:-32768px;
|
||||
z-index:1000;
|
||||
width:100%;
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style-type:none;
|
||||
}
|
||||
|
||||
.ym-skiplinks .ym-skip:focus,
|
||||
.ym-skiplinks .ym-skip:active {
|
||||
left:32768px;
|
||||
outline:0 none;
|
||||
position:absolute;
|
||||
width:100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen, projection {
|
||||
|
||||
/**
|
||||
* @section Column Module
|
||||
*
|
||||
* default column config:
|
||||
* |-------------------------------|
|
||||
* | col1 | col3 | col2 |
|
||||
* | 20% | flexible | 20% |
|
||||
* |-------------------------------|
|
||||
*/
|
||||
|
||||
.ym-column { display:table; width:100%; }
|
||||
|
||||
.ym-col1 { float:left; width:20%; }
|
||||
.ym-col2 { float:right; width:20%; }
|
||||
.ym-col3 { width:auto; margin:0 20%; }
|
||||
|
||||
.ym-cbox { padding: 0 10px }
|
||||
.ym-cbox-left { padding: 0 10px 0 0 }
|
||||
.ym-cbox-right { padding: 0 0 0 10px }
|
||||
|
||||
/* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */
|
||||
/* (de) IE-Clearing:Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
|
||||
.ym-ie-clearing { display:none; }
|
||||
|
||||
/**
|
||||
* @section Grid Module
|
||||
*
|
||||
*/
|
||||
|
||||
.ym-grid {
|
||||
display:table;
|
||||
width:100%;
|
||||
table-layout:fixed;
|
||||
list-style-type: none;
|
||||
padding-left:0;
|
||||
padding-right:0;
|
||||
margin-left:0;
|
||||
margin-right:0;
|
||||
}
|
||||
|
||||
.ym-gl { float:left; margin: 0; }
|
||||
.ym-gr { float:right; margin: 0 0 0 -5px; }
|
||||
|
||||
.ym-g20 { width:20%; }
|
||||
.ym-g40 { width:40%; }
|
||||
.ym-g60 { width:60%; }
|
||||
.ym-g80 { width:80%; }
|
||||
.ym-g25 { width:25%; }
|
||||
.ym-g33 { width:33.333%; }
|
||||
.ym-g50 { width:50%; }
|
||||
.ym-g66 { width:66.666%; }
|
||||
.ym-g75 { width:75%; }
|
||||
.ym-g38 { width:38.2%; }
|
||||
.ym-g62 { width:61.8%; }
|
||||
|
||||
.ym-gbox { padding: 0 10px }
|
||||
.ym-gbox-left { padding: 0 10px 0 0 }
|
||||
.ym-gbox-right { padding: 0 0 0 10px }
|
||||
|
||||
.ym-equalize { overflow:hidden; }
|
||||
|
||||
.ym-equalize > [class*="ym-g"] {
|
||||
display:table-cell;
|
||||
float:none;
|
||||
margin:0;
|
||||
vertical-align:top;
|
||||
}
|
||||
|
||||
.ym-equalize > [class*="ym-g"] > [class*="ym-gbox"] {
|
||||
padding-bottom: 10000px;
|
||||
margin-bottom: -10000px
|
||||
}
|
||||
}
|
||||
|
||||
@media all {
|
||||
|
||||
/**
|
||||
* @section Form Module
|
||||
*
|
||||
* Vertical-Forms - technical base (standard)
|
||||
*
|
||||
* |-------------------------------|
|
||||
* | form |
|
||||
* |-------------------------------|
|
||||
* | label |
|
||||
* | input / select / textarea |
|
||||
* |-------------------------------|
|
||||
* | /form |
|
||||
* |-------------------------------|
|
||||
*
|
||||
* (en) Styling of forms where both label and input/select/textarea are styled with display:block;
|
||||
* (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
|
||||
*/
|
||||
|
||||
.ym-form,
|
||||
.ym-form fieldset { overflow:hidden; }
|
||||
|
||||
.ym-form div { position:relative; }
|
||||
|
||||
.ym-form label,
|
||||
.ym-form .ym-message {
|
||||
position:relative;
|
||||
display:block; /* important for Safari */
|
||||
}
|
||||
|
||||
.ym-form .ym-fbox-check label {
|
||||
display:inline;
|
||||
}
|
||||
|
||||
.ym-form input,
|
||||
.ym-form textarea { cursor:text; }
|
||||
|
||||
.ym-form input[type="checkbox"],
|
||||
.ym-form input[type="radio"],
|
||||
.ym-form select,
|
||||
.ym-form label { cursor:pointer; }
|
||||
|
||||
/* small adjustments for Internet Explorer - all versions */
|
||||
.ym-form textarea { overflow: auto; }
|
||||
|
||||
/* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
|
||||
.ym-form input[type=hidden] { display:none !important; }
|
||||
|
||||
/* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
|
||||
.ym-form .ym-fbox-text:before,
|
||||
.ym-form .ym-fbox-select:before,
|
||||
.ym-form .ym-fbox-check:before,
|
||||
.ym-form .ym-fbox-button:before {
|
||||
content:"";
|
||||
display:table;
|
||||
}
|
||||
|
||||
.ym-form .ym-fbox-text:after,
|
||||
.ym-form .ym-fbox-select:after,
|
||||
.ym-form .ym-fbox-check:after,
|
||||
.ym-form .ym-fbox-button:after {
|
||||
clear:both;
|
||||
content:".";
|
||||
display:block;
|
||||
font-size:0;
|
||||
height:0;
|
||||
visibility:hidden;
|
||||
}
|
||||
|
||||
/* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
|
||||
.ym-form select,
|
||||
.ym-form input,
|
||||
.ym-form textarea {
|
||||
display:block;
|
||||
position:relative;
|
||||
/* [disabled]width:58.5%; */
|
||||
}
|
||||
|
||||
.ym-form .ym-fbox-check input {
|
||||
display: inline;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
/* Styling of buttons | Gestaltung von Buttons */
|
||||
.ym-form .ym-fbox-button input {
|
||||
display: inline;
|
||||
overflow:visible; /* Fixes IE7 auto-padding bug */
|
||||
width:auto;
|
||||
}
|
||||
|
||||
/* avoid jumping checkboxes & radiobuttons in IE8 */
|
||||
.ym-form .ym-fbox-check input:focus,
|
||||
.ym-form .ym-fbox-check input:hover,
|
||||
.ym-form .ym-fbox-check input:active {
|
||||
border:0 none;
|
||||
}
|
||||
|
||||
/* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
|
||||
|
||||
.ym-full .ym-fbox-select select,
|
||||
.ym-full .ym-fbox-text input,
|
||||
.ym-full .ym-fbox-text textarea {
|
||||
width:94.2%;
|
||||
margin-right: -3px;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Columnar forms display - technical base (optional)
|
||||
*
|
||||
* |-------------------------------------------|
|
||||
* | form |
|
||||
* |-------------------------------------------|
|
||||
* | |
|
||||
* | label | input / select / textarea |
|
||||
* | |
|
||||
* |-------------------------------------------|
|
||||
* | /form |
|
||||
* |-------------------------------------------|
|
||||
*
|
||||
* (en) Styling of forms where label floats left of form-elements
|
||||
* (de) Formulargestaltung, bei der die label-Elemente nach links fließen
|
||||
*/
|
||||
|
||||
/* Columnar display | Spalten-Darstellung */
|
||||
.ym-columnar .ym-fbox-text label,
|
||||
.ym-columnar .ym-fbox-select label {
|
||||
display:inline;
|
||||
float:left;
|
||||
width:30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
|
||||
}
|
||||
.ym-columnar .ym-fbox-check {
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.ym-label { display:block; }
|
||||
.ym-columnar .ym-fbox-check .ym-label {
|
||||
position:absolute;
|
||||
top:0;
|
||||
}
|
||||
|
||||
/* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
|
||||
.ym-columnar .ym-fbox-check input,
|
||||
.ym-columnar .ym-error .ym-message {
|
||||
margin-left:30%;
|
||||
}
|
||||
|
||||
/* global and local columnar settings for button alignment */
|
||||
.ym-columnar fieldset .ym-fbox-button,
|
||||
fieldset.ym-columnar .ym-fbox-button {
|
||||
padding-left:30%;
|
||||
}
|
||||
|
||||
.ym-columnar .ym-fbox-select select,
|
||||
.ym-columnar .ym-fbox-text input,
|
||||
.ym-columnar .ym-fbox-text textarea {
|
||||
float:left;
|
||||
width:67.2%;
|
||||
margin-right: -3px;
|
||||
}
|
||||
|
||||
/**
|
||||
* @section Form Construction Kit | Screen Adjustments
|
||||
*
|
||||
*/
|
||||
|
||||
.ym-fbox-select select { width:60%; }
|
||||
.ym-full .ym-fbox-select select { width:94.8%; }
|
||||
.ym-columnar .ym-fbox-select select { width:68.8%; }
|
||||
}
|
||||
|
||||
@media print {
|
||||
|
||||
/**
|
||||
* @section print adjustments for core modules
|
||||
*
|
||||
* (en) float clearing for subtemplates. Uses display:table to avoid bugs in FF & IE
|
||||
* (de) Float Clearing für die Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
|
||||
*
|
||||
* @bugfix
|
||||
* @since 3.0
|
||||
* @affected FF2.0, FF3.0, IE7
|
||||
* @css-for all browsers
|
||||
* @valid yes
|
||||
*/
|
||||
|
||||
.ym-grid > .ym-gl,
|
||||
.ym-grid > .ym-gr {
|
||||
overflow:visible;
|
||||
display:table;
|
||||
}
|
||||
|
||||
/* (en) make .ym-print class visible */
|
||||
/* (de) .ym-print-Klasse sichtbar schalten */
|
||||
.ym-print {
|
||||
position:static;
|
||||
left:0;
|
||||
}
|
||||
|
||||
/* (en) generic class to hide elements for print */
|
||||
/* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
|
||||
.ym-noprint {
|
||||
display:none !important;
|
||||
}
|
||||
}
|
||||
7
bibel_html/de_new/_assets/css/css.css
Normal file
7
bibel_html/de_new/_assets/css/css.css
Normal file
@ -0,0 +1,7 @@
|
||||
@import url(gray-theme.css);
|
||||
@import url(base.css);
|
||||
@import url(print.css);
|
||||
@import url(screen-FULLPAGE-layout.css);
|
||||
@import url(typography.css);
|
||||
@import url(NavPanel.css);
|
||||
@import url(font-awesome.min.css);
|
||||
4
bibel_html/de_new/_assets/css/font-awesome.min.css
vendored
Normal file
4
bibel_html/de_new/_assets/css/font-awesome.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
524
bibel_html/de_new/_assets/css/gray-theme.css
Normal file
524
bibel_html/de_new/_assets/css/gray-theme.css
Normal file
@ -0,0 +1,524 @@
|
||||
@media screen and (min-width: 0px){
|
||||
|
||||
/**
|
||||
* @section general width settings for formular elements in modern browsers
|
||||
* switching to CSS3 box modell "border-box" for perfect flexible forms
|
||||
*
|
||||
* Styling for: <labels>, <input>, <textarea> and <select>
|
||||
*
|
||||
*/
|
||||
|
||||
.ym-form input,
|
||||
.ym-form input,
|
||||
.ym-form textarea,
|
||||
.ym-form select {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
font: Georgia, "Times New Roman", Times, serif;
|
||||
width:100%;
|
||||
border-width: 0px;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
padding: 0.5em;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
-webkit-border-radius: 0.2em;
|
||||
-moz-border-radius: 0.2em;
|
||||
border-radius: 0.2em;
|
||||
}
|
||||
|
||||
.ym-columnar label {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ym-columnar .ym-fbox-select select,
|
||||
.ym-columnar .ym-fbox-text input,
|
||||
.ym-columnar .ym-fbox-text textarea { width:70%; }
|
||||
|
||||
.ym-full .ym-fbox-select select,
|
||||
.ym-full .ym-fbox-text input,
|
||||
.ym-full .ym-fbox-text textarea { width:100%; }
|
||||
}
|
||||
|
||||
@media screen, projection {
|
||||
|
||||
/**
|
||||
* @section general form styling
|
||||
*
|
||||
* Styling for: <form>, <fieldset>, <legend>, <label> and rows (class="ym-fbox-[xxx]")
|
||||
*
|
||||
*/
|
||||
.ym-form {
|
||||
font: Georgia, "Times New Roman", Times, serif;
|
||||
background:#F3F1EB;
|
||||
border:2px #fff solid;
|
||||
margin: 1.5em 0 0 0;
|
||||
padding: 0em 1em 1em 1em;
|
||||
-webkit-box-shadow: 0 0 4px #ddd;
|
||||
-moz-box-shadow: 0 0 4px #ddd;
|
||||
box-shadow: 0 0 4px #ddd;
|
||||
-webkit-border-radius: 0.2em;
|
||||
-moz-border-radius: 0.2em;
|
||||
border-radius: 0.2em;
|
||||
}
|
||||
|
||||
.ym-form fieldset {
|
||||
position:static;
|
||||
background:transparent;
|
||||
margin: 0.75em 0 0.75em 0;
|
||||
padding: 0 0.5em;
|
||||
}
|
||||
|
||||
.ym-form legend {
|
||||
background:transparent;
|
||||
color:#000;
|
||||
font-size:1.2em;
|
||||
line-height:1.25em;
|
||||
font-weight:bold;
|
||||
padding:0 0.5em;
|
||||
}
|
||||
|
||||
.ym-form label {
|
||||
color:#222;
|
||||
line-height: 2em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
.ym-label {
|
||||
color: #666;
|
||||
padding-top: 0.25em;
|
||||
}
|
||||
|
||||
.ym-form .ym-form div.ym-fbox-check:focus + label {
|
||||
color:#000;
|
||||
}
|
||||
|
||||
/* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
|
||||
.ym-form div.ym-fbox-text,
|
||||
.ym-form div.ym-fbox-select,
|
||||
.ym-form div.ym-fbox-check,
|
||||
.ym-form div.ym-fbox-button {
|
||||
padding: 0.3em 1em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
.ym-form div.ym-fbox-button {
|
||||
background: #ececec;
|
||||
border-top: 1px #e0e0e0 solid;
|
||||
padding:0 1em 1.5em 1em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.ym-form .ym-gbox {
|
||||
padding: 0 0.5em;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.ym-form h6 {
|
||||
color: #000;
|
||||
margin: 1em 0 0 1em;
|
||||
}
|
||||
|
||||
/**
|
||||
* @section styling form elements
|
||||
*
|
||||
* Styling for: Input, Textarea, Select ...
|
||||
*
|
||||
*/
|
||||
|
||||
/* styling standard form elements with 'almost' equal flexible width */
|
||||
/* Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
|
||||
.ym-form .ym-fbox-text input,
|
||||
.ym-form .ym-fbox-text textarea {
|
||||
font-family: Georgia, "Times New Roman", Times, serif;
|
||||
line-height: 1em;
|
||||
padding: 0.25em 0.3em;
|
||||
margin-top: -2px;
|
||||
}
|
||||
|
||||
.ym-form .ym-fbox-select select {
|
||||
line-height: 1em;
|
||||
padding: 0.25em 2px 0.25em 1px;
|
||||
margin-top: -2px;
|
||||
}
|
||||
|
||||
/* proportional fonts for all form elements */
|
||||
.ym-form input,
|
||||
.ym-form textarea,
|
||||
.ym-form select,
|
||||
.ym-form optgroup {
|
||||
font-family: Georgia, "Times New Roman", Times, serif;
|
||||
border:1px solid #CCC;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
|
||||
.ym-form optgroup {
|
||||
font-style:normal;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.ym-form .ym-fbox-text input,
|
||||
.ym-form .ym-fbox-text textarea,
|
||||
.ym-form .ym-fbox-select select {
|
||||
border:1px solid #ddd;
|
||||
}
|
||||
|
||||
/* General form styling | Allgemeine Formatierung des Formulars */
|
||||
.ym-form .ym-message {
|
||||
color:#666;
|
||||
margin-bottom:0.5em;
|
||||
}
|
||||
|
||||
/* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
|
||||
.ym-form .ym-required {
|
||||
color:#800;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
/* form validation highlight colors */
|
||||
.ym-form input:valid,
|
||||
.ym-form textarea:valid { background-color: #FEFEFC; }
|
||||
.ym-form input:invalid,
|
||||
.ym-form textarea:invalid { background-color: #fdd; }
|
||||
|
||||
/**
|
||||
* @section error messages
|
||||
*
|
||||
*/
|
||||
|
||||
.ym-form .ym-error label {
|
||||
color:#800;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
.ym-form .ym-error input,
|
||||
.ym-form .ym-error select,
|
||||
.ym-form .ym-error textarea {
|
||||
border: 1px #800 solid;
|
||||
}
|
||||
|
||||
.ym-form .ym-error input:hover,
|
||||
.ym-form .ym-error input:focus,
|
||||
.ym-form .ym-error select:hover,
|
||||
.ym-form .ym-error select:focus,
|
||||
.ym-form .ym-error textarea:hover,
|
||||
.ym-form .ym-error textarea:focus {
|
||||
border: 1px #800 solid !important;
|
||||
}
|
||||
|
||||
.ym-form .ym-error .ym-message {
|
||||
color:#800;
|
||||
font-weight: bold;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
/* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
|
||||
.ym-form div.ym-fbox-text input:focus,
|
||||
.ym-form div select:focus,
|
||||
.ym-form div textarea:focus,
|
||||
.ym-form div.ym-fbox-text input:hover,
|
||||
.ym-form div select:hover,
|
||||
.ym-form div textarea:hover,
|
||||
.ym-form div.ym-fbox-text input:active,
|
||||
.ym-form div select:active,
|
||||
.ym-form div textarea:active {
|
||||
border:1px #888 solid;
|
||||
background:#FEFEFC;
|
||||
}
|
||||
|
||||
/**
|
||||
THis is arrow right and top button - the arrow image is png in img/arrowup and arrowright - red was disable in Nov 2019
|
||||
*/
|
||||
|
||||
.ym-button,
|
||||
.ym-form button,
|
||||
.ym-form input[type="button"],
|
||||
.ym-form input[type="reset"],
|
||||
.ym-form input[type="submit"] {
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
background-color: #FFFFFF; /* [disabled] #AA2023; */
|
||||
/* [disabled]border: 1px solid #FEFEFC; */
|
||||
-webkit-border-radius: 0.2em;
|
||||
-moz-border-radius: 0.2em;
|
||||
border-radius: 0.2em;
|
||||
color: #FFFFFF !important;
|
||||
cursor: pointer;
|
||||
font-size:.7em;
|
||||
margin: 0.1em;
|
||||
overflow: visible; /* removes extra side spacing in IE */
|
||||
text-decoration: none !important;
|
||||
padding-top: .2em;
|
||||
padding-right: 0.5em;
|
||||
padding-bottom: 0.3em;
|
||||
padding-left: 0.5em;
|
||||
line-height: 1.2em;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
|
||||
}
|
||||
.ym-button22,
|
||||
.ym-form button,
|
||||
.ym-form input[type="button"],
|
||||
.ym-form input[type="reset"],
|
||||
.ym-form input[type="submit"] {
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
background-color: #908d7e; /* [disabled] #AA2023; */
|
||||
/* [disabled]border: 1px solid #FEFEFC; */
|
||||
-webkit-border-radius: 0.2em;
|
||||
-moz-border-radius: 0.2em;
|
||||
border-radius: 0.2em;
|
||||
color: #FFFFFF !important;
|
||||
cursor: pointer;
|
||||
font-size:.6em;
|
||||
margin: 0.1em;
|
||||
overflow: visible; /* removes extra side spacing in IE */
|
||||
text-decoration: none !important;
|
||||
padding-top: .2em;
|
||||
padding-right: 0.5em;
|
||||
padding-bottom: 0.3em;
|
||||
padding-left: 0.5em;
|
||||
line-height: 1.2em;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
box-shadow: 0px 1px 1px rgba(0,0,0,.2);
|
||||
text-transform: uppercase;
|
||||
|
||||
}
|
||||
|
||||
.dl-button,
|
||||
.dl-form button,
|
||||
.dl-form input[type="button"],
|
||||
.dl-form input[type="reset"],
|
||||
.dl-form input[type="submit"] {
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
background-color: #AA2023; /* download button audio page */
|
||||
/* [disabled]border: 1px solid #FEFEFC; */
|
||||
-webkit-border-radius: 0.2em;
|
||||
-moz-border-radius: 0.2em;
|
||||
border-radius: 0.2em;
|
||||
color: #FFFFFF !important;
|
||||
cursor: pointer;
|
||||
font-size:.7em;
|
||||
margin: 0.1em;
|
||||
overflow: visible; /* removes extra side spacing in IE */
|
||||
text-decoration: none !important;
|
||||
padding-top: .2em;
|
||||
padding-right: 0.5em;
|
||||
padding-bottom: 0.3em;
|
||||
padding-left: 0.5em;
|
||||
line-height: 1.2em;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
|
||||
|
||||
.ym-form button:hover,
|
||||
.ym-form input[type="button"]:hover,
|
||||
.ym-form input[type="reset"]:hover,
|
||||
.ym-form input[type="submit"]:hover,
|
||||
.ym-button:hover {
|
||||
background-color: /*#AA2023;*/
|
||||
/* [disabled]text-shadow: 0 1px 1px rgba(0,0,0,.3); */
|
||||
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.4);
|
||||
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,.4);
|
||||
box-shadow: 0px 1px 1px rgba(0,0,0,.4);
|
||||
}
|
||||
|
||||
.ym-form button:active,
|
||||
.ym-form input[type="button"]:active,
|
||||
.ym-form input[type="reset"]:active,
|
||||
.ym-form input[type="submit"]:active,
|
||||
.ym-button:active {
|
||||
background-color: /*#AA2023;*/
|
||||
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.4) inset;
|
||||
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,.4) inset;
|
||||
box-shadow: 0px 1px 1px rgba(0,0,0,.4) inset;
|
||||
/* [disabled]box-shadow: 2px 2px 3px rgba(0,0,0,.2) inset; */
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
.ym-form button:focus,
|
||||
.ym-form input[type="button"]:focus,
|
||||
.ym-form input[type="reset"]:focus,
|
||||
.ym-form input[type="submit"]:focus,
|
||||
.ym-button:focus {
|
||||
outline: 0;
|
||||
background: /*#AA2023;*/
|
||||
}
|
||||
|
||||
}
|
||||
.ym-button2:hover {
|
||||
font-size: 100%; color: red; background-color: #AA2023; text-decoration: none
|
||||
}
|
||||
|
||||
#contact-button {
|
||||
font-family: Georgia, "Times New Roman", Times, serif;
|
||||
padding-top: 0.2em !important;
|
||||
padding-right: 0.5em !important;
|
||||
padding-bottom: 0.2em !important;
|
||||
padding-left: 0.5em !important;
|
||||
width: 120px;
|
||||
line-height: 2em;
|
||||
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.3);
|
||||
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,.3);
|
||||
box-shadow: 0px 1px 1px rgba(0,0,0,.3);
|
||||
border-top-style: none;
|
||||
border-right-style: none;
|
||||
border-bottom-style: none;
|
||||
border-left-style: none;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
|
||||
}
|
||||
|
||||
#searchInput {
|
||||
-webkit-border-radius: 0.2em;
|
||||
-moz-border-radius: 0.2em;
|
||||
border-radius: 0.2em;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-webkit-border-radius: 0.2em;
|
||||
-moz-border-radius: 0.2em;
|
||||
border-radius: 0.2em;
|
||||
font-family: Georgia, "Times New Roman", Times, serif;
|
||||
width:50%;
|
||||
border:1px solid #CCC;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
padding: 0.5em;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
height: 2em;
|
||||
overflow: visible; /* removes extra side spacing in IE */
|
||||
}
|
||||
#searchButton {
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
background-color: #AA2023;
|
||||
/* [disabled]border: 1px solid #FEFEFC; */
|
||||
-webkit-border-radius: 0.2em;
|
||||
-moz-border-radius: 0.2em;
|
||||
border-radius: 0.2em;
|
||||
color: #FEFEFC !important;
|
||||
cursor: pointer;
|
||||
font-family: Georgia, "Times New Roman", Times, serif;
|
||||
padding-top: 0.2em !important;
|
||||
padding-right: 0.7em !important;
|
||||
padding-bottom: 0.2em !important;
|
||||
padding-left: 0.7em !important;
|
||||
height: 2em;
|
||||
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.3);
|
||||
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,.3);
|
||||
box-shadow: 0px 1px 1px rgba(0,0,0,.3);
|
||||
border-top-style: none;
|
||||
border-right-style: none;
|
||||
border-bottom-style: none;
|
||||
border-left-style: none;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
|
||||
/* removes extra inner spacing in Firefox */
|
||||
.ym-form button::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* If line-height can't be modified, then fix Firefox spacing with padding */
|
||||
.ym-form input[type=button]::-moz-focus-inner,
|
||||
.ym-form input[type=reset]::-moz-focus-inner,
|
||||
.ym-form input[type=submit]::-moz-focus-inner {
|
||||
padding: .4em;
|
||||
}
|
||||
|
||||
/* The disabled styles */
|
||||
.ym-form button[disabled],
|
||||
.ym-form button[disabled]:hover,
|
||||
.ym-form input[type=button][disabled],
|
||||
.ym-form input[type=button][disabled]:hover,
|
||||
.ym-form input[type=reset][disabled],
|
||||
.ym-form input[type=reset][disabled]:hover,
|
||||
.ym-form input[type=submit][disabled],
|
||||
.ym-form input[type=submit][disabled]:hover,
|
||||
.ym-button.ym-disabled,
|
||||
.ym-button.ym-disabled:hover {
|
||||
background: #eee;
|
||||
color: #aaa !important;
|
||||
border-color: #aaa;
|
||||
cursor: default;
|
||||
text-shadow: none;
|
||||
position: static;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* ie6 support styles - redefined buttons, because of missing support for attribute selectors */
|
||||
* html .ym-button,
|
||||
* html .ym-form button {
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
background-color: #ccc;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
|
||||
border: 1px solid #777;
|
||||
color: #333 !important;
|
||||
cursor: pointer;
|
||||
font: normal 1em/2em Helvetica, Helvetica, sans-serif;
|
||||
margin: 1.5em 0.75em 0 0;
|
||||
padding: 0 1.5em;
|
||||
overflow: visible; /* removes extra side spacing in IE */
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
* html .ym-form button:focus,
|
||||
* html .ym-button:focus {
|
||||
outline: 0;
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
* html .ym-form button:hover,
|
||||
* html .ym-button:hover {
|
||||
background-color: #ddd;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
|
||||
}
|
||||
|
||||
* html .ym-form button:active,
|
||||
* html .ym-button:active {
|
||||
background-color: #bbb;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb');
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
* html .ym-button.ym-disabled,
|
||||
* html .ym-button.ym-disabled:hover {
|
||||
background: #eee;
|
||||
color: #aaa !important;
|
||||
border-color: #aaa;
|
||||
cursor: default;
|
||||
text-shadow: none;
|
||||
position: static;
|
||||
}
|
||||
}
|
||||
49
bibel_html/de_new/_assets/css/print.css
Normal file
49
bibel_html/de_new/_assets/css/print.css
Normal file
@ -0,0 +1,49 @@
|
||||
|
||||
@media print {
|
||||
|
||||
|
||||
body {
|
||||
font-size: 10pt;
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
/* (en) Hide unneeded container of the screenlayout in print layout */
|
||||
/* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
|
||||
nav,
|
||||
.ym-searchform {
|
||||
display:none;
|
||||
}
|
||||
|
||||
/*------------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* (en) Avoid page breaks right after headings */
|
||||
/* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
page-break-after:avoid;
|
||||
}
|
||||
|
||||
/*------------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* (en) optional output of acronyms and abbreviations*/
|
||||
/* (de) optionale Ausgabe von Auszeichnung von Abkürzungen */
|
||||
|
||||
/*
|
||||
abbr[title]:after,
|
||||
acronym[title]:after {
|
||||
content:'(' attr(title) ')';
|
||||
}
|
||||
*/
|
||||
|
||||
/*------------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* (en) optional URL output of hyperlinks in print layout */
|
||||
/* (de) optionale Ausgabe der URLs von Hyperlinks */
|
||||
/*
|
||||
a[href]:after {
|
||||
content:" <URL:"attr(href)">";
|
||||
color:#444;
|
||||
background:inherit;
|
||||
font-style:italic;
|
||||
}
|
||||
*/
|
||||
}
|
||||
222
bibel_html/de_new/_assets/css/screen-FULLPAGE-layout.css
Normal file
222
bibel_html/de_new/_assets/css/screen-FULLPAGE-layout.css
Normal file
@ -0,0 +1,222 @@
|
||||
@media screen {
|
||||
|
||||
.stuck {
|
||||
position:fixed;
|
||||
top:0;
|
||||
max-width: 60em;
|
||||
clear: both;
|
||||
width: 912px;
|
||||
}
|
||||
|
||||
/* force vertical scrollbar */
|
||||
body {
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
/* Layout Module Configuration */
|
||||
.ym-wrapper {
|
||||
max-width: 60em;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.ym-wbox {
|
||||
padding-top: 0.5em;
|
||||
padding-right: 1.5em;
|
||||
padding-bottom: 1em;
|
||||
padding-left: 0.5em;
|
||||
}
|
||||
|
||||
/* fallback for missing media queries support*/
|
||||
body > header,
|
||||
body > nav,
|
||||
body > #main,
|
||||
body > footer {
|
||||
min-width: 760px;
|
||||
/*min-width: 760px;*/
|
||||
}
|
||||
|
||||
/* Basic Element Styling */
|
||||
header {
|
||||
background: #908d7e; /*#535151; /*#AA2023; /*#AA2023; - wpbck_red*/
|
||||
color: #cccc;
|
||||
border-bottom:solid 3px #AA2023;
|
||||
border-bottom-right-radius: 3px 3px;
|
||||
border-bottom-left-radius: 3px 3px;
|
||||
/*border-top:solid 3px #AA2023;
|
||||
border-top-right-radius: 5px 20px;
|
||||
border-top-left-radius: 5px 20px;*/
|
||||
}
|
||||
|
||||
header h1 {
|
||||
background: transparent; /*transparent;*/
|
||||
color: #FEFEFC; /*#FEFEFC; - wp white*/
|
||||
font-weight: normal; /*normal*/
|
||||
}
|
||||
|
||||
#main .info {
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
|
||||
footer {
|
||||
color: #444;
|
||||
font-size: 80%;
|
||||
background-color: #FFFFFF;/*#F3F1EB;*/
|
||||
}
|
||||
|
||||
footer p {
|
||||
margin: 0;
|
||||
font-size: 70%;
|
||||
}
|
||||
|
||||
header .ym-wbox,
|
||||
footer .ym-wbox {
|
||||
padding-top: 0.8em;
|
||||
padding-right: 1.5em;
|
||||
padding-bottom: 0.5em;
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
|
||||
.ym-gbox { padding: 0 1.5em; }
|
||||
.ym-gbox-left { padding: 0 1.5em 0 0; }
|
||||
.ym-gbox-right { padding: 0 0 0 1.5em; }
|
||||
|
||||
section.box { padding: 0 1.5em 1.5em 1.5em; }
|
||||
|
||||
#main aside .ym-gbox-right {
|
||||
/* [disabled]border-left: 1px #ddd solid; */
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
|
||||
/* skip links styling */
|
||||
.ym-skiplinks a.ym-skip:focus,
|
||||
.ym-skiplinks a.ym-skip:active {
|
||||
color:#FEFEFC;
|
||||
background:#333;
|
||||
border-bottom:1px #000 solid;
|
||||
padding:10px 0;
|
||||
text-align: center;
|
||||
text-decoration:none;
|
||||
}
|
||||
}
|
||||
|
||||
/* reset fallback values in modern browsers */
|
||||
@media screen and ( min-width: 0px ) {
|
||||
|
||||
body > header,
|
||||
body > nav,
|
||||
body > #main,
|
||||
body > footer {
|
||||
min-width: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and ( max-width: 980px ) {
|
||||
.stuck {
|
||||
position:fixed;
|
||||
top:0;
|
||||
left:0;
|
||||
max-width: 60em;
|
||||
clear: both;
|
||||
width: 100%;
|
||||
}
|
||||
header .ym-wbox {
|
||||
padding: 1em 1.5em;
|
||||
}
|
||||
|
||||
header h1 {
|
||||
font-size: 1.4em;
|
||||
line-height: .85em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.secondary {
|
||||
border-top: 1px #888 solid;
|
||||
margin-top: 1.5em !important;
|
||||
}
|
||||
|
||||
#main aside .ym-gbox-right {
|
||||
border: 0 none;
|
||||
}
|
||||
|
||||
/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
|
||||
.linearize-level-1,
|
||||
.linearize-level-1 > [class*="ym-g"],
|
||||
.linearize-level-1 > [class*="ym-col"] {
|
||||
display: block;
|
||||
float: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"],
|
||||
.linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
|
||||
overflow: hidden; /* optional for containing floats */
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.ym-searchform {
|
||||
display:block;
|
||||
float: none;
|
||||
width: auto;
|
||||
padding-right: 10px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.ym-searchform input[type="search"] {
|
||||
width: 10%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and ( max-width: 550px) {
|
||||
|
||||
header .ym-wbox {
|
||||
padding: 1em 10px;
|
||||
}
|
||||
|
||||
footer .ym-wbox,
|
||||
.ym-wbox,
|
||||
.ym-searchform,
|
||||
nav .ym-hlist ul {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
header h1 {
|
||||
font-size: 1.4em;
|
||||
line-height: .85em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
|
||||
.linearize-level-2,
|
||||
.linearize-level-2 > [class*="ym-g"],
|
||||
.linearize-level-2 > [class*="ym-col"] {
|
||||
display: block;
|
||||
float: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"],
|
||||
.linearize-level-2 > [class*="ym-col"] > [class*="ym-cbox"] {
|
||||
overflow: hidden; /* optional for containing floats */
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.ym-searchform,
|
||||
nav .ym-hlist ul,
|
||||
nav .ym-hlist li {
|
||||
display:block;
|
||||
float: none;
|
||||
width: auto;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.ym-searchform input[type="search"] {
|
||||
width: 71%;
|
||||
}
|
||||
}
|
||||
777
bibel_html/de_new/_assets/css/style.css
Normal file
777
bibel_html/de_new/_assets/css/style.css
Normal file
@ -0,0 +1,777 @@
|
||||
/*fadecontrols*/
|
||||
|
||||
/*#mainContainer {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
height: 2400px;
|
||||
background: #eee;
|
||||
}*/
|
||||
/*end fadecontrols*/
|
||||
/*
|
||||
#arrowContainer button.btn {
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
position: fixed;
|
||||
top: 40px;
|
||||
left: 50%;
|
||||
color: #333;
|
||||
font-size: 16px;
|
||||
margin-left: -100px;
|
||||
}
|
||||
*/
|
||||
/* for drop cap for future paragraph view */
|
||||
.paragraphview:first-child:first-letter {float:left; color:#a23021; font-size:420%; line-height:100%; padding:4px 8px 0 3px;font-family: Georgia;}
|
||||
|
||||
/* hack to fix dropcap alignment for Firefox only */
|
||||
body:not(:-moz-handler-blocked) .paragraphview:first-child:first-letter {
|
||||
margin-top: 0.15em;
|
||||
}
|
||||
/*
|
||||
.paragraphs {line-height: 2.3;}
|
||||
#div sup {font-size:60%;color:#999;}
|
||||
h1 {font-size:32px;}
|
||||
h2 {font-size:26px;}
|
||||
h3 {font-size:20px;font-weight:normal;}
|
||||
h4 {font-size:16px;font-weight:normal;}
|
||||
h5 {font-size:12px;}
|
||||
@font-face
|
||||
{*/
|
||||
|
||||
p.search_margin {
|
||||
margin-left: 50px
|
||||
}
|
||||
|
||||
.imageatt {
|
||||
width:25px;
|
||||
height:25px;
|
||||
text-align:absbottom;
|
||||
|
||||
}
|
||||
.shareright {
|
||||
margin: 10px 5px 30px 30px;
|
||||
text-align: right;
|
||||
}
|
||||
/* Style arrow left and right - see fade in and out at script.js line 40*/
|
||||
.bible-nav-button {
|
||||
bottom: 150px; /*150px;*/
|
||||
}
|
||||
@media screen and (min-width: 30em)
|
||||
.pa3-m {
|
||||
padding: 1rem;
|
||||
}
|
||||
.bg-white {
|
||||
background-color: #fff;
|
||||
}
|
||||
.dim, .dim:focus, .dim:hover {
|
||||
transition: opacity .15s ease-in;
|
||||
}
|
||||
.dim {
|
||||
opacity: 1;
|
||||
}
|
||||
.pa2 {
|
||||
padding: .5rem;
|
||||
}
|
||||
.fixed {
|
||||
position: fixed;
|
||||
}
|
||||
.justify-center {
|
||||
justify-content: center;
|
||||
}
|
||||
.items-center {
|
||||
align-items: center;
|
||||
}
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
.right-1 {
|
||||
right: 1rem;
|
||||
}
|
||||
.left-1 {
|
||||
left: 0.5rem; /*2rem;*/
|
||||
}
|
||||
.br-100 {
|
||||
border-radius: 100%;
|
||||
}
|
||||
.b--black-20 {
|
||||
border-color: rgba(0,0,0,0.2);
|
||||
|
||||
}
|
||||
.ba {
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
}
|
||||
[role="button"], a, button {
|
||||
cursor: pointer;
|
||||
}
|
||||
a {
|
||||
background-color: transparent;
|
||||
-webkit-text-decoration-skip: objects;
|
||||
}
|
||||
/* WProject header */
|
||||
a.wplink:link {
|
||||
background: transparent; /*transparent;*/
|
||||
color: #FEFEFC; /*#FEFEFC; - wp white*/
|
||||
f/*ont-weight: normal; normal*/
|
||||
font-weight: bold;
|
||||
font-size:1.3em;
|
||||
line-height: 140%;
|
||||
margin: 0.2em 0 0;
|
||||
text-shadow: 0px 2px 2px rgba(0,0,0,.5);
|
||||
}
|
||||
a.wplink:visited {
|
||||
background: transparent; /*transparent;*/
|
||||
color: #FEFEFC; /*#FEFEFC; - wp white*/
|
||||
f/*ont-weight: normal; normal*/
|
||||
font-weight: bold;
|
||||
font-size:1.3em;
|
||||
line-height: 140%;
|
||||
margin: 0.2em 0 0;
|
||||
text-shadow: 0px 2px 2px rgba(0,0,0,.5);
|
||||
}
|
||||
a.wplink:hover {
|
||||
background: transparent; /*transparent;*/
|
||||
color: #FEFEFC; /*#FEFEFC; - wp white*/
|
||||
f/*ont-weight: normal; normal*/
|
||||
font-weight: bold;
|
||||
font-size:1.3em;
|
||||
line-height: 140%;
|
||||
margin: 0.2em 0 0;
|
||||
text-shadow: 0px 2px 2px rgba(0,0,0,.5);
|
||||
}
|
||||
|
||||
*, :after, :before {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.tc {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.yv-green {
|
||||
color: #6ab750;
|
||||
}
|
||||
@media screen and (min-width: 30em)
|
||||
.f6-m {
|
||||
font-size: .875rem;
|
||||
}
|
||||
|
||||
.bg-transparent {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Style Dropdown Button */
|
||||
.dropbtn {
|
||||
background-color: transparent;/*#ffffff;*/
|
||||
color: #AA2023;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
font-size: 75%;
|
||||
padding-top: 0.5em;
|
||||
text-transform: none;
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* The container <div> - needed to position the dropdown content
|
||||
.dropdown {
|
||||
position: relativex;
|
||||
display: inline-blockx;
|
||||
float: rightx;
|
||||
}*/
|
||||
|
||||
/* Dropdown Content (Hidden by Default) */
|
||||
.dropdown-content {
|
||||
display: none;
|
||||
position: absolute;
|
||||
background-color: #ffffff;
|
||||
min-width: 160px;
|
||||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* Links inside the dropdown */
|
||||
.dropdown-content a {
|
||||
color: #AA2023;
|
||||
font-size: 75%;
|
||||
padding-top: 0.5em;
|
||||
padding: 12px 16px;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Change color of dropdown links on hover */
|
||||
.dropdown-content a:hover {background-color: #f1f1f1}
|
||||
|
||||
/* Show the dropdown menu on hover */
|
||||
.dropdown:hover .dropdown-content {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Change the background color of the dropdown button when the dropdown content is shown */
|
||||
.dropdown:hover .dropbtn {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.background2{ /*used in votd spanish*/
|
||||
background-color:#F3F1EB;
|
||||
padding:1em;
|
||||
margin-top:1em;
|
||||
margin-bottom:1em;
|
||||
border-radius:9px; /*adjust*/}
|
||||
.w3_whatsapp_btn {
|
||||
background-image: url('icon.png');
|
||||
border: 1px solid rgba(0, 0, 0, 0.1);
|
||||
display: inline-block !important;
|
||||
position: relative;
|
||||
font-family: Arial,sans-serif;
|
||||
letter-spacing: .4px;
|
||||
cursor: pointer;
|
||||
font-weight: 400;
|
||||
text-transform: none;
|
||||
color: #fff;
|
||||
border-radius: 2px;
|
||||
background-color: #5cbe4a;
|
||||
background-repeat: no-repeat;
|
||||
line-height: 1.2;
|
||||
text-decoration: none;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.w3_whatsapp_btn_small {
|
||||
font-size: 12px;
|
||||
background-size: 16px;
|
||||
background-position: 5px 2px;
|
||||
padding: 3px 6px 3px 25px;
|
||||
}
|
||||
|
||||
.w3_whatsapp_btn_medium {
|
||||
font-size: 16px;
|
||||
background-size: 20px;
|
||||
background-position: 4px 2px;
|
||||
padding: 4px 6px 4px 30px;
|
||||
}
|
||||
|
||||
.w3_whatsapp_btn_large {
|
||||
font-size: 16px;
|
||||
background-size: 20px;
|
||||
background-position: 5px 5px;
|
||||
padding: 8px 6px 8px 30px;
|
||||
color: #fff;
|
||||
}
|
||||
a.whatsapp { color: #fff;}
|
||||
/*old starts here*/
|
||||
a.special {
|
||||
color: #0000FF;
|
||||
outline: 0;
|
||||
font-family: 'Raleway', sans-serif;
|
||||
font-size: 11px;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.chap {
|
||||
/*background-color: #F98A3F;*/
|
||||
border-bottom: 1px solid #333333;
|
||||
border-right: 1px solid #333333;
|
||||
border-left: 1px solid #333333;
|
||||
border-top: 1px solid #333333;
|
||||
border-color: #737373;
|
||||
padding-left: 7px;
|
||||
padding-right: 7px;
|
||||
font-size: 100%;
|
||||
font-weight: normal;
|
||||
xcolor: #EEFFFF;
|
||||
display:inline;
|
||||
line-height:200%;
|
||||
border-radius: 0.2em /*new 2019*/
|
||||
}
|
||||
.chap2 {
|
||||
background-color: #F98A3F;
|
||||
border-bottom: 1px solid #333333;
|
||||
border-right: 1px solid #333333;
|
||||
border-left: 1px solid #333333;
|
||||
border-top: 1px solid #333333;
|
||||
border-color: #737373;
|
||||
padding-left: 7px;
|
||||
padding-right: 7px;
|
||||
font-size: 100%;
|
||||
font-weight: normal;
|
||||
color: #EEFFFF;
|
||||
display:inline;
|
||||
line-height:200%;
|
||||
border-radius: 0.2em;
|
||||
display: inline-block; /*new 2019*/
|
||||
}
|
||||
.ymgrey {
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
background-color: #A6A6A6; /* [disabled] #AA2023; */
|
||||
/* [disabled]border: 1px solid #FEFEFC; */
|
||||
-webkit-border-radius: 0.2em;
|
||||
-moz-border-radius: 0.2em;
|
||||
border-radius: 0.2em;
|
||||
color: #FEFEFC !important;
|
||||
cursor: pointer;
|
||||
font-size:.7em;
|
||||
margin: 0.1em;
|
||||
overflow: visible; /* removes extra side spacing in IE */
|
||||
text-decoration: none !important;
|
||||
padding-top: .2em;
|
||||
padding-right: 0.5em;
|
||||
padding-bottom: 0.3em;
|
||||
padding-left: 0.5em;
|
||||
line-height: 1.2em;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.2);
|
||||
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,.2);
|
||||
box-shadow: 0px 1px 1px rgba(0,0,0,.2);
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.chapread {
|
||||
background-color: #908d7e;/*#AA2023; /*#737373;*/
|
||||
border-bottom: 1px solid #333333;
|
||||
border-right: 1px solid #333333;
|
||||
border-left: 1px solid #333333;
|
||||
border-top: 1px solid #333333;
|
||||
padding-left: 7px;
|
||||
padding-right: 7px;
|
||||
font-size: 100%;
|
||||
font-weight: normal;
|
||||
color: #EEFFFF;
|
||||
display:inline;
|
||||
line-height:200%;
|
||||
border-radius: 0.2em /*new 2019*/
|
||||
}
|
||||
|
||||
a.chap:hover {
|
||||
font-size: 100%; color: red; background-color: #F3F1EB; text-decoration: none
|
||||
}
|
||||
/* increase decrease button*/
|
||||
|
||||
.ym-button2
|
||||
{
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
background-color: #a6a6a6; /* [disabled] #AA2023; */
|
||||
/* [disabled]border: 1px solid #FEFEFC; */
|
||||
-webkit-border-radius: 0.2em;
|
||||
-moz-border-radius: 0.2em;
|
||||
border-radius: 0.2em;
|
||||
color: #FEFEFC !important;
|
||||
cursor: pointer;
|
||||
font-size:.7em;
|
||||
margin: 0.1em;
|
||||
overflow: visible; /* removes extra side spacing in IE */
|
||||
text-decoration: none !important;
|
||||
padding-top: .2em;
|
||||
padding-right: 0.5em;
|
||||
padding-bottom: 0.3em;
|
||||
padding-left: 0.5em;
|
||||
line-height: 1.2em;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.2);
|
||||
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,.2);
|
||||
box-shadow: 0px 1px 1px rgba(0,0,0,.2);
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.ym-button2:hover {
|
||||
background-color: #AA2023;
|
||||
}
|
||||
.ym-button2:active {
|
||||
background-color: #AA2023;
|
||||
}
|
||||
.ym-button2:visited {
|
||||
background-color: #AA2023;
|
||||
}
|
||||
.social-slide {
|
||||
height: 48px;
|
||||
width: 48px;
|
||||
margin: 0px 0px 0px 10px;
|
||||
float: right;
|
||||
-webkit-transition: all ease 0.3s;
|
||||
-moz-transition: all ease 0.3s;
|
||||
-o-transition: all ease 0.3s;
|
||||
-ms-transition: all ease 0.3s;
|
||||
transition: all ease 0.3s;
|
||||
}
|
||||
.social-slide:hover {
|
||||
background-position: 0px -48px;
|
||||
box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
|
||||
}
|
||||
.twitter-hover {
|
||||
background-image: url('../img/twitter-hover.png');
|
||||
}
|
||||
.facebook-hover {
|
||||
background-image: url('../img/facebook-hover.png');
|
||||
}
|
||||
.google-hover {
|
||||
background-image: url('../img/google-hover.png');
|
||||
}
|
||||
.instagram-hover {
|
||||
background-image: url('../img/instagram-hover.png');
|
||||
}
|
||||
/*.linkedin-hover {
|
||||
background-image: url('../img/linkedin-hover.png');
|
||||
}*/
|
||||
.youtube-hover {
|
||||
background-image: url('../img/youtube-hover.png');
|
||||
}
|
||||
.email-hover {
|
||||
background-image: url('../img/email-hover.png');
|
||||
}
|
||||
.instagram-hover {
|
||||
background-image: url('../img/instagram-hover.png');
|
||||
}
|
||||
/*this one in use:*/
|
||||
.social-slide_2 {
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
margin: 0px 0px 0px 10px;
|
||||
float: right;
|
||||
-webkit-transition: all ease 0.3s;
|
||||
-moz-transition: all ease 0.3s;
|
||||
-o-transition: all ease 0.3s;
|
||||
-ms-transition: all ease 0.3s;
|
||||
transition: all ease 0.3s;
|
||||
}
|
||||
.social-slide_2:hover {
|
||||
background-position: 0px -30px;
|
||||
box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.0); /*change to 0,0,0,0.8 for margin*/
|
||||
}
|
||||
.twitter-hover_2 {
|
||||
background-image: url('../img/twitter-hover_2.png');
|
||||
}
|
||||
.facebook-hover_2 {
|
||||
background-image: url('../img/facebook-hover_2.png');
|
||||
}
|
||||
.google-hover_2 {
|
||||
background-image: url('../img/google-hover_2.png');
|
||||
}
|
||||
.linkedin-hover_2 {
|
||||
background-image: url('../img/linkedin-hover_2.png');
|
||||
}
|
||||
.email-hover_2 {
|
||||
background-image: url('../img/email-hover_2.png');
|
||||
}
|
||||
.instagram-hover_2 {
|
||||
background-image: url('../img/instagram-hover_2.png');
|
||||
}
|
||||
|
||||
|
||||
.logo { font-size:1.8em;
|
||||
color:#FFF;
|
||||
}
|
||||
.background {
|
||||
background-color: #F3F1EB;
|
||||
padding: 1em;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.background2 {
|
||||
background-color: #F1EBF3;
|
||||
padding: 1em;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.quote {
|
||||
font-variant: small-caps;
|
||||
}
|
||||
|
||||
.red {
|
||||
color: #AA2023;
|
||||
}
|
||||
.word {
|
||||
color: #AA2023;
|
||||
}
|
||||
.centered {
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.large {
|
||||
font-size: 1.6em;
|
||||
}
|
||||
|
||||
.bold {
|
||||
font-weight:bold
|
||||
}
|
||||
|
||||
.full-width {
|
||||
width: 100%;
|
||||
}
|
||||
.text_ind {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 18px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.text_ind2 {
|
||||
font-size: 115%;
|
||||
padding-top: 10.5em;
|
||||
font-style: oblique;
|
||||
color: #000080;
|
||||
font-weight: bold;
|
||||
/* [disabled]padding-left: 0.8em; */
|
||||
}
|
||||
.toccolours{
|
||||
border:1px solid #aaa;
|
||||
background-color:#f9f9f9;
|
||||
padding:5px;font-size:100%
|
||||
}
|
||||
div.thumbinner{
|
||||
border:1px solid #cccccc;
|
||||
padding:3px !important;
|
||||
background-color:White;
|
||||
font-size:100%;
|
||||
text-align:center;
|
||||
overflow:hidden}
|
||||
|
||||
.textWarning {
|
||||
font-size: 70%;
|
||||
line-height: 120%;
|
||||
vertical-align: auto;
|
||||
font-weight: bold;
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
|
||||
.textOptions {
|
||||
margin-bottom: 0px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.textAudio {
|
||||
background-color: #FEFEFC;
|
||||
/* [disabled]padding-top: 10px; */
|
||||
}
|
||||
|
||||
.textHeader {
|
||||
margin-bottom: 15px;
|
||||
padding-bottom: 0px;
|
||||
line-height: 140%;
|
||||
/* [disabled]margin-top: 15px; */
|
||||
}
|
||||
.textBody p {
|
||||
/* [disabled]border-bottom-style: solid; */
|
||||
margin-bottom: 0px;
|
||||
/* [disabled]padding-bottom: 5px; */
|
||||
/* [disabled]border-bottom-color: #E2E2E2; */
|
||||
/* [disabled]padding-top: 5px; */
|
||||
/* [disabled]border-bottom-width: 1px; */
|
||||
line-height: 1.5em !important;
|
||||
}
|
||||
#redborder {
|
||||
/* red at the bottom of pages */
|
||||
border: 2px;
|
||||
border-color: #AA2023;
|
||||
padding: 2px;
|
||||
border-radius: 25px;
|
||||
border-bottom: 6px solid #AA2023;
|
||||
background-colorx: lightgrey;
|
||||
position:relative;
|
||||
|
||||
}
|
||||
#redtop {
|
||||
border: 2px;
|
||||
border-color:#AA2126;
|
||||
padding: 10px;
|
||||
border-radius: 25px;
|
||||
border-top: 6px solid red;
|
||||
background-colorx: lightgrey;
|
||||
}
|
||||
#textBody br {
|
||||
margin-top: 3px !important;
|
||||
}
|
||||
|
||||
#textBody a {
|
||||
color: #000;
|
||||
}
|
||||
#textBody a:visited {
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
background: transparent;
|
||||
}
|
||||
#textBody a:hover {
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
background-color: #F3F1EB;
|
||||
}
|
||||
#textBody a:focus {
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
background: transparent;
|
||||
}
|
||||
#textBody a:active {
|
||||
text-decoration: none;
|
||||
background: transparent;
|
||||
}
|
||||
.verse {
|
||||
font-weight: bold;
|
||||
color: #D2B48C;
|
||||
font-size: 80%;
|
||||
font-style: italic;
|
||||
/* [disabled]vertical-align: super; */
|
||||
}
|
||||
.textNav {
|
||||
text-align: left;
|
||||
padding-top: 5px;
|
||||
padding-right: 0px;
|
||||
padding-bottom: 0px;
|
||||
padding-left: 0px;
|
||||
}
|
||||
.textFooter {
|
||||
text-align: right;
|
||||
padding-top: 0px;
|
||||
padding-right: 0px;
|
||||
padding-bottom: 5px;
|
||||
padding-left: 0px;
|
||||
line-height: 200%;
|
||||
}
|
||||
.align-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* font resizer styles */
|
||||
|
||||
.fontresize {
|
||||
margin: 0 0.5em 0 0;
|
||||
}
|
||||
|
||||
.resetFont {
|
||||
font-size: 1em;
|
||||
line-height:1em;
|
||||
|
||||
}
|
||||
.decreaseFont {
|
||||
font-size: 1em;
|
||||
line-height:1em;
|
||||
}
|
||||
|
||||
.normalizeFont {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.increaseFont {
|
||||
font-size: 1em;
|
||||
line-height:1em;
|
||||
}
|
||||
|
||||
#fontResizer {
|
||||
margin: 0 0 1em 0;
|
||||
font-size: 100%;
|
||||
font-weight: bold;
|
||||
|
||||
}
|
||||
|
||||
#fontResizer a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
#fontResizer a:visited {
|
||||
text-decoration: none;
|
||||
}
|
||||
#fontResizer a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#fontResize, .block-fontResizer {
|
||||
float: right;
|
||||
margin: 0;
|
||||
}
|
||||
.breadCrumbs {
|
||||
font-size: 75%;
|
||||
padding-top: 0.5em;
|
||||
text-transform: none;
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
/* [disabled]padding-left: 0.8em; */
|
||||
}
|
||||
|
||||
ul.list-bibles {
|
||||
list-style-image: url('../img/book.png' );
|
||||
/* [disabled nov2017]display: inline; */
|
||||
padding-left: 2.0em /* [added nov2017]display: inline; */
|
||||
}
|
||||
ul.list-audio {
|
||||
list-style-image: url('../img/audio-headphones.png' );
|
||||
/* [disabled nov2017]display: inline; */
|
||||
padding-left: 2.0em /* [added nov2017]display: inline; */
|
||||
|
||||
}
|
||||
ul.list-verses {
|
||||
list-style-image: url('../img/openbook.png' );
|
||||
/* [disabled nov2017]display: inline; */
|
||||
padding-left: 2.0em /* [added nov2017]display: inline; */
|
||||
}
|
||||
ul.list-multi {
|
||||
list-style-image: url('../img/multi.png' );
|
||||
/* [disabled nov2017]display: inline; */
|
||||
padding-left: 2.0em /* [added nov2017]display: inline; */
|
||||
}
|
||||
ul.list-multi-2 {
|
||||
list-style-image: url('../img/multi-2.png' );
|
||||
/* [disabled nov2017]display: inline; */
|
||||
padding-left: 2.0em /* [added nov2017]display: inline; */
|
||||
}
|
||||
ul.list-page {
|
||||
list-style-image: url('../img/page.png' );
|
||||
/* [disabled nov2017]display: inline; */
|
||||
padding-left: 2.0em /* [added nov2017]display: inline; */
|
||||
}
|
||||
ul.list-download {
|
||||
list-style-image: url('../img/download.png' );
|
||||
/* [disabled nov2017]display: inline; */
|
||||
padding-left: 2.0em /* [added nov2017]display: inline; */
|
||||
}
|
||||
ul.list-www {
|
||||
list-style-image: url('../img/www.png' );
|
||||
/* [disabled nov2017]display: inline; */
|
||||
padding-left: 2.0em /* [added nov2017]display: inline; */
|
||||
}
|
||||
blockquote {
|
||||
border-left: 4px solid #ccc;
|
||||
color: #a5a4a4;
|
||||
font-style: italic;
|
||||
margin: 30px 0 30px 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
.rslides {
|
||||
position: relative;
|
||||
list-style: none;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.rslides ul {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.rslides li {
|
||||
-webkit-backface-visibility: hidden;
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
.rslides li:first-child {
|
||||
position: relative;
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.rslides img {
|
||||
display: block;
|
||||
height: auto;
|
||||
float: center; /*changed from left*/
|
||||
width: 100%;
|
||||
border: 0;
|
||||
max-width: 800px; /*new*/
|
||||
}
|
||||
78
bibel_html/de_new/_assets/css/tables.css
Normal file
78
bibel_html/de_new/_assets/css/tables.css
Normal file
@ -0,0 +1,78 @@
|
||||
/*
|
||||
Generic Styling, for Desktops/Laptops
|
||||
*/
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
/* Zebra striping */
|
||||
tr:nth-of-type(odd) {
|
||||
background: #eee;
|
||||
}
|
||||
th {
|
||||
background: #ddd;
|
||||
color: ccc;
|
||||
font-weight: bold;
|
||||
}
|
||||
td, th {
|
||||
padding: 6px;
|
||||
border: 1px solid #ccc;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/*
|
||||
Max width before this PARTICULAR table gets nasty
|
||||
This query will take effect for any screen smaller than 760px
|
||||
and also iPads specifically.
|
||||
*/
|
||||
@media
|
||||
only screen and (max-width: 760px),
|
||||
(min-device-width: 768px) and (max-device-width: 1024px) {
|
||||
|
||||
/* Force table to not be like tables anymore */
|
||||
table, thead, tbody, th, td, tr {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Hide table headers (but not display: none;, for accessibility) */
|
||||
thead tr {
|
||||
position: absolute;
|
||||
top: -9999px;
|
||||
left: -9999px;
|
||||
}
|
||||
|
||||
tr { border: 1px solid #ccc; }
|
||||
|
||||
td {
|
||||
/* Behave like a "row" */
|
||||
border: none;
|
||||
border-bottom: 1px solid #eee;
|
||||
position: relative;
|
||||
padding-left: 30%;
|
||||
}
|
||||
|
||||
td:before {
|
||||
/* Now like a table header */
|
||||
position: absolute;
|
||||
/* Top/left values mimic padding */
|
||||
top: 6px;
|
||||
left: 6px;
|
||||
width: 45%;
|
||||
padding-right: 10px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/*
|
||||
Label the data
|
||||
*/
|
||||
td:nth-of-type(1):before { content: "Ref."; }
|
||||
td:nth-of-type(2):before { content: "AV (KJV)"; }
|
||||
td:nth-of-type(3):before { content: "NIV"; }
|
||||
td:nth-of-type(4):before { content: "NAS"; }
|
||||
td:nth-of-type(5):before { content: "NWT"; }
|
||||
td:nth-of-type(6):before { content: "#"; }
|
||||
td:nth-of-type(7):before { content: "##"; }
|
||||
td:nth-of-type(8):before { content: "###"; }
|
||||
td:nth-of-type(9):before { content: "####"; }
|
||||
td:nth-of-type(10):before { content: "#####"; }
|
||||
}
|
||||
217
bibel_html/de_new/_assets/css/tables_bibles.css
Normal file
217
bibel_html/de_new/_assets/css/tables_bibles.css
Normal file
@ -0,0 +1,217 @@
|
||||
|
||||
.shadegaby{
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding-top: 5px;
|
||||
padding-right: 0;
|
||||
padding-bottom: 5px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.shadegaby li{
|
||||
padding-top: 0.4em;
|
||||
padding-bottom: 0.4em;
|
||||
margin-left: 0em;
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-style: dotted;
|
||||
border-bottom-color: #EBEBEB;
|
||||
}
|
||||
/*Audio*/
|
||||
.shadegaby2 li{
|
||||
border-bottom: 1px dotted #ccc;
|
||||
list-style-image: url('../img/audio-headphones.png' );
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
/*border-bottom: 3px solid #ccc;*/
|
||||
}
|
||||
/*resources*/
|
||||
.shadegabyR li{
|
||||
padding-top: 0.4em;
|
||||
padding-bottom: 0.4em;
|
||||
border-bottom: 1px dotted #ccc;
|
||||
list-style-image: none;
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
/*border-bottom: 3px solid #ccc;*/
|
||||
}
|
||||
|
||||
.shadegaby3 li{
|
||||
border-bottom: 1px dotted #ccc;
|
||||
list-style-image: url('../img/openbook.png' );
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
/*border-bottom: 3px solid #ccc;*/
|
||||
}
|
||||
|
||||
.shadegaby4 li{
|
||||
border-bottom: 1px dotted #ccc;
|
||||
list-style-image: url('../img/multi-2.png' );
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
/*border-bottom: 3px solid #ccc;*/
|
||||
}
|
||||
|
||||
.shadegaby5 li{
|
||||
border-bottom: 1px dotted #ccc;
|
||||
list-style-image: url('../img/page.png' );
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
/*border-bottom: 3px solid #ccc;*/
|
||||
}
|
||||
|
||||
.shadegaby6 li{
|
||||
border-bottom: 1px dotted #ccc;
|
||||
list-style-image: url('../img/download.png' );
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
/*border-bottom: 3px solid #ccc;*/
|
||||
}
|
||||
|
||||
.shadegaby7 li{
|
||||
border-bottom: 1px dotted #ccc;
|
||||
list-style-image: url('../img/www.png' );
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
/*border-bottom: 3px solid #ccc;*/
|
||||
}
|
||||
li:last-child {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.shadegaby li a{
|
||||
text-decoration: none;
|
||||
color: #AA2023;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.shadegaby li a:hover {
|
||||
background: #f6f6f6;
|
||||
}
|
||||
|
||||
.nav{margin-bottom:0px;margin-left:-.8em;list-style:none}.nav>li>a{
|
||||
display:block;
|
||||
text-align: center; /* introduced in 2019 cennter bible books */
|
||||
background-color: #F5F4F3;
|
||||
|
||||
}.nav>li>a:hover{
|
||||
text-decoration:none;
|
||||
background-color:#9D261D;
|
||||
color: #FEFEFC;
|
||||
}.nav>.pull-right{float:right}.nav .nav-header{
|
||||
display:block;
|
||||
padding:3px 15px;
|
||||
font-size:11px;
|
||||
font-weight:bold;
|
||||
line-height:18px;
|
||||
color:#333;
|
||||
/* [disabled]text-shadow:0 1px 0 rgba(255,255,255,0.5); */
|
||||
text-transform:uppercase
|
||||
}.nav li+.nav-header{margin-top:9px}.nav-list{
|
||||
padding-right:15px;
|
||||
padding-left:15px;
|
||||
margin-bottom:0;
|
||||
font-size: 80%;
|
||||
}.nav-list>li>a,.nav-list .nav-header{
|
||||
margin-right:-15px;
|
||||
margin-left:-15px;
|
||||
/* [disabled]text-shadow:0 1px 0 rgba(255,255,255,0.5); */
|
||||
}.nav-list>li>a{padding:3px 15px}.nav-list>.active>a,.nav-list>.active>a:hover{
|
||||
color:#fff;
|
||||
/* [disabled]text-shadow:0 -1px 0 rgba(0,0,0,0.2); */
|
||||
background-color:#08c
|
||||
}.nav-list [class^="icon-"]{margin-right:2px}.nav-list .divider{*width:100%;height:1px;margin:8px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #fff}.nav-tabs,.nav-pills{*zoom:1}.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after{display:table;content:""}.nav-tabs:after,.nav-pills:after{clear:both}.nav-tabs>li,.nav-pills>li{float:left}.nav-tabs>li>a,.nav-pills>li>a{
|
||||
padding-right:12px;
|
||||
padding-left:12px;
|
||||
margin-right:2px;
|
||||
line-height:14px
|
||||
}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{margin-bottom:-1px}.nav-tabs>li>a{padding-top:8px;padding-bottom:8px;line-height:18px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{
|
||||
border-color: #FEFEFC;
|
||||
}.nav-tabs>.active>a,.nav-tabs>.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-pills>li>a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.nav-pills>.active>a,.nav-pills>.active>a:hover{color:#fff;background-color:#08c}.nav-stacked>li{float:none}.nav-stacked>li>a{margin-right:0}.nav-tabs.nav-stacked{border-bottom:0}.nav-tabs.nav-stacked>li>a{
|
||||
border:2px solid #FEFEFC;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:9px; line-height:140%;
|
||||
}.nav-tabs.nav-stacked>li>a:hover{
|
||||
z-index:2;
|
||||
border-color:#FEFEFC
|
||||
}.nav-pills.nav-stacked>li>a{margin-bottom:3px}.nav-pills.nav-stacked>li:last-child>a{margin-bottom:1px}.nav-tabs .dropdown-menu{-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}.nav-pills .dropdown-menu{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.nav-tabs .dropdown-toggle .caret,.nav-pills .dropdown-toggle .caret{margin-top:6px;border-top-color:#08c;border-bottom-color:#08c}.nav-tabs .dropdown-toggle:hover .caret,.nav-pills .dropdown-toggle:hover .caret{border-top-color:#005580;border-bottom-color:#005580}.nav-tabs .active .dropdown-toggle .caret,.nav-pills .active .dropdown-toggle .caret{border-top-color:#333;border-bottom-color:#333}.nav>.dropdown.active>a:hover{color:#000;cursor:pointer}.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>li.dropdown.open.active>a:hover{color:#fff;background-color:#999;border-color:#999}.nav li.dropdown.open .caret,.nav li.dropdown.open.active .caret,.nav li.dropdown.open a:hover .caret{border-top-color:#fff;border-bottom-color:#fff;opacity:1;filter:alpha(opacity=100)}.tabs-stacked .open>a:hover{border-color:#999}.tabbable{*zoom:1}.tabbable:before,.tabbable:after{display:table;content:""}.tabbable:after{clear:both}.tab-content{overflow:auto}.tabs-below>.nav-tabs,.tabs-right>.nav-tabs,.tabs-left>.nav-tabs{border-bottom:0}.tab-content>.tab-pane,.pill-content>.pill-pane{display:none}.tab-content>.active,.pill-content>.active{display:block}.tabs-below>.nav-tabs{border-top:1px solid #ddd}.tabs-below>.nav-tabs>li{margin-top:-1px;margin-bottom:0}.tabs-below>.nav-tabs>li>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.tabs-below>.nav-tabs>li>a:hover{border-top-color:#ddd;border-bottom-color:transparent}.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:hover{border-color:transparent #ddd #ddd #ddd}.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li{float:none}.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a{min-width:74px;margin-right:0;margin-bottom:3px}.tabs-left>.nav-tabs{float:left;margin-right:19px;border-right:1px solid #ddd}.tabs-left>.nav-tabs>li>a{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.tabs-left>.nav-tabs>li>a:hover{border-color:#eee #ddd #eee #eee}.tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:hover{border-color:#ddd transparent #ddd #ddd;*border-right-color:#fff}.tabs-right>.nav-tabs{float:right;margin-left:19px;border-left:1px solid #ddd}.tabs-right>.nav-tabs>li>a{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.tabs-right>.nav-tabs>li>a:hover{border-color:#eee #eee #eee #ddd}.tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:hover{border-color:#ddd #ddd #ddd transparent;*border-left-color:#fff}
|
||||
|
||||
.shadetabs{
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.shadetabs li{
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
border-bottom: 3px solid #ccc;
|
||||
}
|
||||
.shadetabsR{
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.shadetabsR li{
|
||||
padding-top: 0.4em;
|
||||
padding-bottom: 0.4em;
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
.shadetabsRS li{
|
||||
padding-top: 0.4em;
|
||||
padding-bottom: 0.4em;
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
.shadetabs2 li{
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
border-bottom: 3px solid #ccc;
|
||||
list-style-image: url('../img/audio-headphones.png' );
|
||||
}
|
||||
|
||||
.shadetabs3 li{
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
border-bottom: 1px solid #ccc;
|
||||
list-style-image: url('../img/openbook.png' );
|
||||
}
|
||||
|
||||
.shadetabs4 li{
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
border-bottom: 1px solid #ccc;
|
||||
list-style-image: url('../img/multi-2.png' );
|
||||
}
|
||||
/*this is for resources:*/
|
||||
.shadetabs5 li{
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
border-bottom: 1px solid #f1f1f1;
|
||||
list-style-image: url('../img/page.png' );
|
||||
}
|
||||
|
||||
.shadetabs6 li{
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
border-bottom: 1px solid #ccc;
|
||||
list-style-image: url('../img/download.png' );
|
||||
}
|
||||
|
||||
.shadetabs7 li{
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
border-bottom: 3px solid #ccc;
|
||||
list-style-image: url('../img/www.png' );
|
||||
}
|
||||
li:last-child {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.shadetabs li a{
|
||||
text-decoration: none;
|
||||
color: #AA2023;
|
||||
display: xblock;
|
||||
width: 100px;
|
||||
|
||||
-webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
|
||||
-moz-transition: font-size 0.3s ease, background-color 0.3s ease;
|
||||
-o-transition: font-size 0.3s ease, background-color 0.3s ease;
|
||||
-ms-transition: font-size 0.3s ease, background-color 0.3s ease;
|
||||
transition: font-size 0.3s ease, background-color 0.3s ease;
|
||||
}
|
||||
.shadetabs li a:hover {text-decoration:none;background-color:#9D261D;color:#FEFEFC}
|
||||
.shadetabs2 li a:hover {text-decoration:none;background-color:#9D261D;color:#FEFEFC}
|
||||
.shadetabs3 li a:hover {text-decoration:none;background-color:#9D261D;color:#FEFEFC}
|
||||
.shadetabs4 li a:hover {text-decoration:none;background-color:#9D261D;color:#FEFEFC}
|
||||
.shadetabs5 li a:hover {text-decoration:none;background-color:#9D261D;color:#FEFEFC}
|
||||
.shadetabs6 li a:hover {text-decoration:none;background-color:#9D261D;color:#FEFEFC}
|
||||
.shadetabs7 li a:hover {text-decoration:none;background-color:#9D261D;color:#FEFEFC}
|
||||
/*.shadetabs li a:hover {
|
||||
background: #f6f6f6;
|
||||
}*/
|
||||
/*hover{text-decoration:none;background-color:#9D261D;color:#FEFEFC}*/
|
||||
227
bibel_html/de_new/_assets/css/tables_bibles_main.css
Normal file
227
bibel_html/de_new/_assets/css/tables_bibles_main.css
Normal file
@ -0,0 +1,227 @@
|
||||
|
||||
.shadegaby{
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding-top: 5px;
|
||||
padding-right: 0;
|
||||
padding-bottom: 5px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.shadegaby li{
|
||||
padding-top: 0.4em;
|
||||
padding-bottom: 0.4em;
|
||||
margin-left: 0em;
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-style: dotted;
|
||||
border-bottom-color: #EBEBEB;
|
||||
}
|
||||
/*Audio*/
|
||||
.shadegaby2 li{
|
||||
border-bottom: 1px dotted #ccc;
|
||||
list-style-image: url('../img/audio-headphones.png' );
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
/*border-bottom: 3px solid #ccc;*/
|
||||
}
|
||||
/*resources*/
|
||||
.shadegabyR li{
|
||||
padding-top: 0.4em;
|
||||
padding-bottom: 0.4em;
|
||||
border-bottom: 1px dotted #ccc;
|
||||
list-style-image: none;
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
/*border-bottom: 3px solid #ccc;*/
|
||||
}
|
||||
|
||||
.shadegaby3 li{
|
||||
border-bottom: 1px dotted #ccc;
|
||||
list-style-image: url('../img/openbook.png' );
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
/*border-bottom: 3px solid #ccc;*/
|
||||
}
|
||||
|
||||
.shadegaby4 li{
|
||||
border-bottom: 1px dotted #ccc;
|
||||
list-style-image: url('../img/multi-2.png' );
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
/*border-bottom: 3px solid #ccc;*/
|
||||
}
|
||||
|
||||
.shadegaby5 li{
|
||||
border-bottom: 1px dotted #ccc;
|
||||
list-style-image: url('../img/page.png' );
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
/*border-bottom: 3px solid #ccc;*/
|
||||
}
|
||||
|
||||
.shadegaby6 li{
|
||||
border-bottom: 1px dotted #ccc;
|
||||
list-style-image: url('../img/download.png' );
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
/*border-bottom: 3px solid #ccc;*/
|
||||
}
|
||||
|
||||
.shadegaby7 li{
|
||||
border-bottom: 1px dotted #ccc;
|
||||
list-style-image: url('../img/www.png' );
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
/*border-bottom: 3px solid #ccc;*/
|
||||
}
|
||||
li:last-child {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.shadegaby li a{
|
||||
text-decoration: none;
|
||||
color: #AA2023;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.shadegaby li a:hover {
|
||||
background: #f6f6f6;
|
||||
}
|
||||
|
||||
.nav{margin-bottom:0px;margin-left:-.8em;list-style:none}.nav>li>a{
|
||||
display:block;
|
||||
background-color: #F5F4F3;
|
||||
|
||||
}.nav>li>a:hover{
|
||||
text-decoration:none;
|
||||
background-color:#9D261D;
|
||||
color: #FEFEFC;border-radius:9px; /*adjust*/
|
||||
}.nav>.pull-right{float:right}.nav .nav-header{
|
||||
display:block;
|
||||
padding:3px 15px;
|
||||
font-size:11px;
|
||||
font-weight:bold;
|
||||
line-height:18px;
|
||||
color:#333;
|
||||
/* [disabled]text-shadow:0 1px 0 rgba(255,255,255,0.5); */
|
||||
text-transform:uppercase
|
||||
}.nav li+.nav-header{margin-top:9px}.nav-list{
|
||||
padding-right:15px;
|
||||
padding-left:15px;
|
||||
margin-bottom:0;
|
||||
font-size: 80%;
|
||||
}.nav-list>li>a,.nav-list .nav-header{
|
||||
margin-right:-15px;
|
||||
margin-left:-15px;
|
||||
/* [disabled]text-shadow:0 1px 0 rgba(255,255,255,0.5); */
|
||||
}.nav-list>li>a{padding:3px 15px}.nav-list>.active>a,.nav-list>.active>a:hover{
|
||||
color:#fff;
|
||||
/* [disabled]text-shadow:0 -1px 0 rgba(0,0,0,0.2); */
|
||||
background-color:#08c
|
||||
}.nav-list [class^="icon-"]{margin-right:2px}.nav-list .divider{*width:100%;height:1px;margin:8px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #fff}.nav-tabs,.nav-pills{*zoom:1}.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after{display:table;content:""}.nav-tabs:after,.nav-pills:after{clear:both}.nav-tabs>li,.nav-pills>li{float:left}.nav-tabs>li>a,.nav-pills>li>a{
|
||||
padding-right:12px;
|
||||
padding-left:12px;
|
||||
margin-right:2px;
|
||||
line-height:14px
|
||||
}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{margin-bottom:-1px}.nav-tabs>li>a{padding-top:8px;padding-bottom:8px;line-height:18px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;
|
||||
border-radius:4px 4px 0 0
|
||||
}
|
||||
.nav-tabs>li>a:hover{
|
||||
border-color: #FEFEFC;
|
||||
border-radius:9px;
|
||||
|
||||
}
|
||||
.nav-tabs>.active>a,.nav-tabs>.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;border-radius:9px; /*adjust*/}
|
||||
.nav-pills>li>a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
|
||||
.nav-pills>.active>a,.nav-pills>.active>a:hover{color:#fff;background-color:#08c;border-radius:9px; /*adjust*/}
|
||||
.nav-stacked>li{float:none}.nav-stacked>li>a{margin-right:0}
|
||||
.nav-tabs.nav-stacked{border-bottom:0}.nav-tabs.nav-stacked>li>a{
|
||||
border:2px solid #FEFEFC;
|
||||
-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:9px; /*adjust*/ line-height:140%;
|
||||
}.nav-tabs.nav-stacked>li>a:hover{
|
||||
z-index:2;
|
||||
border-color:#FEFEFC;border-radius:9px; /*adjust*/
|
||||
}.nav-pills.nav-stacked>li>a{margin-bottom:3px}.nav-pills.nav-stacked>li:last-child>a{margin-bottom:1px}.nav-tabs .dropdown-menu{-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}.nav-pills .dropdown-menu{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.nav-tabs .dropdown-toggle .caret,.nav-pills .dropdown-toggle .caret{margin-top:6px;border-top-color:#08c;border-bottom-color:#08c}.nav-tabs .dropdown-toggle:hover .caret,.nav-pills .dropdown-toggle:hover .caret{border-top-color:#005580;border-bottom-color:#005580}.nav-tabs .active .dropdown-toggle .caret,.nav-pills .active .dropdown-toggle .caret{border-top-color:#333;border-bottom-color:#333}.nav>.dropdown.active>a:hover{color:#000;cursor:pointer}.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>li.dropdown.open.active>a:hover{color:#fff;background-color:#999;border-color:#999}.nav li.dropdown.open .caret,.nav li.dropdown.open.active .caret,.nav li.dropdown.open a:hover .caret{border-top-color:#fff;border-bottom-color:#fff;opacity:1;filter:alpha(opacity=100)}.tabs-stacked .open>a:hover{border-color:#999}.tabbable{*zoom:1}.tabbable:before,.tabbable:after{display:table;content:""}.tabbable:after{clear:both}.tab-content{overflow:auto}.tabs-below>.nav-tabs,.tabs-right>.nav-tabs,.tabs-left>.nav-tabs{border-bottom:0}.tab-content>.tab-pane,.pill-content>.pill-pane{display:none}.tab-content>.active,.pill-content>.active{display:block}.tabs-below>.nav-tabs{border-top:1px solid #ddd}.tabs-below>.nav-tabs>li{margin-top:-1px;margin-bottom:0}.tabs-below>.nav-tabs>li>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.tabs-below>.nav-tabs>li>a:hover{border-top-color:#ddd;border-bottom-color:transparent}.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:hover{border-color:transparent #ddd #ddd #ddd}.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li{float:none}.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a{min-width:74px;margin-right:0;margin-bottom:3px}.tabs-left>.nav-tabs{float:left;margin-right:19px;border-right:1px solid #ddd}.tabs-left>.nav-tabs>li>a{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.tabs-left>.nav-tabs>li>a:hover{border-color:#eee #ddd #eee #eee}.tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:hover{border-color:#ddd transparent #ddd #ddd;*border-right-color:#fff}.tabs-right>.nav-tabs{float:right;margin-left:19px;border-left:1px solid #ddd}.tabs-right>.nav-tabs>li>a{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.tabs-right>.nav-tabs>li>a:hover{border-color:#eee #eee #eee #ddd}.tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:hover{border-color:#ddd #ddd #ddd transparent;*border-left-color:#fff}
|
||||
|
||||
.shadetabs{
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.shadetabs li{
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
border-bottom: 3px solid #ccc;
|
||||
}
|
||||
.shadetabsR{
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.shadetabsR li{
|
||||
padding-top: 0.4em;
|
||||
padding-bottom: 0.4em;
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
.shadetabsRS li{
|
||||
padding-top: 0.4em;
|
||||
padding-bottom: 0.4em;
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
.shadetabs2 li{
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
border-bottom: 3px solid #ccc;
|
||||
list-style-image: url('../img/audio-headphones.png' );
|
||||
}
|
||||
|
||||
.shadetabs3 li{
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
border-bottom: 1px solid #ccc;
|
||||
list-style-image: url('../img/openbook.png' );
|
||||
}
|
||||
|
||||
.shadetabs4 li{
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
border-bottom: 1px solid #ccc;
|
||||
list-style-image: url('../img/multi-2.png' );
|
||||
}
|
||||
/*this is for resources:*/
|
||||
.shadetabs5 li{
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
border-bottom: 1px solid #f1f1f1;
|
||||
list-style-image: url('../img/page.png' );
|
||||
}
|
||||
|
||||
.shadetabs6 li{
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
border-bottom: 1px solid #ccc;
|
||||
list-style-image: url('../img/download.png' );
|
||||
}
|
||||
|
||||
.shadetabs7 li{
|
||||
font: 400 125%/2.0 Helvetica, Arial, Verdana, sans-serif;
|
||||
border-bottom: 3px solid #ccc;
|
||||
list-style-image: url('../img/www.png' );
|
||||
}
|
||||
li:last-child {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.shadetabs li a{
|
||||
text-decoration: none;
|
||||
color: #AA2023;
|
||||
display: xblock;
|
||||
width: 100px;
|
||||
|
||||
-webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
|
||||
-moz-transition: font-size 0.3s ease, background-color 0.3s ease;
|
||||
-o-transition: font-size 0.3s ease, background-color 0.3s ease;
|
||||
-ms-transition: font-size 0.3s ease, background-color 0.3s ease;
|
||||
transition: font-size 0.3s ease, background-color 0.3s ease;
|
||||
}
|
||||
.shadetabs li a:hover {text-decoration:none;background-color:#9D261D;color:#FEFEFC}
|
||||
.shadetabs2 li a:hover {text-decoration:none;background-color:#9D261D;color:#FEFEFC}
|
||||
.shadetabs3 li a:hover {text-decoration:none;background-color:#9D261D;color:#FEFEFC}
|
||||
.shadetabs4 li a:hover {text-decoration:none;background-color:#9D261D;color:#FEFEFC}
|
||||
.shadetabs5 li a:hover {text-decoration:none;background-color:#9D261D;color:#FEFEFC}
|
||||
.shadetabs6 li a:hover {text-decoration:none;background-color:#9D261D;color:#FEFEFC}
|
||||
.shadetabs7 li a:hover {text-decoration:none;background-color:#9D261D;color:#FEFEFC}
|
||||
/*.shadetabs li a:hover {
|
||||
background: #f6f6f6;
|
||||
}*/
|
||||
/*hover{text-decoration:none;background-color:#9D261D;color:#FEFEFC}*/
|
||||
655
bibel_html/de_new/_assets/css/typography.css
Normal file
655
bibel_html/de_new/_assets/css/typography.css
Normal file
@ -0,0 +1,655 @@
|
||||
@media all {
|
||||
|
||||
html * { font-size:1em; }
|
||||
|
||||
|
||||
textarea,
|
||||
pre,
|
||||
code,
|
||||
kbd,
|
||||
samp,
|
||||
var,
|
||||
tt {
|
||||
font-family: -apple-system, BlinkMacSystemFont,
|
||||
"Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",
|
||||
"Fira Sans", "Droid Sans", "Helvetica Neue",
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
/* (en) base layout gets standard font size 14px */
|
||||
/* (de) Basis-Layout erhält Standardschriftgröße von 14 Pixeln */
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont,
|
||||
"Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",
|
||||
"Fira Sans", "Droid Sans", "Helvetica Neue",
|
||||
sans-serif;
|
||||
/*font-size: 200 120%/2.0;*/
|
||||
font-size:100%;
|
||||
background-color: #FEFEFC;
|
||||
text-align:left; /* LTR */
|
||||
color:#000;
|
||||
/* Changes all text here -(en) Prevent auto-scaling of text in mobile webkit browsers */
|
||||
/* (de) Automatische Schriftvergrößerung in mobilen Webkit-Browsern vermeiden */
|
||||
-webkit-text-size-adjust:100%;
|
||||
}
|
||||
|
||||
body {
|
||||
/* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
|
||||
/* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
|
||||
font-size:100%;
|
||||
color:#000;
|
||||
text-align:left; /* LTR */
|
||||
background-color: #FEFEFC;
|
||||
}
|
||||
|
||||
/*--- Headings | Überschriften ------------------------------------------------------------------------*/
|
||||
|
||||
h1x, /*change for uppercase h1*/
|
||||
h2x,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
|
||||
/*h1 {
|
||||
font-weight: bold;
|
||||
font-size:1.3em;
|
||||
line-height: 140%;
|
||||
margin: 0.2em 0 0;
|
||||
text-shadow: 0px 2px 2px rgba(0,0,0,.5);
|
||||
} old formating*/
|
||||
|
||||
h1 {/*book names after 2019*/
|
||||
font-size:1.2em;
|
||||
font-weight: bold;
|
||||
/*line-height: 100%;*/
|
||||
text-shadow: 0 1px 2px rgba(0,0,0,.5);
|
||||
/* [disabled]margin-top: 0.8em; */
|
||||
/*margin-top: 1em;
|
||||
margin-right: 0;
|
||||
margin-bottom: 0.4em;
|
||||
margin-left: 0;*/
|
||||
margin: 0.2em 0 0;
|
||||
line-height:140%; /*Change this for space between lines */
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
h1.main {
|
||||
padding:5px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
h2 {/*main page titles with shadow*/
|
||||
display: block;
|
||||
font-size: 0.9em;
|
||||
margin-block-start: 0.83em;
|
||||
margin-block-end: 0.83em;
|
||||
margin-inline-start: 0px;
|
||||
margin-inline-end: 0px;
|
||||
font-weight: bold;
|
||||
text-shadow: 0 1px 2px rgba(0,0,0,.5);
|
||||
text-transform: uppercase;
|
||||
line-height:140%; /*Change this for space between lines */
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*transferred to h1 - h2 {
|
||||
font-size:1.2em;
|
||||
font-weight: bold;
|
||||
/*line-height: 100%;*/
|
||||
/*text-shadow: 0 1px 2px rgba(0,0,0,.5);
|
||||
/* [disabled]margin-top: 0.8em; */
|
||||
/*margin-top: 1em;
|
||||
margin-right: 0;
|
||||
margin-bottom: 0.4em;
|
||||
margin-left: 0;*/
|
||||
/*margin: 0.2em 0 0;
|
||||
line-height:140%; /*Change this for space between lines */
|
||||
/*text-transform: uppercase;
|
||||
}*/
|
||||
|
||||
h6 {
|
||||
font-size:1.0em;
|
||||
/*line-height: 100%;*/
|
||||
text-shadow: 0 1px 1px rgba(0,0,0,.2);
|
||||
margin-top: 1em;
|
||||
margin-right: 0;
|
||||
margin-bottom: 0.5em;
|
||||
margin-left: 0;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
line-height:140%; /*Change this for space between lines */
|
||||
}
|
||||
|
||||
h4 {/*main page titles with shadow*/
|
||||
font-weight: bold;
|
||||
font-size:0.8em;
|
||||
line-height: 1.125em;
|
||||
margin:1.125em 0 0 0;
|
||||
margin-bottom: 0.8em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.h4center {/*other*/
|
||||
font-weight: bold;
|
||||
font-size:0.9em;
|
||||
line-height: 1.125em;
|
||||
margin:1.125em 0 0 0;
|
||||
margin-bottom: 0.8em;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-weight: bold;
|
||||
font-size:0.9em;
|
||||
line-height: 100%;
|
||||
/*font-style: italic;*/
|
||||
font-weight: bold;
|
||||
margin-top: 0.8em;
|
||||
margin-right: 0;
|
||||
margin-bottom: 0.8em;
|
||||
margin-left: 0;
|
||||
}
|
||||
h3 {/*reserved for chapter numbers*/
|
||||
color: #A6A6A6; /*#FFA500;*/
|
||||
text-shadow: 1px 1px 2px #777 rgba(0,0,0,.2);
|
||||
/*text-transform: uppercase;*/
|
||||
font-weight: normal;
|
||||
font-size:1.0em;
|
||||
line-height:140%; /*Change this for space between lines */
|
||||
margin-left: 13px;
|
||||
/*padding-left: 1em;*/
|
||||
}
|
||||
|
||||
|
||||
/* --- Lists | Listen -------------------------------------------------------------------------------- */
|
||||
|
||||
ul,
|
||||
ol,
|
||||
dl {
|
||||
font-size:1em;
|
||||
line-height:1.5em;
|
||||
margin: 0em 0 0 1em;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type:disc;
|
||||
}
|
||||
|
||||
ol {
|
||||
list-style-type:decimal;
|
||||
}
|
||||
|
||||
ul ul {
|
||||
list-style-type:circle;
|
||||
margin-top:0;
|
||||
}
|
||||
|
||||
ol ol {
|
||||
list-style-type:lower-latin;
|
||||
margin-top:0;
|
||||
}
|
||||
|
||||
ol ul {
|
||||
list-style-type:circle;
|
||||
margin-top:0;
|
||||
}
|
||||
|
||||
li {
|
||||
line-height:1.5em;
|
||||
margin-left:0.8em;
|
||||
text-indent: 10px;
|
||||
}
|
||||
|
||||
dt { font-weight:bold; }
|
||||
|
||||
dd { margin:0 0 1.5em 0.8em; }
|
||||
|
||||
/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
|
||||
|
||||
p {
|
||||
font-size:120%;
|
||||
line-height: 1.2em; /*Change text size here add: font-size:120%;*/
|
||||
padding-top: .5em;
|
||||
padding-bottom: 0.5em;
|
||||
line-height:150%; /*Change this for space between lines in paragraphs*/
|
||||
color:#000;
|
||||
}
|
||||
|
||||
blockquote, cite, q {
|
||||
font-style:italic;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin:1.5em 0 0 1.5em;
|
||||
color:#555;
|
||||
}
|
||||
|
||||
strong, b { font-weight:bold; }
|
||||
|
||||
em, i { font-style:italic; }
|
||||
|
||||
big {
|
||||
font-size:116.667%;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size:85.71%;
|
||||
}
|
||||
|
||||
pre,
|
||||
code,
|
||||
kbd,
|
||||
tt,
|
||||
samp,
|
||||
var {
|
||||
font-size:100%;
|
||||
}
|
||||
|
||||
pre {
|
||||
line-height:1.5em;
|
||||
margin: 1.5em 0 0 0;
|
||||
white-space: pre;
|
||||
white-space: pre-wrap;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
pre, code { color:#800; }
|
||||
|
||||
kbd, samp, var, tt {
|
||||
color:#666;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
var, dfn { font-style:italic; }
|
||||
|
||||
acronym, abbr {
|
||||
border-bottom:1px #aaa dotted;
|
||||
font-variant:small-caps;
|
||||
letter-spacing:.07em;
|
||||
cursor:help;
|
||||
}
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sup { top: -0.5em; }
|
||||
sub { bottom: -0.25em; }
|
||||
|
||||
mark {
|
||||
background: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
hr { /*in use as space separator*/
|
||||
color:transparent;
|
||||
background:transparent;
|
||||
margin-top: 0.5em;
|
||||
padding-top: 0.5em;
|
||||
border-top-width: 0;
|
||||
border-right-width: 0;
|
||||
border-bottom-width: 1px;
|
||||
border-left-width: 0;/*
|
||||
border-bottom-stylex: dotted;
|
||||
border-bottom-color: white;*/
|
||||
}
|
||||
|
||||
/*--- Links ----------------------------------------------------------------------------------------- */
|
||||
|
||||
a {
|
||||
color: #1f1b05;/*#E8E8E8;*//*#AA2023;*/
|
||||
background:transparent;
|
||||
text-decoration:none;
|
||||
/*a:hover {text-decoration:none;background-color:#9D261D;color:#FEFEFC}*/
|
||||
}
|
||||
|
||||
a:active { outline: none; }
|
||||
|
||||
/* (en) maximum constrast for tab focus - change with great care */
|
||||
/* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
|
||||
a:hover, /*.nav>li>a:hover{text-decoration:none;background-color:#x9D261D;color:#FEFEFC}*/
|
||||
a:focus {
|
||||
color:#AA2023;
|
||||
/*text-decoration:underline;*/
|
||||
text-shadow: 1px 1px 1px rgba(0,0,0,.1);
|
||||
/*text-decoration:none;background-color:#9D261D;color:#FEFEFC;*/ /*take out this if no white on red hover*/
|
||||
}
|
||||
|
||||
/* --- images ------------------ */
|
||||
|
||||
img,
|
||||
figure {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.flexible {
|
||||
margin-top: 1.5em;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
* html .flexible { /* IE6 support */
|
||||
width: 98%; /* 2% space for borders */
|
||||
}
|
||||
|
||||
.bordered {
|
||||
margin-top: 1.5em;
|
||||
border: 2px #eee solid;
|
||||
border: 2px rgba(255,255,255,1) solid;
|
||||
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
|
||||
-moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
|
||||
box-shadow: 0 0 3px rgba(0,0,0,.25);
|
||||
}
|
||||
.word {
|
||||
color: #AA2023;
|
||||
}
|
||||
|
||||
/**
|
||||
* ----------------------------------------------------------------------- #
|
||||
*
|
||||
* Generic Content Classes
|
||||
*
|
||||
* (en) standard classes for positioning and highlighting
|
||||
* (de) Standardklassen zur Positionierung und Hervorhebung
|
||||
*
|
||||
* @section content-generic-classes
|
||||
*/
|
||||
.highlight {
|
||||
color: #c30;
|
||||
|
||||
}
|
||||
.highlight2 {
|
||||
color: #B45F04 /* #FB8C00; #c30;*/
|
||||
font-size: 110%;
|
||||
text-shadow: 1px 1px 2px #000000;
|
||||
}
|
||||
.topdate {
|
||||
color:#c30;
|
||||
font-size: 11pt;
|
||||
font-style: italic;
|
||||
font-family: none;
|
||||
letter-spacing: -0.1px;
|
||||
padding: 0 0 0 8px;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
background:#f4f4f4;
|
||||
}
|
||||
.dimmed {
|
||||
color:#888;
|
||||
font-size: 90%;
|
||||
text-transform: capitalize;
|
||||
font-style: italic;
|
||||
font-variant: normal;
|
||||
}
|
||||
.dimver {
|
||||
color:#888;
|
||||
font-size: 90%;
|
||||
text-transform: none;
|
||||
font-style: italic;
|
||||
font-variant: normal;
|
||||
padding-top: 0.1em;
|
||||
padding-left: 2.1em;
|
||||
}
|
||||
.faded {
|
||||
color:#888;
|
||||
font-size: 90%;
|
||||
text-transform: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
}
|
||||
.fadepar {
|
||||
color:#888;
|
||||
font-size: 90%;
|
||||
text-transform: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
margin-left: 80px;
|
||||
}
|
||||
.engdim {
|
||||
color:#889;
|
||||
font-size: 80%;
|
||||
text-transform: none;
|
||||
font-style: italic;
|
||||
font-variant: normal;
|
||||
/*font-family: monospace;*/
|
||||
}
|
||||
.pygb {
|
||||
color: #777777;
|
||||
/*font-family: monospace;*/
|
||||
}
|
||||
.faded2 {
|
||||
color:#888;
|
||||
font-size: 60%;
|
||||
text-transform: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
margin-top: 0.1em;
|
||||
padding-top: 0.1em;
|
||||
}
|
||||
.faded3 {
|
||||
color:#5e5e5e; /*#9E9E9E;*/
|
||||
/*padding-top: 5px;*/
|
||||
/*padding-bottom: 0.1em;*/
|
||||
font-size: 80%;
|
||||
/*border-bottom: 1px solid #AA2023;*/
|
||||
margin-left: 15px;
|
||||
display:block
|
||||
}
|
||||
.faded4 {
|
||||
color:#888;
|
||||
font-size: 80%;
|
||||
text-transform: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
}
|
||||
.hid {
|
||||
color:#F3F1EB;
|
||||
font-size: 80%;
|
||||
text-transform: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
padding-top: 0.1em;
|
||||
padding-bottom: 0.5px;
|
||||
}
|
||||
.hidfaded { /*votd*/
|
||||
color: #d2d1ce;
|
||||
font-size: 80%;
|
||||
text-transform: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
padding-top: 0.1em;
|
||||
padding-bottom: 0.5px;
|
||||
}
|
||||
.fadedtab {
|
||||
color: #5e5e5e;/*#B9B9B9;*/
|
||||
font-size: 90%;
|
||||
text-transform: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
margin-left: 30px;
|
||||
/*padding-left: 2em;*/
|
||||
display:block
|
||||
}
|
||||
|
||||
.box {
|
||||
border-radius: 0.3em;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #888;
|
||||
border-color: rgba(0,0,0,.3);
|
||||
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
|
||||
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
|
||||
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
|
||||
color: #444;
|
||||
color: rgba(0,0,0,.8);
|
||||
padding: 1.4286em;
|
||||
margin: 1.5em 0 0 0;
|
||||
}
|
||||
|
||||
.box > *:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.label {
|
||||
padding: 2px 4px 3px 4px;
|
||||
display: inline-block;
|
||||
vertical-align:central;
|
||||
letter-spacing: normal;
|
||||
white-space:nowrap;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
background: #AA2023;
|
||||
color: #FEFEFC;
|
||||
/* [disabled]font-size: 90%; */
|
||||
text-transform: uppercase;
|
||||
font-size: .7em;
|
||||
line-height: 1em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.wp {
|
||||
background: transparent; /*transparent;*/
|
||||
color: #FEFEFC; /*#FEFEFC; - wp white*/
|
||||
font-weight: normal; /*normal*/
|
||||
}
|
||||
.info {
|
||||
background:#f4f4f4;
|
||||
}
|
||||
|
||||
.success {
|
||||
background:#8c8;
|
||||
}
|
||||
|
||||
.warning {
|
||||
background:#cc8;
|
||||
}
|
||||
|
||||
.error {
|
||||
background:#c88;
|
||||
}
|
||||
|
||||
.float-left {
|
||||
float:left;
|
||||
display:inline;
|
||||
margin: 1.5em 1em 0 0;
|
||||
}
|
||||
|
||||
.float-right {
|
||||
float:right;
|
||||
display:inline;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.alignCenter {
|
||||
display:block;
|
||||
text-align:center;
|
||||
margin: 1.5em auto 0 auto;
|
||||
}
|
||||
.alignRight {
|
||||
display:block;
|
||||
text-align:right;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* ------------------------------------------------------------------------------------------------- #
|
||||
*
|
||||
* Tables | Tabellen
|
||||
*
|
||||
* (en) Generic classes for table-width and design definition
|
||||
* (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
|
||||
*
|
||||
* @section content-tables
|
||||
*/
|
||||
|
||||
table {
|
||||
/* [disabled]width:100%; */
|
||||
/* [disabled]border-collapse:collapse; */
|
||||
/* [disabled]margin: 1.3571em 0 0 0; */
|
||||
/* [disabled]color:#333; */
|
||||
/* [disabled]border-top: 1px #ccc solid; */
|
||||
/* [disabled]border-bottom: 1px #ccc solid; */
|
||||
}
|
||||
|
||||
table.narrow {
|
||||
/* [disabled]margin: 1.4286em 0 0 0; */
|
||||
}
|
||||
|
||||
table.narrow th,
|
||||
table.narrow td {
|
||||
padding: 0 0.5em;
|
||||
line-height: 1.4286em;
|
||||
}
|
||||
|
||||
table.bordertable {
|
||||
border:1px #ccc solid;
|
||||
}
|
||||
|
||||
table caption {
|
||||
font-variant:small-caps;
|
||||
}
|
||||
|
||||
th, td {
|
||||
/* [disabled]line-height: 1.5em; */
|
||||
/* [disabled]vertical-align: top; */
|
||||
/* [disabled]padding: 0.7143em 0.5em; */
|
||||
}
|
||||
|
||||
th *:first-child,
|
||||
td *:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
th.nowrap,
|
||||
td.nowrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
thead th {
|
||||
text-align: left;
|
||||
color:#000;
|
||||
border-bottom:2px #000 solid;
|
||||
}
|
||||
|
||||
.bordertable thead th {
|
||||
background:#e0e0e0;
|
||||
border-right:1px #ccc solid;
|
||||
border-bottom:1px #ccc solid;
|
||||
}
|
||||
|
||||
.bordertable tbody th[scope="row"] {
|
||||
background:#f0f0f0;
|
||||
}
|
||||
|
||||
tbody th {
|
||||
text-align: left;
|
||||
/* [disabled]border-top:1px solid #ccc; */
|
||||
/* [disabled]text-align:left; */
|
||||
}
|
||||
|
||||
.bordertable tbody th {
|
||||
border-right:1px solid #ccc;
|
||||
}
|
||||
|
||||
tbody td {
|
||||
/* [disabled]text-align: left; */
|
||||
/* [disabled]border-top:1px solid #ccc; */
|
||||
}
|
||||
|
||||
.bordertable tbody td {
|
||||
border-right:1px solid #ccc;
|
||||
}
|
||||
|
||||
/* highlight row on mouse over */
|
||||
tbody tr:hover th,
|
||||
tbody tr:hover td {
|
||||
background:#f8f8f8;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user