| 1 |
CoolClock.config.skins = { |
| 2 |
/* |
| 3 |
* SKIN ID |
| 4 |
* unique skin name (lowercase) |
| 5 |
* |
| 6 |
* SKIN OBJECTS |
| 7 |
* outerBorder - static element, can be used to draw an outer circle or solid background (requires radius) |
| 8 |
* largeIndicator - hour markers, 12 static elements devided around the clock scale |
| 9 |
* smallIndicator - minute markers, 48 static elements devided around the clock scale between the hour markers |
| 10 |
* hourHand - element rotating in 12 hours |
| 11 |
* minuteHand - element rotating in 1 hour |
| 12 |
* secondHand - element rotating in 1 minute |
| 13 |
* secondDecoration - additional decoration element, rotating in 1 minute |
| 14 |
* |
| 15 |
* OBJECT PARAMETERS |
| 16 |
* lineWidth - width of line drawn (default 0) |
| 17 |
* color - color of line drawn (default black) |
| 18 |
* startAt - starting point from center, can be negative (default 0) |
| 19 |
* endAt - end point from center (default 0) |
| 20 |
* radius - transform line to circle with this radius around startAt as center (endAt will be ignored) |
| 21 |
* fillColor - collor to fill circle (ignored when radius not used) |
| 22 |
* alpha - transparency value (default 1) |
| 23 |
*/ |
| 24 |
|
| 25 |
swissrail: { |
| 26 |
outerBorder: { lineWidth: 2, radius: 95 }, |
| 27 |
smallIndicator: { lineWidth: 2, startAt: 88, endAt: 92 }, |
| 28 |
largeIndicator: { lineWidth: 4, startAt: 79, endAt: 92 }, |
| 29 |
hourHand: { lineWidth: 8, startAt: -15, endAt: 50 }, |
| 30 |
minuteHand: { lineWidth: 7, startAt: -15, endAt: 75 }, |
| 31 |
secondHand: { lineWidth: 1, startAt: -20, endAt: 85, color: "red" }, |
| 32 |
secondDecoration: { lineWidth: 1, startAt: 70, radius: 4, fillColor: "red", color: "red" } |
| 33 |
}, |
| 34 |
|
| 35 |
chunkyswiss: { |
| 36 |
outerBorder: { lineWidth: 4, radius: 97 }, |
| 37 |
smallIndicator: { lineWidth: 4, startAt: 89, endAt: 93 }, |
| 38 |
largeIndicator: { lineWidth: 8, startAt: 80, endAt: 93 }, |
| 39 |
hourHand: { lineWidth: 12, startAt: -15, endAt: 60 }, |
| 40 |
minuteHand: { lineWidth: 10, startAt: -15, endAt: 85 }, |
| 41 |
secondHand: { lineWidth: 4, startAt: -20, endAt: 85, color: "red" }, |
| 42 |
secondDecoration: { lineWidth: 2, startAt: 70, radius: 8, fillColor: "red", color: "red" } |
| 43 |
}, |
| 44 |
|
| 45 |
chunkyswissonblack: { |
| 46 |
outerBorder: { lineWidth: 4, radius: 97, color: "white" }, |
| 47 |
smallIndicator: { lineWidth: 4, startAt: 89, endAt: 93, color: "white" }, |
| 48 |
largeIndicator: { lineWidth: 8, startAt: 80, endAt: 93, color: "white" }, |
| 49 |
hourHand: { lineWidth: 12, startAt: -15, endAt: 60, color: "white" }, |
| 50 |
minuteHand: { lineWidth: 10, startAt: -15, endAt: 85, color: "white" }, |
| 51 |
secondHand: { lineWidth: 4, startAt: -20, endAt: 85, color: "red" }, |
| 52 |
secondDecoration: { lineWidth: 2, startAt: 70, radius: 8, fillColor: "red", color: "red" } |
| 53 |
}, |
| 54 |
|
| 55 |
fancy: { |
| 56 |
outerBorder: { lineWidth: 5, radius: 95, color: "green", alpha: 0.7 }, |
| 57 |
smallIndicator: { lineWidth: 1, startAt: 80, endAt: 93, alpha: 0.4 }, |
| 58 |
largeIndicator: { lineWidth: 1, startAt: 30, endAt: 93, alpha: 0.5 }, |
| 59 |
hourHand: { lineWidth: 8, startAt: -15, endAt: 50, color: "blue", alpha: 0.7 }, |
| 60 |
minuteHand: { lineWidth: 7, startAt: -15, endAt: 92, color: "red", alpha: 0.7 }, |
| 61 |
secondHand: { lineWidth: 10, startAt: 80, endAt: 85, color: "blue", alpha: 0.3 }, |
| 62 |
secondDecoration: { lineWidth: 1, startAt: 30, radius: 50, fillColor: "blue", color: "red", alpha: 0.15 } |
| 63 |
}, |
| 64 |
|
| 65 |
machine: { |
| 66 |
outerBorder: { lineWidth: 60, radius: 55, color: "#dd6655" }, |
| 67 |
smallIndicator: { lineWidth: 4, startAt: 80, endAt: 95, color: "white" }, |
| 68 |
largeIndicator: { lineWidth: 14, startAt: 77, endAt: 92, color: "#dd6655" }, |
| 69 |
hourHand: { lineWidth: 18, startAt: -15, endAt: 40, color: "white" }, |
| 70 |
minuteHand: { lineWidth: 14, startAt: 24, endAt: 100, color: "#771100", alpha: 0.5 }, |
| 71 |
secondHand: { lineWidth: 3, startAt: 22, endAt: 83, color: "green", alpha: 0 }, |
| 72 |
secondDecoration: { lineWidth: 1, startAt: 52, radius: 26, fillColor: "#ffcccc", color: "red", alpha: 0.5 } |
| 73 |
}, |
| 74 |
|
| 75 |
simonbaird_com: { |
| 76 |
hourHand: { lineWidth: 80, startAt: -15, endAt: 35, color: "magenta", alpha: 0.5 }, |
| 77 |
minuteHand: { lineWidth: 80, startAt: -15, endAt: 65, color: "cyan", alpha: 0.5 }, |
| 78 |
secondDecoration: { lineWidth: 1, startAt: 40, radius: 40, color: "#fff", fillColor: "yellow", alpha: 0.5 } |
| 79 |
}, |
| 80 |
|
| 81 |
// by bonstio, http://bonstio.net |
| 82 |
classic/*was gIG*/: { |
| 83 |
outerBorder: { lineWidth: 185, radius: 1, color: "#E5ECF9" }, |
| 84 |
smallIndicator: { lineWidth: 2, startAt: 89, endAt: 94, color: "#3366CC" }, |
| 85 |
largeIndicator: { lineWidth: 4, startAt: 83, endAt: 94, color: "#3366CC" }, |
| 86 |
hourHand: { lineWidth: 5, startAt: 0, endAt: 60 }, |
| 87 |
minuteHand: { lineWidth: 4, startAt: 0, endAt: 80 }, |
| 88 |
secondHand: { lineWidth: 1, startAt: -20, endAt: 85, color: "red", alpha: .85 }, |
| 89 |
secondDecoration: { lineWidth: 3, startAt: 0, radius: 2, fillColor: "black" } |
| 90 |
}, |
| 91 |
|
| 92 |
modern/*was gIG2*/: { |
| 93 |
outerBorder: { lineWidth: 185, radius: 1, color: "#E5ECF9" }, |
| 94 |
smallIndicator: { lineWidth: 5, startAt: 88, endAt: 94, color: "#3366CC" }, |
| 95 |
largeIndicator: { lineWidth: 5, startAt: 88, endAt: 94, color: "#3366CC" }, |
| 96 |
hourHand: { lineWidth: 8, startAt: 0, endAt: 60 }, |
| 97 |
minuteHand: { lineWidth: 8, startAt: 0, endAt: 80 }, |
| 98 |
secondHand: { lineWidth: 5, startAt: 80, endAt: 85, color: "red", alpha: .85 }, |
| 99 |
secondDecoration: { lineWidth: 3, startAt: 0, radius: 4, fillColor: "black" } |
| 100 |
}, |
| 101 |
|
| 102 |
simple/*was gIG3*/: { |
| 103 |
outerBorder: { lineWidth: 185, radius: 1, color: "#E5ECF9" }, |
| 104 |
smallIndicator: { lineWidth: 10, startAt: 90, endAt: 94, color: "#3366CC" }, |
| 105 |
largeIndicator: { lineWidth: 10, startAt: 90, endAt: 94, color: "#3366CC" }, |
| 106 |
hourHand: { lineWidth: 8, startAt: 0, endAt: 60 }, |
| 107 |
minuteHand: { lineWidth: 8, startAt: 0, endAt: 80 }, |
| 108 |
secondHand: { lineWidth: 5, startAt: 80, endAt: 85, color: "red", alpha: .85 }, |
| 109 |
secondDecoration: { lineWidth: 3, startAt: 0, radius: 4, fillColor: "black" } |
| 110 |
}, |
| 111 |
|
| 112 |
// by securephp |
| 113 |
securephp: { |
| 114 |
outerBorder: { lineWidth: 100, radius: 0.45, color: "#669900", alpha: 0.3 }, |
| 115 |
smallIndicator: { lineWidth: 2, startAt: 80, endAt: 90 , color: "green" }, |
| 116 |
largeIndicator: { lineWidth: 8.5, startAt: 20, endAt: 40 , color: "green", alpha: 0.4 }, |
| 117 |
hourHand: { lineWidth: 3, startAt: 0, endAt: 60 }, |
| 118 |
minuteHand: { lineWidth: 2, startAt: 0, endAt: 75 }, |
| 119 |
secondHand: { lineWidth: 1, startAt: -10, endAt: 80, color: "blue", alpha: 0.8 }, |
| 120 |
secondDecoration: { lineWidth: 1, startAt: 70, radius: 4, fillColor: "blue", color: "red" } |
| 121 |
}, |
| 122 |
|
| 123 |
tes2: { |
| 124 |
outerBorder: { lineWidth: 4, radius: 95, alpha: 0.5 }, |
| 125 |
smallIndicator: { lineWidth: 1, startAt: 10, endAt: 50 , color: "#66CCFF" }, |
| 126 |
largeIndicator: { lineWidth: 8.5, startAt: 60, endAt: 70, color: "#6699FF" }, |
| 127 |
hourHand: { lineWidth: 5, startAt: -15, endAt: 60, alpha: 0.7 }, |
| 128 |
minuteHand: { lineWidth: 3, startAt: -25, endAt: 75, alpha: 0.7 }, |
| 129 |
secondHand: { lineWidth: 1.5, startAt: -20, endAt: 88, color: "red" }, |
| 130 |
secondDecoration: { lineWidth: 1, startAt: 20, radius: 4, fillColor: "blue", color: "red" } |
| 131 |
}, |
| 132 |
|
| 133 |
lev: { |
| 134 |
outerBorder: { lineWidth: 10, radius: 95, color: "#CCFF33", alpha: 0.65 }, |
| 135 |
smallIndicator: { lineWidth: 5, startAt: 84, endAt: 90, color: "#996600" }, |
| 136 |
largeIndicator: { lineWidth: 40, startAt: 25, endAt: 95, color: "#336600", alpha: 0.55 }, |
| 137 |
hourHand: { lineWidth: 4, startAt: 0, endAt: 65, alpha: 0.9 }, |
| 138 |
minuteHand: { lineWidth: 3, startAt: 0, endAt: 80, alpha: 0.85 }, |
| 139 |
secondHand: { lineWidth: 1, startAt: 0, endAt: 85 }, |
| 140 |
secondDecoration: { lineWidth: 2, startAt: 5, radius: 10, fillColor: "black" } |
| 141 |
}, |
| 142 |
|
| 143 |
sand: { |
| 144 |
outerBorder: { lineWidth: 1, radius: 70, alpha: 0.5 }, |
| 145 |
smallIndicator: { lineWidth: 3, startAt: 50, endAt: 70, color: "#0066FF", alpha: 0.5 }, |
| 146 |
largeIndicator: { lineWidth: 200, startAt: 80, endAt: 95, color: "#996600", alpha: 0.75 }, |
| 147 |
hourHand: { lineWidth: 4, startAt: 0, endAt: 65, alpha: 0.9 }, |
| 148 |
minuteHand: { lineWidth: 3, startAt: 0, endAt: 80, alpha: 0.85 }, |
| 149 |
secondHand: { lineWidth: 1, startAt: 0, endAt: 85 }, |
| 150 |
secondDecoration: { lineWidth: 2, startAt: 5, radius: 10, fillColor: "black" } |
| 151 |
}, |
| 152 |
|
| 153 |
sun: { |
| 154 |
outerBorder: { lineWidth: 100, radius: 140, color: "#99FFFF", alpha: 0.2 }, |
| 155 |
smallIndicator: { lineWidth: 300, startAt: 50, endAt: 70, alpha: 0.1 }, |
| 156 |
largeIndicator: { lineWidth: 5, startAt: 80, endAt: 95, alpha: 0.65 }, |
| 157 |
hourHand: { lineWidth: 4, startAt: 0, endAt: 65, alpha: 0.9 }, |
| 158 |
minuteHand: { lineWidth: 3, startAt: 0, endAt: 80, alpha: 0.85 }, |
| 159 |
secondHand: { lineWidth: 1, startAt: 0, endAt: 90 }, |
| 160 |
secondDecoration: { lineWidth: 2, startAt: 5, radius: 10, fillColor: "black" } |
| 161 |
}, |
| 162 |
|
| 163 |
tor: { |
| 164 |
outerBorder: { lineWidth: 10, radius: 88, color: "#996600", alpha: 0.9 }, |
| 165 |
smallIndicator: { lineWidth: 6, startAt: -10, endAt: 73, color: "green", alpha: 0.3 }, |
| 166 |
largeIndicator: { lineWidth: 6, startAt: 73, endAt: 100, alpha: 0.65 }, |
| 167 |
hourHand: { lineWidth: 4, startAt: 0, endAt: 65 }, |
| 168 |
minuteHand: { lineWidth: 3, startAt: 0, endAt: 80 }, |
| 169 |
secondHand: { lineWidth: 1, startAt: -73, endAt: 73, alpha: 0.8 }, |
| 170 |
secondDecoration: { lineWidth: 2, startAt: 5, radius: 10, fillColor: "black" } |
| 171 |
}, |
| 172 |
|
| 173 |
cold: { |
| 174 |
outerBorder: { lineWidth: 15, radius: 90, alpha: 0.3 }, |
| 175 |
smallIndicator: { lineWidth: 15, startAt: -10, endAt: 95, color: "blue", alpha: 0.1 }, |
| 176 |
largeIndicator: { lineWidth: 3, startAt: 80, endAt: 95, color: "blue", alpha: 0.65 }, |
| 177 |
hourHand: { lineWidth: 4, startAt: 0, endAt: 65 }, |
| 178 |
minuteHand: { lineWidth: 3, startAt: 0, endAt: 80 }, |
| 179 |
secondHand: { lineWidth: 1, startAt: 0, endAt: 85, alpha: 0.8 }, |
| 180 |
secondDecoration: { lineWidth: 5, startAt: 30, radius: 10, fillColor: "black" } |
| 181 |
}, |
| 182 |
|
| 183 |
babosa: { |
| 184 |
outerBorder: { lineWidth: 100, radius: 25, color: "blue", alpha: 0.25 }, |
| 185 |
smallIndicator: { lineWidth: 3, startAt: 90, endAt: 95, color: "#3366CC" }, |
| 186 |
largeIndicator: { lineWidth: 4, startAt: 75, endAt: 95, color: "#3366CC" }, |
| 187 |
hourHand: { lineWidth: 4, startAt: 0, endAt: 60 }, |
| 188 |
minuteHand: { lineWidth: 3, startAt: 0, endAt: 85 }, |
| 189 |
secondHand: { lineWidth: 12, startAt: 75, endAt: 90, color: "red", alpha: 0.8 }, |
| 190 |
secondDecoration: { lineWidth: 3, startAt: 0, radius: 4, fillColor: "black" } |
| 191 |
}, |
| 192 |
|
| 193 |
tumb: { |
| 194 |
outerBorder: { lineWidth: 105, radius: 5, color: "green", alpha: 0.4 }, |
| 195 |
smallIndicator: { lineWidth: 1, startAt: 93, endAt: 98, color: "green" }, |
| 196 |
largeIndicator: { lineWidth: 50, startAt: 0, endAt: 89, color: "red", alpha: 0.14 }, |
| 197 |
hourHand: { lineWidth: 4, startAt: 0, endAt: 65 }, |
| 198 |
minuteHand: { lineWidth: 3, startAt: 0, endAt: 80 }, |
| 199 |
secondHand: { lineWidth: 1, startAt: 0, endAt: 85, alpha: 0.8 }, |
| 200 |
secondDecoration: { lineWidth: 5, startAt: 50, radius: 90, fillColor: "black", alpha: 0.05 } |
| 201 |
}, |
| 202 |
|
| 203 |
stone: { |
| 204 |
outerBorder: { lineWidth: 15, radius: 80, color: "#339933", alpha: 0.5 }, |
| 205 |
smallIndicator: { lineWidth: 2, startAt: 70, endAt: 90, color: "#FF3300", alpha: 0.7 }, |
| 206 |
largeIndicator: { lineWidth: 15, startAt: 0, endAt: 29, color: "#FF6600", alpha: 0.3 }, |
| 207 |
hourHand: { lineWidth: 4, startAt: 0, endAt: 65 }, |
| 208 |
minuteHand: { lineWidth: 3, startAt: 0, endAt: 75 }, |
| 209 |
secondHand: { lineWidth: 1, startAt: 0, endAt: 85, alpha: 0.8 }, |
| 210 |
secondDecoration: { lineWidth: 5, startAt: 50, radius: 90, fillColor: "black", alpha: 0.05 } |
| 211 |
}, |
| 212 |
|
| 213 |
disc: { |
| 214 |
outerBorder: { lineWidth: 105, radius: 1, color: "#666600", alpha: 0.2 }, |
| 215 |
smallIndicator: { lineWidth: 1, startAt: 58, endAt: 95, color: "#669900", alpha: 0.8 }, |
| 216 |
largeIndicator: { lineWidth: 6, startAt: 25, endAt: 35, color: "#666600" }, |
| 217 |
hourHand: { lineWidth: 4, startAt: 0, endAt: 65 }, |
| 218 |
minuteHand: { lineWidth: 3, startAt: 0, endAt: 75 }, |
| 219 |
secondHand: { lineWidth: 1, startAt: -75, endAt: 75, color: "#99CC00", alpha: 0.8 }, |
| 220 |
secondDecoration: { lineWidth: 5, startAt: 50, radius: 90, fillColor: "#00FF00", color: "green", alpha: 0.05 } |
| 221 |
}, |
| 222 |
|
| 223 |
// By Yoo Nhe |
| 224 |
watermelon: { |
| 225 |
outerBorder: { lineWidth: 100, radius: 1.7, color: "#d93d04", alpha: .75 }, |
| 226 |
smallIndicator: { lineWidth: 2, startAt: 50, endAt: 70, color: "#d93d04", alpha: .75 }, |
| 227 |
largeIndicator: { lineWidth: 2, startAt: 45, endAt: 94, color: "#a9bf04" }, |
| 228 |
hourHand: { lineWidth: 5, startAt: -20, endAt: 65, color: "#d93d04" }, |
| 229 |
minuteHand: { lineWidth: 3, startAt: -20, endAt: 80, color: "#a9bf04", alpha: .9 }, |
| 230 |
secondHand: { lineWidth: 2, startAt: 70, endAt: 94, color: "#d93d04", alpha: .75 }, |
| 231 |
secondDecoration: { lineWidth: 1, startAt: 70, radius: 3, fillColor: "#d93d04", color: "#d93d04", alpha: .75 } |
| 232 |
}, |
| 233 |
|
| 234 |
// By MrCarlLister |
| 235 |
mister: { |
| 236 |
largeIndicator: { lineWidth: 10, radius:5, startAt: 78, endAt: 98, color: "#76777b" }, |
| 237 |
hourHand: { lineWidth: 7, startAt: 10, endAt: 47, color: "#76777b" }, |
| 238 |
minuteHand: { lineWidth: 5, startAt:10, endAt: 65, color: "#76777b" }, |
| 239 |
secondHand: { lineWidth: 3, startAt: 0, endAt: 92, color: "#76777b" } |
| 240 |
} |
| 241 |
}; |
| 242 |
|
