| 提交 | 用户 | 时间 | ||
| 58d006 | 1 | .enable_plugin_colorbox() when(@enable-plugin-colorbox = true) { |
| A | 2 | |
| 3 | ||
| 4 | //colorbox plugin used in gallery page | |
| 5 | #colorbox:focus , #colorbox:active { | |
| 6 | outline:none; | |
| 7 | } | |
| 8 | #cboxTopLeft, #cboxTopCenter, #cboxTopRight, | |
| 9 | #cboxMiddleLeft, #cboxMiddleRight, | |
| 10 | #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight | |
| 11 | { | |
| 12 | background:none !important; | |
| 13 | opacity:0; | |
| 14 | } | |
| 15 | #cboxContent { | |
| 16 | border:12px solid #000; | |
| 17 | background-color:#FFF; | |
| 18 | padding:7px; | |
| 19 | } | |
| 20 | #cboxOverlay { | |
| 21 | background:rgba(0,0,0,0.95); | |
| 22 | background:#000; | |
| 23 | } | |
| 24 | #cboxCurrent { | |
| 25 | left: 64px; | |
| 26 | margin-bottom:4px; | |
| 27 | font-size: @base-font-size + 1; | |
| 28 | } | |
| 29 | #cboxTitle { | |
| 30 | margin-bottom:4px; | |
| 31 | font-size: @base-font-size + 1; | |
| 32 | color:#777; | |
| 33 | } | |
| 34 | ||
| 35 | ||
| 36 | #cboxNext , #cboxPrevious , #cboxClose { | |
| 37 | background:none; | |
| 38 | text-indent:0; | |
| 39 | width:26px; height:26px; line-height:22px; | |
| 40 | padding:0 4px; | |
| 41 | text-align:center; | |
| 42 | ||
| 43 | border:2px solid #999; | |
| 44 | border-radius:16px; | |
| 45 | ||
| 46 | color:#666; | |
| 47 | font-size: @base-font-size - 1; | |
| 48 | ||
| 49 | margin-left: 5px; | |
| 50 | margin-bottom: 5px; | |
| 51 | } | |
| 52 | #cboxNext:hover , #cboxPrevious:hover { | |
| 53 | color:#333; | |
| 54 | border-color:#666; | |
| 55 | } | |
| 56 | #cboxContent { | |
| 57 | overflow:visible; | |
| 58 | } | |
| 59 | #cboxClose { | |
| 60 | background-color: #000; | |
| 61 | ||
| 62 | border: 2px solid #FFF; | |
| 63 | border-radius: 32px; | |
| 64 | ||
| 65 | color: #FFF; | |
| 66 | font-size: @font-size-colorbox-close; | |
| 67 | ||
| 68 | height: 28px; | |
| 69 | width: 28px; | |
| 70 | ||
| 71 | padding-bottom: 2px; | |
| 72 | margin-left: 0; | |
| 73 | ||
| 74 | right: -14px; | |
| 75 | top: -14px; | |
| 76 | } | |
| 77 | ||
| 78 | ||
| 79 | #cboxLoadingOverlay { | |
| 80 | background:none !important; | |
| 81 | } | |
| 82 | #cboxLoadingGraphic { | |
| 83 | background:#FFF none !important; | |
| 84 | text-align:center; | |
| 85 | ||
| 86 | > .@{icon} { | |
| 87 | display: inline-block; | |
| 88 | background-color: #FFF; | |
| 89 | border-radius: 8px; | |
| 90 | ||
| 91 | width: 32px; | |
| 92 | height: 32px; | |
| 93 | ||
| 94 | position: relative; | |
| 95 | top: 48%; | |
| 96 | ||
| 97 | ||
| 98 | text-align: center; | |
| 99 | vertical-align: middle; | |
| 100 | ||
| 101 | //.animation(~"fa-spin 1.5s infinite linear"); | |
| 102 | ||
| 103 | ||
| 104 | font-size: @font-size-colorbox-icon; | |
| 105 | color: #FE7E3E; | |
| 106 | } | |
| 107 | ||
| 108 | } | |
| 109 | ||
| 110 | ||
| 111 | } | |
| 112 | .enable_plugin_colorbox(); | |
