Files
WeihnachtsKalenderMelly/src/sass/_other.sass

204 lines
3.8 KiB
Sass

.titel
//display: inline-block
//margin: 0 25%
//background: url("../inc/teet/red navigation.png") no-repeat
//background-size: 100%
//background-position: 0px -63px
> img
display: inline-block
max-width: 210px
margin-top: 15px
h3
//text-decoration: underline
color: gold
margin-top: -54px
padding-bottom: 1.5rem
/* *** */
#kstart
display: inline-block
font-weight: bold
color: darkred
margin-top: -3rem
padding: 1.5rem
text-decoration: underline
background-color: #fff
background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e1e1e1)
border: 2px solid #C21514
/* *** */
.euber
display: inline-block
color: black
font-size: 0.9rem
font-weight: normal
border: 0px solid red
max-width: 700px
span
text-decoration: underline
font-weight: bold
/* *** */
.radio
iframe
padding: 0 0 1rem 1rem
/* *** */
.select
font-size: 0.7rem
display: inline-block
background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e1e1e1)
border: 1px solid darkred
border-radius: 5px
padding: 0.5rem
select
-moz-appearance: none
-webkit-appearance: none
appearance: none
border: none
font-family: Times New Roman
background-color: transparent
font-size: 0.7rem
/* *** */
button
border: 2px solid darkgreen
border-radius: 5px
background: linear-gradient(to bottom, #fefffd,#e7e9ea)
font-weight: bold
//padding: 5px 10px 5px 10px
color: black
a
color: black
text-decoration: none
padding: 0 0.5rem 0 0
.pList
padding-bottom: 0.5rem
div
font-size: 0.9rem
img
max-width: 1.5rem
padding-right: 0.5rem
button
display: inline-flex
flex-direction: row
align-items: center // Vertical center alignment
margin-bottom: auto
margin-top: auto
padding: 0.5rem
.LFilme
display: inline-block
max-width: 80%
#film
padding: 0.5rem
float: left
p:first-child
border-bottom: 2px solid gray
padding-bottom: 1rem
img
max-width: 3rem
#FCover
max-width: 10rem
border: 3px solid darkred
button
padding: 0 0.5rem 0 0.5rem
margin-bottom: auto
margin-top: auto
.üList
display: inline-block
padding: 0.5rem
margin: 1em
color: darkred
font-weight: bold
text-decoration: underline
background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e1e1e1)
border: 2px solid black
border-radius: 0.5rem
text-shadow: 1px 1px 1px darkgray
// Galerie Tab
.sGalerie
display: inline-block
max-width: 35vh
div
background-color: #fff
padding: 1rem
border-top: 2px solid gray
button
padding: 0.4rem 0 0 0
img
padding: 0.4rem 0 0.6rem 0
width: 5.5rem
height: 6.5rem
object-fit: cover
#leer
display: inline-block
padding: 0.5rem 0.5rem 0 0
// Galerie Album Tab
.gimages
display: inline-block
max-width: 30rem
background: hsla(126, 26%, 51%, 0.3)
border: 2px solid darkgreen
padding: 1rem 0.5rem 0.5rem 0.5rem
a
display: inline-block
padding: 0 5px 5px 5px
img
width: 9rem
height: 9rem
border: 3px solid darkred
object-fit: cover
.neu
//display: inline-block
border: 1px solid red
padding: 0.5rem
font-weight: bold
color: darkred
background: gainsboro
.develop
//display: inline-block
text-decoration: underline
//position: absolute
color: red
font-weight: bold
//margin: 3rem 0 0 -7rem
text-shadow: -1px -1px 1rem black, 1px 1px 1rem black