hover
Signed-off-by: Jeff <jeff@gotenzing.com>
Showing
6 changed files
with
102 additions
and
1 deletions
| ... | @@ -19031,6 +19031,55 @@ ul.sf_date_field .sf-datepicker { | ... | @@ -19031,6 +19031,55 @@ ul.sf_date_field .sf-datepicker { |
| 19031 | #search-wrapper #main .understrap-read-more-link { | 19031 | #search-wrapper #main .understrap-read-more-link { |
| 19032 | display: none; | 19032 | display: none; |
| 19033 | } | 19033 | } |
| 19034 | #search-wrapper .photo { | ||
| 19035 | position: relative; | ||
| 19036 | } | ||
| 19037 | #search-wrapper .document-format-mov .photo:after { | ||
| 19038 | content: ""; | ||
| 19039 | width: 41px; | ||
| 19040 | height: 41px; | ||
| 19041 | margin: 15% 35%; | ||
| 19042 | background-repeat: no-repeat; | ||
| 19043 | background-size: contain; | ||
| 19044 | display: block; | ||
| 19045 | position: absolute; | ||
| 19046 | top: 0.3125rem; | ||
| 19047 | left: 0.2rem; | ||
| 19048 | background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="41.519" height="41.519" viewBox="0 0 41.519 41.519"><defs><clipPath id="clip-path"><rect id="Rectangle_250" data-name="Rectangle 250" width="41.519" height="41.519" fill="%23fff"/></clipPath></defs><g id="Group_1915" data-name="Group 1915" opacity="0.5"><g id="Group_1914" data-name="Group 1914"><path id="Path_1401" data-name="Path 1401" d="M104.855,76.327,91.2,84.688V67.966Z" transform="translate(-75.434 -55.461)" fill="%23fff"/><g id="Group_1516" data-name="Group 1516"><g id="Group_1515" data-name="Group 1515" clip-path="url(%23clip-path)"><path id="Path_1402" data-name="Path 1402" d="M20.76,41.519a20.76,20.76,0,1,1,20.76-20.76,20.783,20.783,0,0,1-20.76,20.76m0-36.455a15.7,15.7,0,1,0,15.7,15.7,15.713,15.713,0,0,0-15.7-15.7" fill="%23fff"/></g></g></g></g></svg>'); | ||
| 19049 | } | ||
| 19050 | #search-wrapper .document-format-mov a:hover .photo:before { | ||
| 19051 | content: ""; | ||
| 19052 | width: 100%; | ||
| 19053 | height: 100%; | ||
| 19054 | display: block; | ||
| 19055 | position: absolute; | ||
| 19056 | top: 0rem; | ||
| 19057 | left: 0rem; | ||
| 19058 | box-shadow: inset 200px 200px 200px rgba(68, 68, 68, 0.4); | ||
| 19059 | } | ||
| 19060 | #search-wrapper .attachment a:hover .photo:before { | ||
| 19061 | content: ""; | ||
| 19062 | width: 100%; | ||
| 19063 | height: 100%; | ||
| 19064 | display: block; | ||
| 19065 | position: absolute; | ||
| 19066 | top: 0rem; | ||
| 19067 | left: 0rem; | ||
| 19068 | box-shadow: inset 200px 200px 200px rgba(68, 68, 68, 0.4); | ||
| 19069 | } | ||
| 19070 | #search-wrapper .document-format-mov a:hover .photo:after { | ||
| 19071 | content: ""; | ||
| 19072 | width: 41px; | ||
| 19073 | height: 41px; | ||
| 19074 | margin: 15% 35%; | ||
| 19075 | background-repeat: no-repeat; | ||
| 19076 | background-size: contain; | ||
| 19077 | display: block; | ||
| 19078 | position: absolute; | ||
| 19079 | top: 0.3125rem; | ||
| 19080 | left: 0.2rem; | ||
| 19081 | background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="41.519" height="41.519" viewBox="0 0 41.519 41.519"><g id="Group_1941" data-name="Group 1941" transform="translate(-3.878 -3.878)"><g id="Group_1914" data-name="Group 1914" transform="translate(3.878 3.878)"><path id="Path_1401" data-name="Path 1401" d="M104.855,76.327,91.2,84.688V67.966Z" transform="translate(-75.434 -55.461)" fill="%23fff"/><g id="Group_1516" data-name="Group 1516"><g id="Group_1939" data-name="Group 1939"><path id="Path_1402" data-name="Path 1402" d="M20.76,41.519a20.76,20.76,0,1,1,20.76-20.76,20.783,20.783,0,0,1-20.76,20.76m0-36.455a15.7,15.7,0,1,0,15.7,15.7,15.713,15.713,0,0,0-15.7-15.7" fill="%23fff"/></g></g></g></g></svg>'); | ||
| 19082 | } | ||
| 19034 | #search-wrapper .pagination { | 19083 | #search-wrapper .pagination { |
| 19035 | justify-content: center; | 19084 | justify-content: center; |
| 19036 | margin-top: 1rem; | 19085 | margin-top: 1rem; | ... | ... |
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
| ... | @@ -186,9 +186,60 @@ | ... | @@ -186,9 +186,60 @@ |
| 186 | display: none; | 186 | display: none; |
| 187 | } | 187 | } |
| 188 | } | 188 | } |
| 189 | .photo{ | ||
| 190 | position: relative; | ||
| 191 | } | ||
| 192 | .document-format-mov .photo:after{ | ||
| 193 | content: ""; | ||
| 194 | width: 41px; | ||
| 195 | height: 41px; | ||
| 196 | margin: 15% 35%; | ||
| 197 | background-repeat: no-repeat; | ||
| 198 | background-size: contain; | ||
| 199 | display: block; | ||
| 200 | position: absolute; | ||
| 201 | top: 0.3125rem; | ||
| 202 | left:0.2rem; | ||
| 203 | background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="41.519" height="41.519" viewBox="0 0 41.519 41.519"><defs><clipPath id="clip-path"><rect id="Rectangle_250" data-name="Rectangle 250" width="41.519" height="41.519" fill="%23fff"/></clipPath></defs><g id="Group_1915" data-name="Group 1915" opacity="0.5"><g id="Group_1914" data-name="Group 1914"><path id="Path_1401" data-name="Path 1401" d="M104.855,76.327,91.2,84.688V67.966Z" transform="translate(-75.434 -55.461)" fill="%23fff"/><g id="Group_1516" data-name="Group 1516"><g id="Group_1515" data-name="Group 1515" clip-path="url(%23clip-path)"><path id="Path_1402" data-name="Path 1402" d="M20.76,41.519a20.76,20.76,0,1,1,20.76-20.76,20.783,20.783,0,0,1-20.76,20.76m0-36.455a15.7,15.7,0,1,0,15.7,15.7,15.713,15.713,0,0,0-15.7-15.7" fill="%23fff"/></g></g></g></g></svg>'); | ||
| 204 | } | ||
| 205 | |||
| 206 | |||
| 207 | .document-format-mov a:hover .photo:before{ | ||
| 208 | content: ""; | ||
| 209 | width: 100%; | ||
| 210 | height: 100%; | ||
| 211 | display: block; | ||
| 212 | position: absolute; | ||
| 213 | top: 0rem; | ||
| 214 | left:0rem; | ||
| 215 | box-shadow:inset 200px 200px 200px rgb(68 68 68 / 0.4); | ||
| 216 | } | ||
| 189 | 217 | ||
| 218 | .attachment a:hover .photo:before{ | ||
| 219 | content: ""; | ||
| 220 | width: 100%; | ||
| 221 | height: 100%; | ||
| 222 | display: block; | ||
| 223 | position: absolute; | ||
| 224 | top: 0rem; | ||
| 225 | left:0rem; | ||
| 226 | box-shadow:inset 200px 200px 200px rgb(68 68 68 / 0.4); | ||
| 227 | } | ||
| 190 | 228 | ||
| 229 | .document-format-mov a:hover .photo:after{ | ||
| 230 | content: ""; | ||
| 231 | width: 41px; | ||
| 232 | height: 41px; | ||
| 233 | margin: 15% 35%; | ||
| 234 | background-repeat: no-repeat; | ||
| 235 | background-size: contain; | ||
| 236 | display: block; | ||
| 237 | position: absolute; | ||
| 238 | top: 0.3125rem; | ||
| 239 | left:0.2rem; | ||
| 191 | 240 | ||
| 241 | background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="41.519" height="41.519" viewBox="0 0 41.519 41.519"><g id="Group_1941" data-name="Group 1941" transform="translate(-3.878 -3.878)"><g id="Group_1914" data-name="Group 1914" transform="translate(3.878 3.878)"><path id="Path_1401" data-name="Path 1401" d="M104.855,76.327,91.2,84.688V67.966Z" transform="translate(-75.434 -55.461)" fill="%23fff"/><g id="Group_1516" data-name="Group 1516"><g id="Group_1939" data-name="Group 1939"><path id="Path_1402" data-name="Path 1402" d="M20.76,41.519a20.76,20.76,0,1,1,20.76-20.76,20.783,20.783,0,0,1-20.76,20.76m0-36.455a15.7,15.7,0,1,0,15.7,15.7,15.713,15.713,0,0,0-15.7-15.7" fill="%23fff"/></g></g></g></g></svg>'); | ||
| 242 | } | ||
| 192 | 243 | ||
| 193 | 244 | ||
| 194 | .pagination { | 245 | .pagination { | ... | ... |
-
Please register or sign in to post a comment