Changeset 809559
- Timestamp:
- 11/24/2013 11:29:21 AM (12 years ago)
- Location:
- ubecube-3d-widget/trunk
- Files:
-
- 4 edited
-
animations_jU3D.js (modified) (1 diff)
-
readme.txt (modified) (1 diff)
-
style_jU3D.css (modified) (22 diffs)
-
ubecube_3d.php (modified) (4 diffs)
Legend:
- Unmodified
- Added
- Removed
-
ubecube-3d-widget/trunk/animations_jU3D.js
r741482 r809559 98 98 99 99 //Aggiungo i listener al contenitore. 100 document.getElement sByClassName( 'ubecube_3d' )[0].addEventListener( 'mouseover', Ubecube.mouseOverCube, false);101 document.getElement sByClassName( 'ubecube_3d' )[0].addEventListener( 'mouseout', Ubecube.mouseOutCube, false);102 document.getElement sByClassName( 'ubecube_3d' )[0].addEventListener( 'touchend', Ubecube.mouseOutCube, false); //Per dispositivi touch.100 document.getElementById( 'ubecube_3d' ).addEventListener( 'mouseover', Ubecube.mouseOverCube, false); 101 document.getElementById( 'ubecube_3d' ).addEventListener( 'mouseout', Ubecube.mouseOutCube, false); 102 document.getElementById( 'ubecube_3d' ).addEventListener( 'touchend', Ubecube.mouseOutCube, false); //Per dispositivi touch. 103 103 document.getElementsByClassName( 'ubecubeNav' )[0].addEventListener( 'mouseover', Ubecube.mouseOverCube, false); 104 104 document.getElementsByClassName( 'ubecubeNav' )[0].addEventListener( 'mouseout', Ubecube.mouseOutCube, false); -
ubecube-3d-widget/trunk/readme.txt
r741504 r809559 4 4 Tags: widget, news, cube, 3D 5 5 Requires at least: 3.5.1 6 Tested up to: 3. 5.26 Tested up to: 3.7.1 7 7 Stable tag: 1.0 8 8 License: GPLv2 or later -
ubecube-3d-widget/trunk/style_jU3D.css
r741482 r809559 1 /* GLOBAL */ 2 3 #ubecube_3d * { 4 -webkit-box-sizing: content-box; 5 -moz-box-sizing: content-box; 6 box-sizing: content-box; 7 } 8 9 .ubecubeNav img { 10 display: inline; 11 } 12 1 13 /* TEXT */ 2 14 3 .ubecube_3d h5,4 .ubecube_3d p {15 #ubecube_3d h5, 16 #ubecube_3d p { 5 17 font-family: Helvetica, Arial, sans-serif; 6 18 font-weight: 300; … … 9 21 margin: 0; 10 22 padding: 0; 11 color: #777777 ;23 color: #777777 !important; 12 24 } 13 25 14 26 /* News' Title */ 15 .ubecube_3d h5 {27 #ubecube_3d h5 { 16 28 font-weight: bold; 17 29 text-align: center; … … 19 31 20 32 /* News' Text */ 21 .ubecube_3d p {33 #ubecube_3d p { 22 34 text-align: left; 23 35 } 24 36 25 37 /* Trattini a capo */ 26 .ubecube_3d p {38 #ubecube_3d p { 27 39 -webkit-hyphens: auto; 28 40 -moz-hyphens: auto; … … 159 171 160 172 /* Cube Container */ 161 .ubecube_3d {173 #ubecube_3d { 162 174 width: 150px; 163 175 height: 150px; … … 170 182 171 183 /* Cube */ 172 .ubecube_3d .cube_3d {184 #ubecube_3d .cube_3d { 173 185 width: 100%; 174 186 height: 100%; … … 193 205 194 206 /* All Face */ 195 .ubecube_3d .cube_3d li {207 #ubecube_3d .cube_3d li { 196 208 width: 142px; 197 209 height: 145px; … … 199 211 display: block; 200 212 position: absolute; 201 background-color: #F9F9F9 ;202 border: 1px solid #EEEEEE ;213 background-color: #F9F9F9 !important; 214 border: 1px solid #EEEEEE !important; 203 215 overflow: hidden; 204 216 -webkit-backface-visibility: hidden; … … 208 220 209 221 /* Front Face */ 210 .ubecube_3d .cube_3d li:nth-child(1) {222 #ubecube_3d .cube_3d li:nth-child(1) { 211 223 -webkit-transform: translateZ( 75px ); 212 224 -moz-transform: translateZ( 75px ); … … 215 227 216 228 /* Back Face */ 217 .ubecube_3d .cube_3d li:nth-child(2) {229 #ubecube_3d .cube_3d li:nth-child(2) { 218 230 -webkit-transform: rotateX( 180deg ) translateZ( 75px ); 219 231 -moz-transform: rotateX( 180deg ) translateZ( 75px ); … … 222 234 223 235 /* Right Face */ 224 .ubecube_3d .cube_3d li:nth-child(3) {236 #ubecube_3d .cube_3d li:nth-child(3) { 225 237 -webkit-transform: rotateY( 90deg ) translateZ( 75px ); 226 238 -moz-transform: rotateY( 90deg ) translateZ( 75px ); … … 229 241 230 242 /* Left Face */ 231 .ubecube_3d .cube_3d li:nth-child(4) {243 #ubecube_3d .cube_3d li:nth-child(4) { 232 244 -webkit-transform: rotateY( -90deg ) translateZ( 75px ); 233 245 -moz-transform: rotateY( -90deg ) translateZ( 75px ); … … 236 248 237 249 /* Top Face */ 238 .ubecube_3d .cube_3d li:nth-child(5) {250 #ubecube_3d .cube_3d li:nth-child(5) { 239 251 -webkit-transform: rotateX( 90deg ) translateZ( 75px ); 240 252 -moz-transform: rotateX( 90deg ) translateZ( 75px ); … … 243 255 244 256 /* Bottom Face */ 245 .ubecube_3d .cube_3d li:nth-child(6) {257 #ubecube_3d .cube_3d li:nth-child(6) { 246 258 -webkit-transform: rotateX( -90deg ) translateZ( 75px ); 247 259 -moz-transform: rotateX( -90deg ) translateZ( 75px ); … … 253 265 254 266 /* Show Front Face */ 255 .ubecube_3d .cube_3d.showFront {267 #ubecube_3d .cube_3d.showFront { 256 268 -webkit-transform: translateZ( -75px ); 257 269 -moz-transform: translateZ( -75px ); … … 260 272 261 273 /* Show Back Face */ 262 .ubecube_3d .cube_3d.showBack {274 #ubecube_3d .cube_3d.showBack { 263 275 -webkit-transform: translateZ( -75px ) rotateX( 180deg ); 264 276 -moz-transform: translateZ( -75px ) rotateX( 180deg ); … … 267 279 268 280 /* Show Right Face */ 269 .ubecube_3d .cube_3d.showRight {281 #ubecube_3d .cube_3d.showRight { 270 282 -webkit-transform: translateZ( -75px ) rotateY( -90deg ); 271 283 -moz-transform: translateZ( -75px ) rotateY( -90deg ); … … 274 286 275 287 /* Show Left Face */ 276 .ubecube_3d .cube_3d.showLeft {288 #ubecube_3d .cube_3d.showLeft { 277 289 -webkit-transform: translateZ( -75px ) rotateY( 90deg ); 278 290 -moz-transform: translateZ( -75px ) rotateY( 90deg ); … … 281 293 282 294 /* Show Top Face */ 283 .ubecube_3d .cube_3d.showTop {295 #ubecube_3d .cube_3d.showTop { 284 296 -webkit-transform: translateZ( -75px ) rotateX( -90deg ); 285 297 -moz-transform: translateZ( -75px ) rotateX( -90deg ); … … 288 300 289 301 /* Show Bottom Face */ 290 .ubecube_3d .cube_3d.showBottom {302 #ubecube_3d .cube_3d.showBottom { 291 303 -webkit-transform: translateZ( -75px ) rotateX( 90deg ); 292 304 -moz-transform: translateZ( -75px ) rotateX( 90deg ); … … 297 309 /* NO JavaScript or NO 3D support Styles */ 298 310 299 .ubecube_3d .no_3d_support {311 #ubecube_3d .no_3d_support { 300 312 width: 100%; 301 313 height: 100%; … … 303 315 } 304 316 305 .ubecube_3d .no_3d_support li {317 #ubecube_3d .no_3d_support li { 306 318 width: 120px; 307 319 min-height: 145px; … … 309 321 margin: 3px 0; 310 322 display: block; 311 background-color: #F9F9F9 ;312 border: 1px solid #EEEEEE ;323 background-color: #F9F9F9 !important; 324 border: 1px solid #EEEEEE !important; 313 325 overflow: hidden; 314 326 } 315 327 316 .ubecube_3d .no_3d_support ~ .nextNews,317 .ubecube_3d .no_3d_support ~ .previousNews,318 .ubecube_3d .no_3d_support ~ .pauseLoop {328 #ubecube_3d .no_3d_support ~ .nextNews, 329 #ubecube_3d .no_3d_support ~ .previousNews, 330 #ubecube_3d .no_3d_support ~ .pauseLoop { 319 331 display: none; 320 332 } -
ubecube-3d-widget/trunk/ubecube_3d.php
r741482 r809559 1 <? 1 <?php 2 2 3 3 /* … … 5 5 Plugin Script: ubecube_3d.php 6 6 Description: Widget News animated with 3d Cube. 7 Version: 1. 07 Version: 1.1 8 8 License: GPLv2 or later 9 9 Author: JacopoG … … 41 41 ?> 42 42 <!-- START Cube Container --> 43 <div class="ubecube_3d">43 <div id="ubecube_3d"> 44 44 45 45 <!-- START 3D Cube --> … … 114 114 </div> 115 115 <!-- END Ubecube Navigator --> 116 <? 116 <?php 117 117 118 118 echo $after_widget;
Note: See TracChangeset
for help on using the changeset viewer.