Warning, /webapps/ocs-webserver/httpdocs/theme/flatui/less/modules/tile.less is written in an unsupported language. File is not indexed.
0001 //
0002 // Tile
0003 // -------------------------------------------------
0004
0005 .tile {
0006 background-color: mix(@base, @inverse, 8%);
0007 border-radius: 6px;
0008 padding: 14px;
0009 position: relative;
0010 text-align: center;
0011
0012 &.tile-hot {
0013 &:before {
0014 background: url(../img/tile/ribbon.png) 0 0 no-repeat;
0015 background-size: 82px 82px;
0016 content: '';
0017 height: 82px;
0018 position: absolute;
0019 right: -4px;
0020 top: -4px;
0021 width: 82px;
0022 }
0023 }
0024 p {
0025 font-size: 15px;
0026 margin-bottom: 33px;
0027 }
0028 }
0029 .tile-image {
0030 height: 100px;
0031 margin: 31px 0 27px;
0032 vertical-align: bottom;
0033
0034 &.big-illustration {
0035 height: 111px;
0036 margin-top: 20px;
0037 width: 112px;
0038 }
0039 }
0040 .tile-title {
0041 font-size: 20px;
0042 margin: 0;
0043 }
0044
0045 // Retina Support
0046 @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
0047 .tile {
0048 &.tile-hot {
0049 &:before {
0050 background-image: url(../img/tile/ribbon-2x.png);
0051 }
0052 }
0053 }
0054 }