Difference between revisions of "Template:Linkoping Sweden/Style"
Patriksletmo (Talk | contribs) |
Patriksletmo (Talk | contribs) |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 110: | Line 110: | ||
text-align: center; | text-align: center; | ||
| − | width: | + | width: 19.5%; |
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
| Line 275: | Line 275: | ||
position: relative; | position: relative; | ||
left: 50%; | left: 50%; | ||
| − | transform: | + | transform: translate3d(-50%,0,0); |
| + | -webkit-transform: translate3d(-50%,0,0); | ||
display: block; /* optional */ | display: block; /* optional */ | ||
| Line 284: | Line 285: | ||
filter: gray; | filter: gray; | ||
| − | -webkit-transition: -webkit-filter | + | -webkit-transition: -webkit-filter 0.4s; |
| − | -moz-transition: filter | + | -moz-transition: filter 0.4s; |
| − | -ms-transition: filter | + | -ms-transition: filter 0.4s; |
| − | -o-transition: filter | + | -o-transition: filter 0.4s; |
| − | transition: filter | + | transition: filter 0.4s; |
| − | transition: -webkit-filter | + | transition: -webkit-filter 0.4s; |
} | } | ||
| Line 617: | Line 618: | ||
} | } | ||
| − | .nb-line-l span { | + | .nb-line-l > span { |
position: absolute; | position: absolute; | ||
text-align: left; | text-align: left; | ||
| Line 627: | Line 628: | ||
} | } | ||
| − | .nb-line-r span { | + | .nb-line-r > span { |
position: absolute; | position: absolute; | ||
text-align: right; | text-align: right; | ||
| Line 636: | Line 637: | ||
padding-left: 10px; | padding-left: 10px; | ||
padding-right: 20px; | padding-right: 20px; | ||
| + | } | ||
| + | |||
| + | .nb-line-l > span span, .nb-line-r > span span { | ||
| + | display: inline-block; | ||
| + | background: #000; | ||
| + | color: #FFF; | ||
| + | line-height: 18px; | ||
| + | width: 18px; | ||
| + | text-align: center; | ||
| + | border-radius: 9px; | ||
| + | } | ||
| + | |||
| + | span.with-content { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | |||
| + | span.with-content:hover { | ||
| + | color: #019966; | ||
| + | } | ||
| + | |||
| + | span.with-content:hover span { | ||
| + | background-color: #019966; | ||
| + | } | ||
| + | |||
| + | .nb-details { | ||
| + | margin-top: -2px; | ||
| + | border-top: 2px solid #000; | ||
| + | border-bottom: 2px solid #000; | ||
| + | font-size: 12px; | ||
| + | padding: 20px; | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | .nb-details img { | ||
| + | float: left; | ||
| + | max-width: 300px; | ||
| + | margin-right: 20px; | ||
| + | } | ||
| + | |||
| + | .nb-details > br { | ||
| + | clear: both; | ||
} | } | ||
Latest revision as of 18:40, 19 October 2016
