@import url(https://fonts.googleapis.com/css?family=Tangerine);
/* body */
body {
/* um Bootstrap-Default von 14px zu overriden */
font-size:16px;
font-family: 'Open Sans', sans-serif;
background-image: url("https://www.schmeckemusses.de/img/bg.jpg");
/* background-repeat: repeat; */
/* background-position: center; */
background-attachment: fixed;
background-size: cover;
}
/* 1) ---------------- KLASSEN ------------------ */
tr.auswertungtabledaycount {
font-weight:bold;
color:#fff;
background: #ff0000; /* Old browsers */
background: -moz-linear-gradient(top, #ff0000 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff0000 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff0000 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff0000 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom, #ff0000 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
.bg-braun {background-color:#7F0000;}
.bg-dunkelblau {background-color:#2E23FF;}
.bg-hellgrau {background-color:lightgrey;}
.bg-img-suche {
background:url(images/suchen_lupe.png);
background-repeat: repeat-x;
background-size: contain;
}
.bg-gradient-hellgrau-diagonal {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bg-gradient-orange-diagonal {
background: #f9edcf; /* Old browsers */
background: -moz-linear-gradient(-45deg, #f9edcf 0%, #f9d67c 50%, #f7c64a 51%, #f9e5b1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #f9edcf 0%,#f9d67c 50%,#f7c64a 51%,#f9e5b1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #f9edcf 0%,#f9d67c 50%,#f7c64a 51%,#f9e5b1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9edcf', endColorstr='#f9e5b1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bg-gradien-schwarz-hellgrau-schwarz {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#191308+0,ededed+31,ededed+71,191308+100 */
background: #191308; /* Old browsers */
background: -moz-linear-gradient(left, #191308 0%, #ededed 31%, #ededed 71%, #191308 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #191308 0%,#ededed 31%,#ededed 71%,#191308 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #191308 0%,#ededed 31%,#ededed 71%,#191308 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191308', endColorstr='#191308',GradientType=1 ); /* IE6-9 */
}
/* div.bg-eggs {background:#fff url(images/eier_semitransparent.png) fixed repeat;} */
.bg-schwarz {background:#000000;}
.bg-yellow{background-color:#FFD800;}
.blau {color:blue;}
.braun {color:brown;}
.dunkelblau {color:#337ab7;}
.eintragsuccess {background-color:#00FF00;color:#000;}
.eintragfailed {background-color:#FF0000;color:#404040;}
.em0_6 {font-size:0.6em;}
.em0_8 {font-size:0.8em;}
.em1_1 {font-size:1.1em;}
.em1_3 {font-size:1.3em;}
.em1_5 {font-size:1.5em;}
.em2_0 {font-size:2em;}
.em3_0 {font-size:3em;}
.essenbg {background:#fff url(images/essen.jpg) fixed repeat;}
.fett {font-weight:bold;}
.gelb {color:yellow;}
ul.gelddev li:first-child {background-color:#FF0000;font-size:3em;font-weight:bold;text-shadow: 3px 3px 5px #fff;} /* bs_kostentotal_query.php */
ul.gelddev li {border:1px solid #999;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.gelddevbuchungbetrag {color:#0015FF;font-size:1.2em;font-weight:bold;} /* " " */
.gelddevbuchungbezeichnung {color:#0404A5;font-size:1.2em;font-weight:bold;} /* " " */
.gelddevbuchungtime {color:black;font-size:0.8em;font-weight:bold;} /* " " */
.gelddevmonat {color:white;background-color:#dddddd;font-size:2em;font-weight:bold;text-shadow: 3px 3px 8px #000;}
.geldschwund { /* bs_kostentotal_query.php */
background: #ff8c00; /* Old browsers */
background: -moz-linear-gradient(top, #ff8c00 0%, #a50000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8c00), color-stop(100%,#a50000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff8c00 0%,#a50000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff8c00 0%,#a50000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff8c00 0%,#a50000 100%); /* IE10+ */
background: linear-gradient(to bottom, #ff8c00 0%,#a50000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8c00', endColorstr='#a50000',GradientType=0 ); /* IE6-9 */
}
.geldzuwachs { /* kostentotal_geldentwicklung.php */
background: #e9ffa8; /* Old browsers */
background: -moz-linear-gradient(top, #e9ffa8 0%, #6ee500 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9ffa8), color-stop(100%,#6ee500)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e9ffa8 0%,#6ee500 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e9ffa8 0%,#6ee500 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e9ffa8 0%,#6ee500 100%); /* IE10+ */
background: linear-gradient(to bottom, #e9ffa8 0%,#6ee500 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9ffa8', endColorstr='#6ee500',GradientType=0 ); /* IE6-9 */
}
.gesamtausgabenreihe {font-size:12pt !important;color:#fff;background-color:#000;}
ul.goouts li:first-child { /* bs_meinleben_goouts.php */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 49%, #c9c9c9 51%, #e8e8e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 49%,#c9c9c9 51%,#e8e8e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 49%,#c9c9c9 51%,#e8e8e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
font-size:3em;
font-weight:bold;
text-shadow: 4px 4px 3px #FFFFFF;;
}
.grau {color:grey;}
.gruen {color:green;}
.gruen_dunkel {color:#00A700;}
.hellgrau {color:lightgrey;}
div.indexphp-onerecipe p:last-child { /* index.php: spricht letztes an, das (bei VIDEOS) Button zu Rezept beinhaltet */
text-align:center;
}
.interimtagdel {font-weight:bold;}
td.jahreszahl {font-size:1.2em;font-weight:bold;color:#fff;background-color:black;text-align:center;}
ul.kackerfolge li:first-child {background-color:#8E0000;font-size:2em;font-weight:bold;text-shadow: 3px 3px 5px #fff;text-align:center;} /* kackapp_auswertung.php */
ul.kackerfolge li {border:1px solid #999;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} /* " " */
ul.kackerfolge li + li { /* + Sibling-Trick (geht ab 2.
) von https://coderwall.com/p/uugurw */
background: rgb(142,0,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(142,0,0,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(142,0,0,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(142,0,0,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(142,0,0,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(142,0,0,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(142,0,0,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e0000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.klicktxt {color:blue;font-size:0.8em;}
.kursiv {font-style:italic;}
.katanlass {color:#f00;font-weight:bold;}
.lasteventzeitpunkt {color:Red;font-weight:bold;}
.margin-bottom20 {margin-bottom:20px;}
.margin-bottom50 {margin-bottom:50px;}
.margin-top40 {margin-top:40px;}
.mediumsuchecheckedboxesmenge {margin-top:10px;margin-bottom:10px;padding:5px;background:#E9E9E9;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.mediumsuchecheckedboxesmenge p:first-child {font-size:1.3em;font-weight:bold;color:Red;}
.mediumsuchecheckedboxesmenge p:nth-child(2) {font-size:1.2em;font-weight:bold;color:Green;}
.monatsleiste {font-size:12pt !important;color:#fff;text-align:center;background-color:#002D62;}
.mthquerymehr {color:#00FF21;} /* kostentotal_query.php */
.mthqueryweniger {color:Red;} /* " " */
.mylifeausw li:first-child {background-color:#FFA238;font-weight:bold;font-size:1.6em;color:Black;text-shadow: 2px 2px 5px #0ff;text-align:center;}
.mylifeausw li:first-child span {color:Red;text-shadow: 4px 4px 10px #FFFFFF;}
.mylifelastlifeentry li:first-child {
background: #f9f2e0; /* Old browsers */
background: -moz-linear-gradient(-45deg, #f9f2e0 0%, #f9c43b 45%, #ffa500 51%, #f9cd5c 100%); /* FF 3.6-15 */
background: -webkit-linear-gradient(-45deg, #f9f2e0 0%,#f9c43b 45%,#ffa500 51%,#f9cd5c 100%); /* Chrome 10-25,Safari5.1-6 */
background: linear-gradient(135deg, #f9f2e0 0%,#f9c43b 45%,#ffa500 51%,#f9cd5c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f2e0', endColorstr='#f9cd5c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
font-weight:bold;
text-shadow: 2px 2px 5px #0ff;
}
.mylifeausw li + li { /* + ist "Direkter Geschwisterselektor (Adjacent sibling combinator)" - s. http://h5c3.de/inhalte/alle-css3-selektoren-im-detail-kombinationsselektoren/ (11.06.2015) */
color: #000;
background: rgb(249,241,219); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(249,241,219,1) 0%, rgba(249,211,114,1) 50%, rgba(252,205,77,1) 50%, rgba(247,190,46,1) 51%, rgba(255,240,168,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(249,241,219,1)), color-stop(50%,rgba(249,211,114,1)), color-stop(50%,rgba(252,205,77,1)), color-stop(51%,rgba(247,190,46,1)), color-stop(100%,rgba(255,240,168,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg, rgba(249,241,219,1) 0%,rgba(249,211,114,1) 50%,rgba(252,205,77,1) 50%,rgba(247,190,46,1) 51%,rgba(255,240,168,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg, rgba(249,241,219,1) 0%,rgba(249,211,114,1) 50%,rgba(252,205,77,1) 50%,rgba(247,190,46,1) 51%,rgba(255,240,168,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(249,241,219,1) 0%,rgba(249,211,114,1) 50%,rgba(252,205,77,1) 50%,rgba(247,190,46,1) 51%,rgba(255,240,168,1) 100%); /* IE10+ */
background: linear-gradient(45deg, rgba(249,241,219,1) 0%,rgba(249,211,114,1) 50%,rgba(252,205,77,1) 50%,rgba(247,190,46,1) 51%,rgba(255,240,168,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f1db', endColorstr='#fff0a8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.mylifeauswliuhrzeit {color:Red;font-weight:bold;}
.mylifeauswliorte {color:Blue;font-size:0.7em;}
.mylifeauswlinut {color:green;font-size:0.7em;}
.mylifeauswlikosten {color:gray;font-size:0.7em;}
.mylifeauswlikacken {color:brown;font-size:0.7em;}
.mylifeauswlidbsucks {color:#32D2FF;font-size:0.7em;}
.mylifeauswlitags {color:Red;font-size:0.7em;}
.mylifeauswlitags_highlighted {background-color:white;}
.mylifetagcloudsize6 {font-size:2.1em;} /* s. meinleben_index.php (TAG WOLKE) | WICHTIGST: Size-Anzahl-Änderungen müssen mit index.php abgestimmt werden!!! */
.mylifetagcloudsize5 {font-size:1.8em;}
.mylifetagcloudsize4 {font-size:1.5em;}
.mylifetagcloudsize3 {font-size:1.2em;}
.mylifetagcloudsize2 {font-size:1em;}
.mylifetagcloudsize1 {font-size:0.7em;}
.notnowfuturebookingfromto {font-style:italic;color:#AAA;}
.nutritionausw li:first-child {background-color:#D3D3D3;font-weight:bold;font-size:1.6em;color:white;text-shadow: 2px 2px 5px #f00;text-align:center;}
.nutritionauswsdckacken {background:#8E3900 url(images/kacken.jpg) fixed repeat;color:#000;}
.nutritionauswsdckosten {background:#46AFAC url(images/eurozeichen.jpg) fixed repeat;}
.nutritionauswuhrzeit {color:Blue;} /* nutrition_auswertung.php: UHRZEIT in - */
span.nutritionsearchresultdetail {color:Blue;font-weight:bold;}
.oneemojiimg {margin-right:5px;} /* EMOJI
![]()
: Abstand zw. einzelnen Emojis */
.orange {color:orange;}
.ovhead { /* kostentotal_index.php */
color:#fff;
text-align:center;
font-weight:bold;
background-color:#FFA500;
background:-moz-linear-gradient(top,#ce1126,#002D62);
background:-webkit-gradient(linear, left top, left bottom, from(#ce1126), to(#002D62));
background:-webkit-linear-gradient(top,#ce1126,#002D62);
background:-o-linear-gradient(top,#ce1126,#002D62);
background:-ms-linear-gradient(top,#ce1126,#002D62);
background:linear-gradient(top,#ce1126,#002D62);
}
.padding-5 {padding:5px;}
.padding-top40 {padding:40px;}
.pos-relative {position:relative;} /* für zeigeVideo(), ggf. weglassbar */
.pos-portionen-fuerpersonen {
position:absolute;
top:0;
left:0;
background-color:red;
font-size:1.1em;
font-weight:bold;
color:white;
padding:5px;
border:1px solid red;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
}
.pos-txt-auf-banner-headpic {
position:absolute;
bottom:0px;
right:0px;
text-shadow: 4px 4px 4px #000;
color:white;
font-family: 'Tangerine', serif;
font-size:100px;
}
.previewimgcontainer, .previewimgcontainer img {max-width:100%;height:auto;} /* [seit 13.09.2016] Javascript-FileReader()-IMG-Preview - war zuvor #list && #list img */
.previewimgcontainer {margin-bottom:30px;}
.px16 {font-size:16px;}
.px18 {font-size:18px;}
.px20 {font-size:20px;}
ul.query li:first-child {background-color:Red;} /* kostentotal_query.php */
.querydatali { /* " " */
background:-moz-linear-gradient(top,#9EFFEE,#D1FFF6);
background:-webkit-gradient(linear, left top, left bottom, from(#9EFFEE), to(#D1FFF6));
background:-webkit-linear-gradient(top,#9EFFEE,#D1FFF6);
background:-o-linear-gradient(top,#9EFFEE,#D1FFF6);
background:-ms-linear-gradient(top,#9EFFEE,#D1FFF6);
background:linear-gradient(top,#9EFFEE,#D1FFF6);
}
.querydivider {background-color:Red;font-weight:bold;color:white;} /* " " */
.queryheadulanzahl {color:white;font-style:italic;} /* " " */
.queryhugered {color:white;font-size:1.4em;font-weight:bold;} /* " " */
.radiobuttondbsucks {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffffff 0%, #fefcea 35%, #ffa5a5 47%, #ff0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(35%,#fefcea), color-stop(47%,#ffa5a5), color-stop(100%,#ff0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#fefcea 35%,#ffa5a5 47%,#ff0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #ffffff 0%,#fefcea 35%,#ffa5a5 47%,#ff0000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #ffffff 0%,#fefcea 35%,#ffa5a5 47%,#ff0000 100%); /* IE10+ */
background: linear-gradient(135deg, #ffffff 0%,#fefcea 35%,#ffa5a5 47%,#ff0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ff0000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.radiobuttonkacken {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffffff 0%, #d6d6d6 11%, #a3633e 49%, #aa6958 61%, #bf6e4e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(11%,#d6d6d6), color-stop(49%,#a3633e), color-stop(61%,#aa6958), color-stop(100%,#bf6e4e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#d6d6d6 11%,#a3633e 49%,#aa6958 61%,#bf6e4e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #ffffff 0%,#d6d6d6 11%,#a3633e 49%,#aa6958 61%,#bf6e4e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #ffffff 0%,#d6d6d6 11%,#a3633e 49%,#aa6958 61%,#bf6e4e 100%); /* IE10+ */
background: linear-gradient(135deg, #ffffff 0%,#d6d6d6 11%,#a3633e 49%,#aa6958 61%,#bf6e4e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bf6e4e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.rezepttitel, .rezeptzutaten, .rezeptzubereitung {
font-family: 'Chicle', cursive;
font-size:3em;
}
.rot {color:Red;}
.runderrand {border:1px solid #000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.runderrand-grau {border:1px solid #999;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.runderrand-rot {border:1px solid #f00;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.schwarz {color:Black;}
td.sdcalk1 {background-color:#FFEC00;}
td.sdcalk2 {background-color:#FF8000;}
td.sdcalk3 {background-color:#f00;}
td.sdceins {background-color:#ddd;}
td.sdczwei {background-color:#bbb;}
td.sdcdrei {background-color:#f00;color:white;}
td.sdcvier {background-color:#ff0;}
td.sdcfuenf {background-color:#000;color:white;font-size:10px;}
td.sdcforcedshit {background-color:#FFA500;color:white;}
td.sdcnull {background-color:white;}
td.sdcchron {background-color:#EEE;}
td.sdcmeat {background-color:#D2691E;}
td.sdcmeatfree {background-color:#00FF7F;}
td.sdcfastfood {background-color:#f00;}
td.sdcstandardmeal {background-color:#ff0;}
td.sdclifeentryownimg {background-color:#FAFF00;}
.taggrpdiv { /* 13.6.2014 hier kreiiert: http://www.colorzilla.com/gradient-editor/ */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
background: linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.thisresponsive {max-width:100%;height:auto;} /* [seit 23.12.2015] für BILDER */
.trinkbg {background:#9DE8FF url(images/suff.jpg) fixed repeat;}
p span.searchtermhighlighted,
p span.nutritionsearchresultdetail span.searchtermhighlighted
{color:Red;font-weight:bold;}
.weiss {color:#fff;}
p.zentriert {text-align:center;}
/* ---------------- ID --------------- */
#commentcharacters_left {color:red;font-style:italic;}
#dbausw li, #mylifesearchresultul li, #nutritionausw li + li {border:1px solid #999;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#dbausw li.delay { /* db_auswertung.php */
color: #000;
background: rgb(255,0,0); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(255,0,0,1) 0%, rgba(211,0,0,1) 32%, rgba(214,214,214,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,0,0,1)), color-stop(32%,rgba(211,0,0,1)), color-stop(100%,rgba(214,214,214,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(255,0,0,1) 0%,rgba(211,0,0,1) 32%,rgba(214,214,214,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(255,0,0,1) 0%,rgba(211,0,0,1) 32%,rgba(214,214,214,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(255,0,0,1) 0%,rgba(211,0,0,1) 32%,rgba(214,214,214,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(255,0,0,1) 0%,rgba(211,0,0,1) 32%,rgba(214,214,214,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#d6d6d6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#dbausw li.nodelay { /* " " */
color: #000;
background: rgb(63,255,0); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(63,255,0,1) 0%, rgba(255,255,255,1) 27%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(244,244,244,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(63,255,0,1)), color-stop(27%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(63,255,0,1) 0%,rgba(255,255,255,1) 27%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(63,255,0,1) 0%,rgba(255,255,255,1) 27%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(63,255,0,1) 0%,rgba(255,255,255,1) 27%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(244,244,244,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(63,255,0,1) 0%,rgba(255,255,255,1) 27%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(244,244,244,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fff00', endColorstr='#f4f4f4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#dbausw li.dbinterimsdaylistitem { /* " " */
font-weight:bold;
color:white;
font-size:2em;
text-align:center;
background: rgb(149,149,149); /* Old browsers */
background: -moz-linear-gradient(top, rgba(149,149,149,1) 0%, rgba(13,13,13,1) 46%, rgba(1,1,1,1) 50%, rgba(10,10,10,1) 53%, rgba(255,255,255,1) 76%, rgba(56,56,56,1) 87%, rgba(27,27,27,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(149,149,149,1)), color-stop(46%,rgba(13,13,13,1)), color-stop(50%,rgba(1,1,1,1)), color-stop(53%,rgba(10,10,10,1)), color-stop(76%,rgba(255,255,255,1)), color-stop(87%,rgba(56,56,56,1)), color-stop(100%,rgba(27,27,27,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(255,255,255,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(255,255,255,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(255,255,255,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(255,255,255,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
}
#div_rezeptzutaten {
/* Fixed ZUTATEN-Liste */
position: fixed;
border-radius: 15px;
padding: 10px;
top: 0;
background-color:rgba(192,192,192,0.7);
/* width: 100%; */
height: auto;
z-index: 999;
}
#headpic{text-align:center;}
#indexkopfbild {border:0;text-align:center;}
#inttagdel_ajaxresponse {font-weight:bold;color:Red;}
#list, #list img {max-width:100%;height:auto;} /* IMG-Preview bei DESKTOP-Browsern */
#myCarousel h3 {text-shadow: 2px 2px 3px #000;color:white;font-weight:bold;}
#myCarousel .carousel-caption p {text-shadow: 2px 2px 3px #000;color:white;font-weight:bold;}
#rezepteimgupload li:nth-child(odd) {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f6f8+0,d8e1e7+50,b5c6d0+51,e0eff9+100;Grey+Gloss+%232 */
background: #f2f6f8; /* Old browsers */
background: -moz-linear-gradient(-45deg, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#rezepteimgupload li:nth-child(even) {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+50,d1d1d1+51,fefefe+100;Grey+Gloss+%231 */
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(-45deg, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#rezeptzubereitungsschritte li:nth-child(odd) { /* rezepte.php: Zubereitungsschritte */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#rezeptzubereitungsschritte li:nth-child(even) { /* rezepte.php: Zubereitungsschritte */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0f3fa+0,d8f0fc+50,b8e2f6+51,b6dffd+100;Shape+2+Style */
background: #e0f3fa; /* Old browsers */
background: -moz-linear-gradient(-45deg, #e0f3fa 0%, #d8f0fc 50%, #b8e2f6 51%, #b6dffd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/* ---------------- input, select, textarea... ---------------
input[type="datetime-local"], input[type="date"], input[type="text"], input[type="number"], select.bg, textarea.bg {
background:-moz-linear-gradient(top,#FFAA00,#fff);
background:-webkit-gradient(linear, left top, left bottom, from(#FFAA00), to(#fff));
background:-webkit-linear-gradient(top,#FFAA00,#fff);
background:-o-linear-gradient(top,#FFAA00,#fff);
background:-ms-linear-gradient(top,#FFAA00,#fff);
background:linear-gradient(top,#FFAA00,#fff);
}
input[type="number"].bg-hellgrau {background:lightgrey;} /* background-color" ging hier NICHT (wohl weil hier direkt drüber bei input[type="number"] eben auch "background" definiert wurde */
*/
/* ---------------- display:none; (onload) ----------------- */
#anschlusstrainwouldhavebeen,
#delayspecifics,
#eggnacherfassunginputdiv,
#htmlvideogroup,
#interimtagvaliduntil,
#inttagdel_ajaxresponse,
.mediumsuchecheckedboxesmenge,
#ort_und_zeit,
#overallsearchwrapper,
.progress,
#rpidinputdiv,
#tagsearch-overall-div,
#warnichtwunschzug,
.dontdisplay,
#ytvideogroup,
#zutatenblock_oneblock,
#zutatenblock_zweibloecke,
#zutatenblock_dreibloecke
{display:none !important;}
/* ------------------ a --------------------- */
#dbausw li.dbinterimsdaylistitem a {text-decoration:none;color:white;}
ul.kackerfolge li:first-child a {text-decoration:none;}
.mylifeauswliorte a{color:Blue;}
.mylifeauswlinut a {color:green;}
.mylifeauswlikosten a {color:gray;}
.mylifeauswlikacken a {color:brown;}
.mylifeauswlidbsucks a {color:#32D2FF;}
.mylifeauswlitags a {color:Red;}
.mylifeausw li:first-child a:hover {text-decoration:none;}
/* MULTIPLE FILE UPLOADER - Progress Bar (am 18.2.2016 einfach 1:1 von Transfer/index2016.php bzw. PPort übernommen */
progress {
width: 400px;
height: 14px;
margin: 50px auto;
display: block;
/* Important Thing */
-webkit-appearance: none;
border: none;
}
/* All good till now. Now we'll style the background */
progress::-webkit-progress-bar {
background: black;
border-radius: 50px;
padding: 2px;
box-shadow: 0 1px 0px 0 rgba(255, 255, 255, 0.2);
}
/* Now the value part */
progress::-webkit-progress-value {
border-radius: 50px;
box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.4);
background:
-webkit-linear-gradient(45deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),
-webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),
-webkit-linear-gradient(left, #ba7448, #c4672d);
/* Looks great, now animating it */
background-size: 25px 14px, 100% 100%, 100% 100%;
-webkit-animation: move 2s linear 0 infinite;
}
/*
-Styles */
hr.sides-transparent {
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}
/* -------------------- CSS3 Lade-Grafik ---------------------- [19.1.2018 von http://tobiasahlin.com/spinkit/ ] */
.spinner {
/*margin: 100px auto;*/
width: 50px;
height: 20px;
text-align: left;
font-size: 10px;
}
.spinner > div {
background-color: #333;
height: 100%;
width: 6px;
margin:0.1em; /* ABSTAND zwischen einzelnen Balken */
display: inline-block;
-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.spinner .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.spinner .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.spinner .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
20% { -webkit-transform: scaleY(1.0) }
}
@keyframes sk-stretchdelay {
0%, 40%, 100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
}
20% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
}
/* ------------------------- Breadcrumb Pagination (Bootstrap / see w3schools.com [2018.02.23]) ----------------------------------------- */
ul.breadcrumb {
padding: 10px 16px;
list-style: none;
background-color: #eee;
}
ul.breadcrumb li {
display: inline;
font-size: 0.9em;
}
ul.breadcrumb li+li:before {
padding: 0.4em;
color: black;
content: "\00bb";
}
ul.breadcrumb li a {
color: #0275d8;
text-decoration: none;
}
ul.breadcrumb li a:hover {
color: #01447e;
text-decoration: underline;
}
/*-------------------------------------------------- M O B I L --------------------------------------------------*/
@media only screen and (max-width: 768px) {
.pos-portionen-fuerpersonen {
font-size:0.7em;
}
.pos-txt-auf-banner-headpic {
text-shadow: 3px 3px 3px #000;
color:white;
right:10px;
font-size:45px;
}
/*
.rezeptbeschreibung {
font-size:0.8em;
}
*/
.rezepttitel, .rezeptzutaten, .rezeptzubereitung {
font-size:1.5em;
}
body {
background-size: contain;
}
}