Fabio/tileserver-gl
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #321 from loicgasser/css-break-all

Browse source 
Break all on long title and item
This commit is contained in:
Petr Sloup 2018-12-18 09:02:42 +01:00 committed by GitHub
commit 507da8567e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
public/resources/index.css
View file

@ -28,7 +28,7 @@ a{
color: #499DCE; color: #499DCE;
transition: color .2s; transition: color .2s;
} }
a:hover{ a:hover {
color: #395D73; color: #395D73;
} }
.title { .title {
@ -47,7 +47,7 @@ a:hover{
color: #499DCE; color: #499DCE;
font-size:.8em; font-size:.8em;
} }
section{ section {
margin: 15px auto; margin: 15px auto;
width: 930px; width: 930px;
padding: 30px 0; padding: 30px 0;
@ -70,7 +70,7 @@ section{
font-size:20px; font-size:20px;
background:#fff; background:#fff;
} }
.item{ .item {
background:#fff; background:#fff;
height: 191px; height: 191px;
border: 1px solid #ededed; border: 1px solid #ededed;
@ -79,7 +79,7 @@ section{
.item:nth-child(odd) { .item:nth-child(odd) {
background-color:#fbfbfb; background-color:#fbfbfb;
} }
.item img{ .item img {
position: absolute; position: absolute;
margin: 30px; margin: 30px;
width: 128px; width: 128px;
@ -122,10 +122,10 @@ section{
text-decoration: none; text-decoration: none;
font-weight: bold; font-weight: bold;
} }
.btn:first-child:hover{ .btn:first-child:hover {
background: #395D73; background: #395D73;
} }
footer{ footer {
width:100%; width:100%;
border-top:1px solid #ededed; border-top:1px solid #ededed;
text-align:center; text-align:center;
@ -133,7 +133,7 @@ footer{
padding-top:10px; padding-top:10px;
font-size:12px; font-size:12px;
} }
footer img{ footer img {
width: 118px; width: 118px;
height: 32px; height: 32px;
} }
@ -147,6 +147,10 @@ footer a {
color: #787878; color: #787878;
text-decoration: none; text-decoration: none;
} }
.details h3, .identifier {
max-width: 550px;
word-break: break-all;
}
/* body background image */ /* body background image */
body { body {
@ -185,31 +189,31 @@ body {
.title.light:after { .title.light:after {
font-size:.6em; font-size:.6em;
} }
.title img{ .title img {
width: 200px; width: 200px;
} }
.subtitle{ .subtitle {
font-size: 20px; font-size: 20px;
margin: 0 0 35px 0; margin: 0 0 35px 0;
} }
.item{ .item {
height: 245px; height: 245px;
} }
.viewers{ .viewers {
float: left; float: left;
text-align: left; text-align: left;
width: 100%; width: 100%;
margin-left: 30px; margin-left: 30px;
margin-top: 15px; margin-top: 15px;
} }
.viewers a{ .viewers a {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
} }
.btn{ .btn {
margin: 0 20px 0 0; margin: 0 20px 0 0;
} }
.btn:first-child{ .btn:first-child {
padding: 0 20px; padding: 0 20px;
} }
} }