Skillnad mellan versioner av "Templatestyles.css"
Thomas (Diskussion | bidrag) m |
Thomas (Diskussion | bidrag) m |
||
| (33 mellanliggande versioner av samma användare visas inte) | |||
| Rad 23: | Rad 23: | ||
#TemplateVideo{ | #TemplateVideo{ | ||
background: #efeeec; | background: #efeeec; | ||
| − | width: | + | width: 500px; |
display: inline-block; | display: inline-block; | ||
padding: 5px; | padding: 5px; | ||
| Rad 31: | Rad 31: | ||
padding-bottom: 5px; | padding-bottom: 5px; | ||
} | } | ||
| + | |||
.VideoDescription{ | .VideoDescription{ | ||
text-align: left; | text-align: left; | ||
| Rad 36: | Rad 37: | ||
padding: 5px; | padding: 5px; | ||
background: #fbfbfb; | background: #fbfbfb; | ||
| − | + | } | |
| + | |||
| + | #TemplateAlbums{ | ||
| + | Background: #fff; | ||
| + | width:177px; | ||
| + | float: right; | ||
| + | margin: 5px; | ||
| + | padding: 5px; | ||
| + | border: 3pt; | ||
| + | border-style:Solid; | ||
| + | border-color: #e0e9e9; | ||
| + | -moz-border-radius-topleft:3ex; | ||
| + | -webkit-border-top-left-radius:3ex; | ||
| + | } | ||
| + | |||
| + | .AlbumsImage{ | ||
| + | background: #efeeec; | ||
| + | padding: 5px; | ||
| + | #-moz-border-radius-topleft:2ex; | ||
| + | #-webkit-border-top-left-radius:2ex;" | ||
| + | } | ||
| + | .AlbumImg { | ||
| + | -moz-border-radius-topleft:2ex; | ||
| + | -webkit-border-top-left-radius:2ex;" | ||
| + | |||
| + | #-webkit-box-shadow: 0 5px 5px #777; | ||
| + | #-moz-box-shadow: 0 5px 5px #777; | ||
| + | #box-shadow: 0 5px 5px #777; | ||
| + | box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; | ||
| + | } | ||
| + | |||
| + | .AlbumsPlaylist{ | ||
| + | background: #efeeec; | ||
| + | } | ||
@media (max-width:600px) { | @media (max-width:600px) { | ||
#TemplateLyric{ | #TemplateLyric{ | ||
width:100%; | width:100%; | ||
| + | } | ||
| + | #TemplateVideo{ | ||
| + | width:100%; | ||
} | } | ||
} | } | ||
Nuvarande version från 10 mars 2018 kl. 22.22
- TemplateLyric{
Background: #fff; width:250px; float: right; margin: 5px; padding: 5px; border: 3pt; border-style:Solid; border-color: #e0e9e9; -moz-border-radius-topleft:3ex; -webkit-border-top-left-radius:3ex; } .LyricTitle{ background: #efeeec; -moz-border-radius-topleft:2ex; -webkit-border-top-left-radius:2ex;" text-align: center; margin-left: auto; margin-right: auto; padding:5px; }
- TemplateVideo{
background: #efeeec; width: 500px; display: inline-block; padding: 5px; }
.VideoTitle{ padding-bottom: 5px; }
.VideoDescription{ text-align: left; margin-bottom:10px; padding: 5px; background: #fbfbfb; }
- TemplateAlbums{
Background: #fff; width:177px; float: right; margin: 5px; padding: 5px; border: 3pt; border-style:Solid; border-color: #e0e9e9; -moz-border-radius-topleft:3ex; -webkit-border-top-left-radius:3ex; }
.AlbumsImage{ background: #efeeec; padding: 5px;
- -moz-border-radius-topleft:2ex;
- -webkit-border-top-left-radius:2ex;"
} .AlbumImg { -moz-border-radius-topleft:2ex; -webkit-border-top-left-radius:2ex;"
- -webkit-box-shadow: 0 5px 5px #777;
- -moz-box-shadow: 0 5px 5px #777;
- box-shadow: 0 5px 5px #777;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; }
.AlbumsPlaylist{ background: #efeeec; }
@media (max-width:600px) {
- TemplateLyric{
width:100%; }
- TemplateVideo{
width:100%; } }