diff options
Diffstat (limited to 'tpl/default/css/shaarli.css')
-rw-r--r-- | tpl/default/css/shaarli.css | 65 |
1 files changed, 65 insertions, 0 deletions
diff --git a/tpl/default/css/shaarli.css b/tpl/default/css/shaarli.css index 85b8e7a1..e73375d4 100644 --- a/tpl/default/css/shaarli.css +++ b/tpl/default/css/shaarli.css | |||
@@ -1003,3 +1003,68 @@ pre { | |||
1003 | text-decoration: none; | 1003 | text-decoration: none; |
1004 | } | 1004 | } |
1005 | 1005 | ||
1006 | /** | ||
1007 | * Picture wall CSS | ||
1008 | */ | ||
1009 | #picwall_container { | ||
1010 | color: #fff; | ||
1011 | background-color: #000; | ||
1012 | clear: both; | ||
1013 | } | ||
1014 | |||
1015 | .picwall_pictureframe { | ||
1016 | background-color: #000; | ||
1017 | z-index: 5; | ||
1018 | position: relative; | ||
1019 | display: table-cell; | ||
1020 | vertical-align: middle; | ||
1021 | width: 90px; | ||
1022 | height: 90px; | ||
1023 | overflow: hidden; | ||
1024 | text-align: center; | ||
1025 | float: left; | ||
1026 | } | ||
1027 | |||
1028 | .b-lazy { | ||
1029 | -webkit-transition: opacity 500ms ease-in-out; | ||
1030 | -moz-transition: opacity 500ms ease-in-out; | ||
1031 | -o-transition: opacity 500ms ease-in-out; | ||
1032 | transition: opacity 500ms ease-in-out; | ||
1033 | opacity: 0; | ||
1034 | } | ||
1035 | .b-lazy.b-loaded { | ||
1036 | opacity: 1; | ||
1037 | } | ||
1038 | |||
1039 | .picwall_pictureframe img { | ||
1040 | max-width: 100%; | ||
1041 | height: auto; | ||
1042 | color: transparent; | ||
1043 | } /* Adapt the width of the image */ | ||
1044 | |||
1045 | .picwall_pictureframe a { | ||
1046 | text-decoration: none; | ||
1047 | } | ||
1048 | |||
1049 | /* CSS to show title when hovering an image - no javascript required. */ | ||
1050 | .picwall_pictureframe span.info { | ||
1051 | display: none; | ||
1052 | } | ||
1053 | |||
1054 | .picwall_pictureframe:hover span.info { | ||
1055 | display: block; | ||
1056 | position: absolute; | ||
1057 | top: 0; | ||
1058 | left: 0; | ||
1059 | width: 90px; | ||
1060 | font-weight: bold; | ||
1061 | font-size: 8pt; | ||
1062 | color: #fff; | ||
1063 | text-align: left; | ||
1064 | background-color: transparent; | ||
1065 | background-color: rgba(0, 0, 0, 0.4); | ||
1066 | /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */ | ||
1067 | filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000); | ||
1068 | /* IE6IE9 */ | ||
1069 | text-shadow: 2px 2px 1px #000000; | ||
1070 | } | ||