/* available controllers: - whiteControllers - blackControllers */ /* the container */ .audio2_html5 { } .xaudioplaylist { display:none; } /* jquery ui styles */ .ui-slider-handle { position: absolute; z-index: 2; display: block; margin-left:-0.6em; cursor: default; outline: none; } .ui-slider-range { display:block; width:100%; height:100%; left:0; bottom: 0; border:0 none; position:absolute; z-index:1; } .ui-progressbar { } .ui-progressbar-value { height:100%; } /* whiteControllers */ .audio2_html5.whiteControllers { float: left; position: relative; font:11px Arial, Helvetica, sans-serif; color:#FFF; margin:0; padding:0; } .audio2_html5.whiteControllers .AudioControls { width: 100%; margin:0; padding:0; } .audio2_html5.whiteControllers .ximage_lbg { position:absolute; width: 80px; height: 80px; margin:0; padding:0; overflow:hidden; } /* rewind */ .audio2_html5.whiteControllers .AudioRewind { position:absolute; cursor: pointer; display: block; margin:0; padding:0; z-index:1; width: 12px; height: 14px; background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/rewind-off.png) no-repeat; } .audio2_html5.whiteControllers .AudioRewind:hover { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/rewind-on.png) no-repeat; } .audio2_html5.whiteControllers .AudioShuffle { position:absolute; cursor: pointer; display: block; margin:0; padding:0; z-index:1; width: 19px; height: 14px; background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/shuffle-off.png) no-repeat; } .audio2_html5.whiteControllers .AudioShuffle:hover { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/shuffle-on.png) no-repeat; } .audio2_html5.whiteControllers .AudioShuffleON { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/shuffle-on.png) no-repeat; } .audio2_html5.whiteControllers .AudioDownload { position:absolute; cursor: pointer; display: block; margin:0; padding:0; z-index:1; width: 15px; height: 14px; background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/download-off.png) no-repeat; } .audio2_html5.whiteControllers .AudioDownload:hover { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/download-on.png) no-repeat; } .audio2_html5.whiteControllers .AudioBuy { position:absolute; cursor: pointer; display: block; margin:0; padding:0; z-index:1; width: 15px; height: 14px; background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/buy-off.png) no-repeat; } .audio2_html5.whiteControllers .AudioBuy:hover { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/buy-on.png) no-repeat; } .audio2_html5.whiteControllers .AudioLyrics { position:absolute; cursor: pointer; display: block; margin:0; padding:0; z-index:1; width: 15px; height: 14px; background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/lyrics-off.png) no-repeat; } .audio2_html5.whiteControllers .AudioLyrics:hover { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/lyrics-on.png) no-repeat; } .audio2_html5.whiteControllers .AudioFacebook { position:absolute; cursor: pointer; display: block; margin:0; padding:0; z-index:1; width: 7px; height: 14px; background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/facebook-off.png) no-repeat; } .audio2_html5.whiteControllers .AudioFacebook:hover { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/facebook-on.png) no-repeat; } .audio2_html5.whiteControllers .AudioTwitter { position:absolute; cursor: pointer; display: block; margin:0; padding:0; z-index:1; width: 14px; height: 14px; background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/twitter-off.png) no-repeat; } .audio2_html5.whiteControllers .AudioTwitter:hover { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/twitter-on.png) no-repeat; } /* play */ .audio2_html5.whiteControllers .AudioPlay { position:absolute; cursor: pointer; display: block; margin:0; padding:0; width: 37px; height: 37px; background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/play-off.png) no-repeat; } .audio2_html5.whiteControllers .AudioPlay:hover { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/play-on.png) no-repeat; } /* pause */ .audio2_html5.whiteControllers .AudioPause { position:absolute; cursor: pointer; display: block; margin:0; padding:0; width: 37px; height: 37px; background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/pause-off.png) no-repeat; } .audio2_html5.whiteControllers .AudioPause:hover { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/pause-on.png) no-repeat; } /* prev */ .audio2_html5.whiteControllers .AudioPrev { position:absolute; cursor: pointer; display: block; margin:0; padding:0; width: 27px; height: 26px; background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/prev-off.png) no-repeat; } .audio2_html5.whiteControllers .AudioPrev:hover { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/prev-on.png) no-repeat; } /* next */ .audio2_html5.whiteControllers .AudioNext { position:absolute; cursor: pointer; display: block; margin:0; padding:0; width: 27px; height: 26px; background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/next-off.png) no-repeat; } .audio2_html5.whiteControllers .AudioNext:hover { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/next-on.png) no-repeat; } .audio2_html5.whiteControllers .bordersDiv { position:absolute; display: block; margin:0; padding:0; height: 20px; z-index:0; border-top-width:1px; border-top-style:solid; border-top-color:#000000; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#000000; } /*show/hide playlist */ .audio2_html5.whiteControllers .AudioShowHidePlaylist { position:absolute; cursor: pointer; display: block; margin:0; padding:0; z-index:1; width: 12px; height: 14px; background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/showhideplaylist-off.png) no-repeat; } .audio2_html5.whiteControllers .AudioShowHidePlaylist:hover { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/showhideplaylist-on.png) no-repeat; } /* volume button Mute & UnMute*/ .audio2_html5.whiteControllers .VolumeButton { position:absolute; cursor: pointer; display: block; margin:0; padding:0; width: 7px; height: 10px; background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/volume-off.png) no-repeat; } .audio2_html5.whiteControllers .VolumeButton:hover { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/volume-on.png) no-repeat; } .audio2_html5.whiteControllers .VolumeButtonMuted { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/volumeMute-off.png) no-repeat; } .audio2_html5.whiteControllers .VolumeButtonMuted:hover { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/volumeMute-on.png) no-repeat; } /* volume slider */ .audio2_html5.whiteControllers .VolumeSlider { position:absolute; cursor: pointer; display: block; margin:0; padding:0; width:100px; height:4px; } .audio2_html5.whiteControllers .VolumeSlider .ui-slider-handle { display:none; } .audio2_html5.whiteControllers .VolumeSlider .ui-slider-handle.ui-state-hover { } .audio2_html5.whiteControllers .VolumeSlider .ui-slider-range { position:relative; height:4px; } /* timer */ .audio2_html5.whiteControllers .AudioTimer_a { position:absolute; display: block; margin:0; padding:0; line-height:1; font-weight: normal; } .audio2_html5.whiteControllers .AudioTimer_b { position:absolute; display: block; margin:0; height:auto; padding:0; line-height:1; display: block; font-weight: normal; } /* buffer */ .audio2_html5.whiteControllers .AudioBuffer { position:absolute; cursor: pointer; display: block; height: 4px; margin:0; padding:0; } .audio2_html5.whiteControllers .AudioBuffer .ui-widget-content { } .audio2_html5.whiteControllers .AudioBuffer .ui-widget-header { } /* seek */ .audio2_html5.whiteControllers .AudioSeek { cursor: pointer; position:absolute; height: 4px; margin:0; padding:0; } .audio2_html5.whiteControllers .AudioSeek .ui-slider-handle { display:none; } .audio2_html5.whiteControllers .AudioSeek .ui-slider-handle.ui-state-hover { } .audio2_html5.whiteControllers .AudioSeek .ui-slider-range { height:4px; } /*song Author & Title*/ .audio2_html5.whiteControllers .songTitle { position:absolute; float:left; display: block; overflow:hidden; height:14px; margin:0; padding:0; line-height:1; font-weight: normal; } .audio2_html5.whiteControllers .songTitleInside { position: absolute; white-space: nowrap; } .audio2_html5.whiteControllers .songAuthor { position:absolute; float:left; display: block; overflow:hidden; height:12px; margin:0; padding:0; line-height:1; font-weight: normal; } /* playlist */ .audio2_html5.whiteControllers .selectedCategDiv { cursor: pointer; margin:0; padding:0px 0px; text-align:center; background-image:url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/categories_arrow_bg.png); background-repeat:no-repeat; } .audio2_html5.whiteControllers .innerSelectedCategDiv { cursor: pointer; overflow:hidden; height:25px; margin:0; padding:0px 10%; text-align:center; font-size:13px; line-height:1.9; font-weight:bold; background-image:url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/categories_arrow_bg.png); background-repeat:no-repeat; } .audio2_html5.whiteControllers .searchDiv { margin:0; padding:0; background-image:url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/search_icon.png); background-repeat:no-repeat; background-position: 10px 50%; } .audio2_html5.whiteControllers .search_term { background-color:#FFF; border: 1px solid #333333; color: #000000; font:11px Arial, Helvetica, sans-serif; margin:3px 30px; padding: 1px; } .audio2_html5.whiteControllers .thumbsHolderWrapper { position:absolute; height:100%; margin-top:0px; overflow:hidden; } .audio2_html5.whiteControllers .thumbsHolderVisibleWrapper { position:relative; height:100%; overflow:hidden; clear:both;/*new*/ } .audio2_html5.whiteControllers .thumbsHolder { position:absolute; text-align:left; } /* thumbsOFF */ .audio2_html5.whiteControllers .thumbsHolder_ThumbOFF { display:block; height:30px; cursor: pointer; background:#000; overflow:hidden; border-bottom:1px solid #ff0000; line-height:2.5em; } .audio2_html5.whiteControllers .thumbsHolder_ThumbOFF .padding { padding:2px 10px 10px 10px; } /* scroller start */ .audio2_html5.whiteControllers .slider-vertical { display:none; position:absolute; width:9px; } .audio2_html5.whiteControllers .slider-vertical.ui-slider { position: relative;} .audio2_html5.whiteControllers .slider-vertical.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 9px; height: 16px; cursor: pointer; background:url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/scrollerFaceOFF.png) 0 0 no-repeat; } .audio2_html5.whiteControllers .slider-vertical.ui-slider .ui-slider-handle:hover { background:url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/whiteControllers/scrollerFaceON.png) 0 0 no-repeat; } .audio2_html5.whiteControllers .slider-vertical.ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; } .audio2_html5.whiteControllers .slider-vertical.ui-slider-vertical { width: 9px; height: 100px; } .audio2_html5.whiteControllers .slider-vertical.ui-slider-vertical .ui-slider-handle { left: 0px; margin-left: 0px; margin-bottom: -16px;; border: 0; } .audio2_html5.whiteControllers .slider-vertical.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .audio2_html5.whiteControllers .slider-vertical.ui-slider-vertical .ui-slider-range-min { bottom: 0; } .audio2_html5.whiteControllers .slider-vertical.ui-slider-vertical .ui-slider-range-max { top: 0; } /* Component containers ----------------------------------*/ .audio2_html5.whiteControllers .slider-vertical.ui-widget-content { } .audio2_html5.whiteControllers .slider-vertical .ui-widget-header { } /* Corner radius */ .audio2_html5.whiteControllers .slider-vertical.ui-corner-all {} /* scroller end */ /* blackControllers */ .audio2_html5.blackControllers { float: left; position: relative; font:11px Arial, Helvetica, sans-serif; color:#FFF; margin:0; padding:0; } .audio2_html5.blackControllers .AudioControls { width: 100%; margin:0; padding:0; } .audio2_html5.blackControllers .ximage_lbg { position:absolute; width: 80px; height: 80px; margin:0; padding:0; overflow:hidden; } /* rewind */ .audio2_html5.blackControllers .AudioRewind { position:absolute; cursor: pointer; display: block; margin:0; padding:0; z-index:1; width: 12px; height: 14px; background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/rewind-off.png) no-repeat; } .audio2_html5.blackControllers .AudioRewind:hover { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/rewind-on.png) no-repeat; } .audio2_html5.blackControllers .AudioShuffle { position:absolute; cursor: pointer; display: block; margin:0; padding:0; z-index:1; width: 19px; height: 14px; background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/shuffle-off.png) no-repeat; } .audio2_html5.blackControllers .AudioShuffle:hover { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/shuffle-on.png) no-repeat; } .audio2_html5.blackControllers .AudioShuffleON { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/shuffle-on.png) no-repeat; } .audio2_html5.blackControllers .AudioDownload { position:absolute; cursor: pointer; display: block; margin:0; padding:0; z-index:1; width: 15px; height: 14px; background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/download-off.png) no-repeat; } .audio2_html5.blackControllers .AudioDownload:hover { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/download-on.png) no-repeat; } .audio2_html5.blackControllers .AudioBuy { position:absolute; cursor: pointer; display: block; margin:0; padding:0; z-index:1; width: 15px; height: 14px; background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/buy-off.png) no-repeat; } .audio2_html5.blackControllers .AudioBuy:hover { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/buy-on.png) no-repeat; } .audio2_html5.blackControllers .AudioLyrics { position:absolute; cursor: pointer; display: block; margin:0; padding:0; z-index:1; width: 15px; height: 14px; background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/lyrics-off.png) no-repeat; } .audio2_html5.blackControllers .AudioLyrics:hover { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/lyrics-on.png) no-repeat; } .audio2_html5.blackControllers .AudioFacebook { position:absolute; cursor: pointer; display: block; margin:0; padding:0; z-index:1; width: 7px; height: 14px; background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/facebook-off.png) no-repeat; } .audio2_html5.blackControllers .AudioFacebook:hover { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/facebook-on.png) no-repeat; } .audio2_html5.blackControllers .AudioTwitter { position:absolute; cursor: pointer; display: block; margin:0; padding:0; z-index:1; width: 14px; height: 14px; background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/twitter-off.png) no-repeat; } .audio2_html5.blackControllers .AudioTwitter:hover { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/twitter-on.png) no-repeat; } /* play */ .audio2_html5.blackControllers .AudioPlay { position:absolute; cursor: pointer; display: block; margin:0; padding:0; width: 37px; height: 37px; background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/play-off.png) no-repeat; } .audio2_html5.blackControllers .AudioPlay:hover { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/play-on.png) no-repeat; } /* pause */ .audio2_html5.blackControllers .AudioPause { position:absolute; cursor: pointer; display: block; margin:0; padding:0; width: 37px; height: 37px; background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/pause-off.png) no-repeat; } .audio2_html5.blackControllers .AudioPause:hover { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/pause-on.png) no-repeat; } /* prev */ .audio2_html5.blackControllers .AudioPrev { position:absolute; cursor: pointer; display: block; margin:0; padding:0; width: 27px; height: 26px; background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/prev-off.png) no-repeat; } .audio2_html5.blackControllers .AudioPrev:hover { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/prev-on.png) no-repeat; } /* next */ .audio2_html5.blackControllers .AudioNext { position:absolute; cursor: pointer; display: block; margin:0; padding:0; width: 27px; height: 26px; background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/next-off.png) no-repeat; } .audio2_html5.blackControllers .AudioNext:hover { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/next-on.png) no-repeat; } .audio2_html5.blackControllers .bordersDiv { position:absolute; display: block; margin:0; padding:0; height: 20px; z-index:0; border-top-width:1px; border-top-style:solid; border-top-color:#000000; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#000000; } /*show/hide playlist */ .audio2_html5.blackControllers .AudioShowHidePlaylist { position:absolute; cursor: pointer; display: block; margin:0; padding:0; z-index:1; width: 12px; height: 14px; background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/showhideplaylist-off.png) no-repeat; } .audio2_html5.blackControllers .AudioShowHidePlaylist:hover { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/showhideplaylist-on.png) no-repeat; } /* volume button Mute & UnMute*/ .audio2_html5.blackControllers .VolumeButton { position:absolute; cursor: pointer; display: block; margin:0; padding:0; width: 7px; height: 10px; background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/volume-off.png) no-repeat; } .audio2_html5.blackControllers .VolumeButton:hover { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/volume-on.png) no-repeat; } .audio2_html5.blackControllers .VolumeButtonMuted { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/volumeMute-off.png) no-repeat; } .audio2_html5.blackControllers .VolumeButtonMuted:hover { background: url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/volumeMute-on.png) no-repeat; } /* volume slider */ .audio2_html5.blackControllers .VolumeSlider { position:absolute; cursor: pointer; display: block; margin:0; padding:0; width:100px; height:4px; } .audio2_html5.blackControllers .VolumeSlider .ui-slider-handle { display:none; } .audio2_html5.blackControllers .VolumeSlider .ui-slider-handle.ui-state-hover { } .audio2_html5.blackControllers .VolumeSlider .ui-slider-range { position:relative; height:4px; } /* timer */ .audio2_html5.blackControllers .AudioTimer_a { position:absolute; display: block; margin:0; padding:0; line-height:1; font-weight: normal; } .audio2_html5.blackControllers .AudioTimer_b { position:absolute; display: block; margin:0; height:auto; padding:0; line-height:1; display: block; font-weight: normal; } /* buffer */ .audio2_html5.blackControllers .AudioBuffer { position:absolute; cursor: pointer; display: block; height: 4px; margin:0; padding:0; } .audio2_html5.blackControllers .AudioBuffer .ui-widget-content { } .audio2_html5.blackControllers .AudioBuffer .ui-widget-header { } /* seek */ .audio2_html5.blackControllers .AudioSeek { cursor: pointer; position:absolute; height: 4px; margin:0; padding:0; } .audio2_html5.blackControllers .AudioSeek .ui-slider-handle { display:none; } .audio2_html5.blackControllers .AudioSeek .ui-slider-handle.ui-state-hover { } .audio2_html5.blackControllers .AudioSeek .ui-slider-range { height:4px; } /*song Author & Title*/ .audio2_html5.blackControllers .songTitle { position:absolute; float:left; display: block; overflow:hidden; height:14px; margin:0; padding:0; line-height:1; font-weight: normal; } .audio2_html5.blackControllers .songTitleInside { position: absolute; white-space: nowrap; } .audio2_html5.blackControllers .songAuthor { position:absolute; float:left; display: block; overflow:hidden; height:12px; margin:0; padding:0; line-height:1; font-weight: normal; } /* playlist */ .audio2_html5.blackControllers .selectedCategDiv { cursor: pointer; margin:0; padding:0px 0px; text-align:center; background-image:url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/categories_arrow_bg.png); background-repeat:no-repeat; } .audio2_html5.blackControllers .innerSelectedCategDiv { cursor: pointer; overflow:hidden; height:25px; margin:0; padding:0px 10%; text-align:center; font-size:13px; line-height:1.9; font-weight:bold; background-image:url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/categories_arrow_bg.png); background-repeat:no-repeat; } .audio2_html5.blackControllers .searchDiv { margin:0; padding:0; background-image:url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/search_icon.png); background-repeat:no-repeat; background-position: 10px 50%; } .audio2_html5.blackControllers .search_term { background-color:#FFF; border: 1px solid #333333; color: #000000; font:11px Arial, Helvetica, sans-serif; margin:3px 30px; padding: 1px; } .audio2_html5.blackControllers .thumbsHolderWrapper { position:absolute; height:100%; margin-top:0px; overflow:hidden; } .audio2_html5.blackControllers .thumbsHolderVisibleWrapper { position:relative; height:100%; overflow:hidden; clear:both;/*new*/ } .audio2_html5.blackControllers .thumbsHolder { position:absolute; text-align:left; } /* thumbsOFF */ .audio2_html5.blackControllers .thumbsHolder_ThumbOFF { display:block; height:30px; cursor: pointer; background:#000; overflow:hidden; border-bottom:1px solid #ff0000; line-height:2.5em; } .audio2_html5.blackControllers .thumbsHolder_ThumbOFF .padding { padding:2px 10px 10px 10px; } /* scroller start */ .audio2_html5.blackControllers .slider-vertical { display:none; position:absolute; width:9px; } .audio2_html5.blackControllers .slider-vertical.ui-slider { position: relative;} .audio2_html5.blackControllers .slider-vertical.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 9px; height: 16px; cursor: pointer; background:url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/scrollerFaceOFF.png) 0 0 no-repeat; } .audio2_html5.blackControllers .slider-vertical.ui-slider .ui-slider-handle:hover { background:url(//ladiscoteca.org/wp-content/plugins/lbg-audio2-html5/audio2_html5/controllers/blackControllers/scrollerFaceON.png) 0 0 no-repeat; } .audio2_html5.blackControllers .slider-vertical.ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; } .audio2_html5.blackControllers .slider-vertical.ui-slider-vertical { width: 9px; height: 100px; } .audio2_html5.blackControllers .slider-vertical.ui-slider-vertical .ui-slider-handle { left: 0px; margin-left: 0px; margin-bottom: -16px;; border: 0; } .audio2_html5.blackControllers .slider-vertical.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .audio2_html5.blackControllers .slider-vertical.ui-slider-vertical .ui-slider-range-min { bottom: 0; } .audio2_html5.blackControllers .slider-vertical.ui-slider-vertical .ui-slider-range-max { top: 0; } /* Component containers ----------------------------------*/ .audio2_html5.blackControllers .slider-vertical.ui-widget-content { } .audio2_html5.blackControllers .slider-vertical .ui-widget-header { } /* Corner radius */ .audio2_html5.blackControllers .slider-vertical.ui-corner-all {} /* scroller end */ .hideElement { display:none; } .clearBoth { clear: both; }/* the container */ .logogridshowcase { position:relative; } .logogridshowcase img { max-width:none; max-height:none; } .lbg_grayscale{ filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ -o-filter: grayscale(100%); } .lbg_grayscale.disabled { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); -o-filter: grayscale(0%); } .logs_list { margin:0; padding:0; list-style:none; display:none; } .colHolderUnit { } .colHolderUnit a { border:0; } .hideElement { display:none; } .ui-helper-hidden-accessible { position: absolute; left: -9999px; } /* jQuery-UI TOOL TIP */ .ui-tooltip { padding:8px; position:absolute; z-index:9999; } .ui-tooltip, .lbg_grid_arrow:after { background: #333; } .ui-tooltip { background: #333; color: #FFFFFF; padding: 8px 8px; border-radius: 4px; } .lbg_grid_arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -33px; bottom: -16px; } .lbg_grid_arrow.top { top: -16px; bottom: auto; } .lbg_grid_arrow.left { left: 20%; } .lbg_grid_arrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); tranform: rotate(45deg); } .lbg_grid_arrow.top:after { bottom: -20px; top: auto; }/* skins available: - black - white */ /* the container */ .logo_carousel { position:relative; } .logo_carousel img { max-width:none; max-height:none; } .lbg_carousel_grayscale { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ -o-filter: grayscale(100%); } .lbg_carousel_grayscale.disabled { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); -o-filter: grayscale(0%); } .logo_carousel_list { margin:0; padding:0; list-style:none; display:none; } .logo_carousel .contentHolder { position:relative; overflow:hidden; } .mycanvas { position:absolute; top:8px; right:10px; z-index:1000; } .myloader { background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/carousel/skins/loader.gif); width:37px; height:37px; position:absolute; left:49%; top:49%; z-index:999; } .hideElement { display:none; } .ui-helper-hidden-accessible { position: absolute; left: -9999px; } /***black SKIN***/ .logo_carousel.black .thumbsHolderWrapper { width:100%; overflow:hidden; } .logo_carousel.black .thumbsHolderVisibleWrapper { position:absolute; width:100%; overflow:hidden; } .logo_carousel.black .thumbsHolder { position:absolute; height:100%; } .logo_carousel.black .thumbsHolder_ThumbOFF { float:left; display:block; height:100px; } .logo_carousel.black .thumbsHolder_ThumbOFF img { position:relative; } .logo_carousel.black .thumbsHolder_ThumbON { background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/carousel/css/skins/cool/thumbActiveArrow.png) center 0px no-repeat; } .logo_carousel.black .titlez { font-family:'PT Sans', sans-serif; font-weight:bold; line-height:1.35; } .logo_carousel.black .descz { font-family:'PT Sans', sans-serif; font-weight:normal; line-height:1.5; } .logo_carousel.black .descz a { color:#F00; text-decoration:none; } .logo_carousel.black .descz a:hover { text-decoration: underline; } .logo_carousel.black .carouselLeftNav { position:absolute; width:40px; height:34px; background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/carousel/skins/black/leftNavOFF.png) 0px 0px no-repeat; cursor: pointer; } .logo_carousel.black .carouselLeftNav:hover { background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/carousel/skins/black/leftNavON.png) 0px 0px no-repeat; } .logo_carousel.black .carouselLeftNavDisabled { background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/carousel/skins/black/leftNavDisabled.png) 0px 0px no-repeat; cursor:default; } .logo_carousel.black .carouselLeftNavDisabled:hover { background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/carousel/skins/black/leftNavDisabled.png) 0px 0px no-repeat; } .logo_carousel.black .carouselRightNav { position:absolute; width:40px; height:34px; background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/carousel/skins/black/rightNavOFF.png) 6px 0px no-repeat; cursor: pointer; } .logo_carousel.black .carouselRightNav:hover { background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/carousel/skins/black/rightNavON.png) 6px 0px no-repeat; } .logo_carousel.black .carouselRightNavDisabled { background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/carousel/skins/black/rightNavDisabled.png) 6px 0px no-repeat; cursor:default; } .logo_carousel.black .carouselRightNavDisabled:hover { background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/carousel/skins/black/rightNavDisabled.png) 6px 0px no-repeat; } .logo_carousel.black .bottomNav { position:absolute; height:35px; width:0; z-index:140; } .logo_carousel.black .bottomNavButtonOFF { float:left; display:block; width:12px; height:12px; background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/carousel/skins/black/bottomNavOFF.png) 0 0 no-repeat; padding-left:9px; cursor: pointer; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } .logo_carousel.black .bottomNavButtonON { float:left; display:block; width:12px; height:12px; padding-left:9px; background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/carousel/skins/black/bottomNavON.png) 0 0 no-repeat; cursor: pointer; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } /***white SKIN***/ .logo_carousel.white .thumbsHolderWrapper { width:100%; overflow:hidden; } .logo_carousel.white .thumbsHolderVisibleWrapper { position:absolute; width:100%; overflow:hidden; } .logo_carousel.white .thumbsHolder { position:absolute; height:100%; } .logo_carousel.white .thumbsHolder_ThumbOFF { float:left; display:block; height:100px; } .logo_carousel.white .thumbsHolder_ThumbOFF img { position:relative; } .logo_carousel.white .thumbsHolder_ThumbON { background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/carousel/css/skins/cool/thumbActiveArrow.png) center 0px no-repeat; } .logo_carousel.white .titlez { font-family:'PT Sans', sans-serif; font-weight:bold; line-height:1.35; } .logo_carousel.white .descz { font-family:'PT Sans', sans-serif; font-weight:normal; line-height:1.5; } .logo_carousel.white .descz a { color:#F00; text-decoration:none; } .logo_carousel.white .descz a:hover { text-decoration: underline; } .logo_carousel.white .carouselLeftNav { position:absolute; width:40px; height:34px; background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/carousel/skins/white/leftNavOFF.png) 0px 0px no-repeat; cursor: pointer; } .logo_carousel.white .carouselLeftNav:hover { background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/carousel/skins/white/leftNavON.png) 0px 0px no-repeat; } .logo_carousel.white .carouselLeftNavDisabled { background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/carousel/skins/white/leftNavDisabled.png) 0px 0px no-repeat; cursor:default; } .logo_carousel.white .carouselLeftNavDisabled:hover { background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/carousel/skins/white/leftNavDisabled.png) 0px 0px no-repeat; } .logo_carousel.white .carouselRightNav { position:absolute; width:40px; height:34px; background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/carousel/skins/white/rightNavOFF.png) 6px 0px no-repeat; cursor: pointer; } .logo_carousel.white .carouselRightNav:hover { background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/carousel/skins/white/rightNavON.png) 6px 0px no-repeat; } .logo_carousel.white .carouselRightNavDisabled { background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/carousel/skins/white/rightNavDisabled.png) 6px 0px no-repeat; cursor:default; } .logo_carousel.white .carouselRightNavDisabled:hover { background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/carousel/skins/white/rightNavDisabled.png) 6px 0px no-repeat; } .logo_carousel.white .bottomNav { position:absolute; height:35px; width:0; z-index:140; } .logo_carousel.white .bottomNavButtonOFF { float:left; display:block; width:12px; height:12px; background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/carousel/skins/white/bottomNavOFF.png) 0 0 no-repeat; padding-left:9px; cursor: pointer; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } .logo_carousel.white .bottomNavButtonON { float:left; display:block; width:12px; height:12px; padding-left:9px; background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/carousel/skins/white/bottomNavON.png) 0 0 no-repeat; cursor: pointer; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } /* jQuery-UI TOOL TIP */ .ui-tooltip { padding:8px; position:absolute; z-index:9999; } .ui-tooltip, .lbg_carousel_arrow:after { background: #333; } .ui-tooltip { background: #333; color: #FFFFFF; padding: 8px 8px; border-radius: 4px; } .lbg_carousel_arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -33px; bottom: -16px; } .lbg_carousel_arrow.top { top: -16px; bottom: auto; } .lbg_carousel_arrow.left { left: 20%; } .lbg_carousel_arrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); tranform: rotate(45deg); } .lbg_carousel_arrow.top:after { bottom: -20px; top: auto; }/* skins available: - black - white */ /* the container */ .logo_perspective { position:relative; } .logo_perspective img { max-width:none; max-height:none; } .lbg_perspective_grayscale { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ -o-filter: grayscale(100%); } .lbg_perspective_grayscale.disabled { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); -o-filter: grayscale(0%); } .logo_perspective_list { margin:0; padding:0; list-style:none; display:none; } .logo_perspective .contentHolder { position:relative; overflow:hidden; } .mycanvas { position:absolute; top:8px; right:10px; z-index:1000; } .myloader { background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/perspective/skins/loader.gif); width:37px; height:37px; position:absolute; left:49%; top:49%; z-index:999; } .hideElement { display:none; } .ui-helper-hidden-accessible { position: absolute; left: -9999px; } /***black SKIN***/ .logo_perspective.black .contentHolderUnit { position:absolute; overflow:hidden; cursor: pointer; border-style:solid; } .logo_perspective.black .bannerControls { position:absolute; left:0; top:0; z-index:101; width:100%; } .logo_perspective.black .leftNav { position:absolute; left:2px; width:40px; height:34px; background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/perspective/skins/black/leftNavOFF.png) 0 0 no-repeat; cursor: pointer; } .logo_perspective.black .leftNav:hover { background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/perspective/skins/black/leftNavON.png) 0 0 no-repeat; } .logo_perspective.black .rightNav { position:absolute; right:-2px; width:40px; height:34px; background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/perspective/skins/black/rightNavOFF.png) 0 0 no-repeat; cursor: pointer; } .logo_perspective.black .rightNav:hover { background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/perspective/skins/black/rightNavON.png) 0 0 no-repeat; } .logo_perspective.black .bottomNav { position:absolute; height:35px; width:0; padding-left:9px; z-index:140; } .logo_perspective.black .bottomNavButtonOFF { float:left; display:block; width:16px; height:15px; background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/perspective/skins/black/bottomNavOFF.png) 0 0 no-repeat; padding-left:9px; cursor: pointer; } .logo_perspective.black .bottomNavButtonON { float:left; display:block; width:16px; height:15px; padding-left:9px; background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/perspective/skins/black/bottomNavON.png) 0 0 no-repeat; cursor: pointer; } .logo_perspective.black .bottomNavLeft { display:none; position:absolute; z-index:140; } .logo_perspective.black .bottomNavRight { display:none; position:absolute; z-index:140; } .logo_perspective.black .bottomOverThumb { position:absolute; width:88px; height:106px; background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/perspective/skins/black/bottomOverThumbBg.png) 23px bottom no-repeat; bottom:27px; xleft:0px; margin-left:-25px; } .logo_perspective.black .bottomOverThumb img { border:4px solid #000000; } /***white SKIN***/ .logo_perspective.white .contentHolderUnit { position:absolute; overflow:hidden; cursor: pointer; border-style:solid; } .logo_perspective.white .bannerControls { position:absolute; left:0; top:0; z-index:101; width:100%; } .logo_perspective.white .leftNav { position:absolute; left:-2px; width:40px; height:34px; background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/perspective/skins/white/leftNavOFF.png) 0 0 no-repeat; cursor: pointer; } .logo_perspective.white .leftNav:hover { background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/perspective/skins/white/leftNavON.png) 0 0 no-repeat; } .logo_perspective.white .rightNav { position:absolute; right:-2px; width:40px; height:34px; background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/perspective/skins/white/rightNavOFF.png) 0 0 no-repeat; cursor: pointer; } .logo_perspective.white .rightNav:hover { background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/perspective/skins/white/rightNavON.png) 0 0 no-repeat; } .logo_perspective.white .bottomNav { position:absolute; height:35px; width:0; padding-left:9px; z-index:140; } .logo_perspective.white .bottomNavButtonOFF { float:left; display:block; width:12px; height:12px; background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/perspective/skins/white/bottomNavOFF.png) 0 0 no-repeat; padding-left:9px; cursor: pointer; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } .logo_perspective.white .bottomNavButtonON { float:left; display:block; width:12px; height:12px; padding-left:9px; background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/perspective/skins/white/bottomNavON.png) 0 0 no-repeat; cursor: pointer; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } .logo_perspective.white .bottomNavLeft { display:none; position:absolute; z-index:140; } .logo_perspective.white .bottomNavRight { display:none; position:absolute; z-index:140; } .logo_perspective.white .bottomOverThumb { position:absolute; width:88px; height:106px; background:url(//ladiscoteca.org/wp-content/plugins/lbg_logoshowcase/perspective/skins/white/bottomOverThumbBg.png) 23px bottom no-repeat; bottom:27px; xleft:0px; margin-left:-25px; } .logo_perspective.white .bottomOverThumb img { border:4px solid #ffffff; } /* jQuery-UI TOOL TIP */ .ui-tooltip { padding:8px; position:absolute; z-index:9999; } .ui-tooltip, .lbg_perspective_arrow:after { background: #333; } .ui-tooltip { background: #333; color: #FFFFFF; padding: 8px 8px; border-radius: 4px; } .lbg_perspective_arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -33px; bottom: -16px; } .lbg_perspective_arrow.top { top: -16px; bottom: auto; } .lbg_perspective_arrow.left { left: 20%; } .lbg_perspective_arrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); tranform: rotate(45deg); } .lbg_perspective_arrow.top:after { bottom: -20px; top: auto; }@font-face { font-family: 'Droid Sans'; src: url(//ladiscoteca.org/wp-content/themes/tempera/fonts/DroidSans-webfont.woff) format('woff'), url(//ladiscoteca.org/wp-content/themes/tempera/fonts/DroidSans-webfont.ttf) format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Ubuntu Light'; src: url(//ladiscoteca.org/wp-content/themes/tempera/fonts/ubuntu-light-webfont.woff) format('woff'), url(//ladiscoteca.org/wp-content/themes/tempera/fonts/ubuntu-light-webfont.ttf) format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Ubuntu'; src: url(//ladiscoteca.org/wp-content/themes/tempera/fonts/ubuntu-regular-webfont.woff) format('woff'), url(//ladiscoteca.org/wp-content/themes/tempera/fonts/ubuntu-regular-webfont.ttf) format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url(//ladiscoteca.org/wp-content/themes/tempera/fonts/OpenSans-Regular-webfont.woff) format('woff'), url(//ladiscoteca.org/wp-content/themes/tempera/fonts/OpenSans-Regular-webfont.ttf) format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans Light'; src: url(//ladiscoteca.org/wp-content/themes/tempera/fonts/OpenSans-Light-webfont.woff) format('woff'), url(//ladiscoteca.org/wp-content/themes/tempera/fonts/OpenSans-Light-webfont.ttf) format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Bebas Neue'; src: url(//ladiscoteca.org/wp-content/themes/tempera/fonts/BebasNeue-webfont.woff) format('woff'), url(//ladiscoteca.org/wp-content/themes/tempera/fonts/BebasNeue-webfont.ttf) format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Yanone Kaffeesatz Regular'; src: url(//ladiscoteca.org/wp-content/themes/tempera/fonts/yanonekaffeesatz-regular-webfont.woff) format('woff'), url(//ladiscoteca.org/wp-content/themes/tempera/fonts/yanonekaffeesatz-regular-webfont.ttf) format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Yanone Kaffeesatz Light'; src: url(//ladiscoteca.org/wp-content/themes/tempera/fonts/yanonekaffeesatz-light-webfont.woff) format('woff'), url(//ladiscoteca.org/wp-content/themes/tempera/fonts/yanonekaffeesatz-light-webfont.ttf) format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Oswald Light'; src: url(//ladiscoteca.org/wp-content/themes/tempera/fonts/Oswald-Light-webfont.woff) format('woff'), url(//ladiscoteca.org/wp-content/themes/tempera/fonts/Oswald-Light-webfont.ttf) format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Oswald'; src: url(//ladiscoteca.org/wp-content/themes/tempera/fonts/Oswald-Regular-webfont.woff) format('woff'), url(//ladiscoteca.org/wp-content/themes/tempera/fonts/Oswald-Regular-webfont.ttf) format('truetype'); font-weight: normal; font-style: normal; } /* ICON FONT - ELUSIVE */ @font-face { font-family: 'elusive'; src: url(//ladiscoteca.org/wp-content/themes/tempera/fonts/elusive.woff) format('woff'), url(//ladiscoteca.org/wp-content/themes/tempera/fonts/elusive.ttf) format('truetype'); font-weight: normal; font-style: normal; } [class^="crycon-"]:before, [class*=" crycon-"]:before { font-family: "elusive"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: inherit; margin-left: .2em; cursor:inherit; font-size:inherit; } /* Post info */ .crycon-author:before { content: '\e801'; } .crycon-category:before { content: '\e805'; } .crycon-category2:before { content: '\e817'; } .crycon-folder-close:before { content: '\e81c'; } .crycon-folder-open:before { content: '\e81d'; } .crycon-tag:before { content: '\e802'; } .crycon-bookmark:before { content: '\e810'; } .crycon-edit:before { content: '\e804'; } .crycon-comment:before { content: '\e800'; } .crycon-comments:before { content: '\e815';} .crycon-replies {float:left; margin-right:5px;} .crycon-replies:before { content: '\e815'; font-size:26px; } .crycon-date:before { content: '\e82b'; } .crycon-time:before { content: '\e80d'; } /* Post formats */ .crycon-status:before { content: '\e81a'; } .crycon-aside:before { content: '\e82a'; } .crycon-link:before { content: '\e818'; } .crycon-audio:before { content: '\e823'; } .crycon-video:before { content: '\e829'; } .crycon-image:before { content: '\e824'; } .crycon-gallery:before { content: '\e825'; } .crycon-quote:before { content: '\e80f'; } /* Misc */ .crycon-search:before { content: '\e816'; } .crycon-down-dir:before { content: '\e803'; } .crycon-right-dir:before { content: '\e806'; } .crycon-angle-left:before { content: '\e807'; } .crycon-angle-right:before { content: '\e808'; } .crycon-angle-up:before { content: '\e809'; } .crycon-angle-down:before { content: '\e80a'; } .crycon-minus:before { content: '\e80b'; } .crycon-left-open:before { content: '\e80c'; } .crycon-up:before { content: '\e80e'; } .crycon-left-dir:before { content: '\e811'; } .crycon-up-open:before { content: '\e812'; } .crycon-ok:before { content: '\e813'; } .crycon-cancel:before { content: '\e814'; } .crycon-up-dir:before { content: '\e819'; } .crycon-right-open:before { content: '\e81e'; } .crycon-home:before { content: '\e81f'; } .crycon-menu:before { content: '\e820'; } .crycon-plus:before { content: '\e821'; } .crycon-down-open:before { content: '\e822'; } .crycon-down:before { content: '\e826'; } .crycon-left:before { content: '\e827'; } .crycon-right:before { content: '\e828'; } .crycon-star-empty:before { content: '\e82c'; } .crycon-star:before { content: '\e82d'; } .crycon-mail:before { content: '\e82e'; } .crycon-home-1:before { content: '\e82f'; } .crycon-attach:before { content: '\e830'; } .crycon-eye:before { content: '\e831'; } .crycon-eye-off:before { content: '\e832'; } .crycon-tags:before { content: '\e833'; } .crycon-flag:before { content: '\e834'; } .crycon-warning:before { content: '\e835'; } .crycon-location:before { content: '\e836'; } .crycon-trash:before { content: '\e837'; } .crycon-doc:before { content: '\e838'; } .crycon-phone:before { content: '\e839'; } .crycon-cog:before { content: '\e83a'; } .crycon-basket:before { content: '\e83b'; } .crycon-basket-circled:before { content: '\e83c'; } .crycon-wrench:before { content: '\e83d'; } .crycon-wrench-circled:before { content: '\e83e'; } .crycon-mic:before { content: '\e83f'; } .crycon-volume:before { content: '\e840'; } .crycon-volume-down:before { content: '\e841'; } .crycon-volume-off:before { content: '\e842'; } .crycon-headphones:before { content: '\e843'; } .crycon-lightbulb:before { content: '\e844'; } .crycon-resize-full:before { content: '\e845'; } .crycon-resize-full-alt:before { content: '\e846'; } .crycon-resize-small:before { content: '\e847'; } .crycon-resize-vertical:before { content: '\e848'; } .crycon-resize-horizontal:before { content: '\e849'; } .crycon-move:before { content: '\e84a'; } .crycon-zoom-in:before { content: '\e84b'; } .crycon-zoom-out:before { content: '\e84c'; } .crycon-arrows-cw:before { content: '\e84d'; } .crycon-desktop:before { content: '\e84e'; } .crycon-inbox:before { content: '\e84f'; } .crycon-cloud:before { content: '\e850'; } .crycon-book:before { content: '\e851'; } .crycon-certificate:before { content: '\e852'; } .crycon-tasks:before { content: '\e853'; } .crycon-thumbs-up:before { content: '\e854'; } .crycon-thumbs-down:before { content: '\e855'; } .crycon-help-circled:before { content: '\e856'; } .crycon-star-circled:before { content: '\e857'; } .crycon-bell:before { content: '\e858'; } .crycon-rss:before { content: '\e859'; } .crycon-trash-circled:before { content: '\e85a'; } .crycon-cogs:before { content: '\e85b'; } .crycon-cog-circled:before { content: '\e85c'; } .crycon-calendar-circled:before { content: '\e85d'; } .crycon-mic-circled:before { content: '\e85e'; } .crycon-volume-up:before { content: '\e85f'; } .crycon-print:before { content: '\e860'; } .crycon-edit-alt:before { content: '\e861'; } .crycon-edit-2:before { content: '\e862'; } .crycon-block:before { content: '\e863'; } /* FIN *//* Theme Name: Tempera Theme URI: https://www.cryoutcreations.eu/wordpress-themes/tempera Description: We had to follow a very strict recipe to get Tempera just right. We started with a very solid framework of over 200 settings, added a very light user interface, threw in a couple of mobiles and tablets to give it that responsive elasticity, added over 50 fonts, weren't satisfied so we poured all the Google fonts into the mix, then scattered 12 widget areas for consistency, dissolved a slider and unlimited columns into a customizable Presentation Page then mixed it in as well. We then sprinkled all post formats, 8 layouts including magazine and blog, powdered 40+ social icons and even blended in a customizable top bar for extra density. We also made it translation ready and gave it RTL language support for some cultural diversity. The secret ingredient was love and we might've spilled too much of that. But now Tempera has just the right feel and the right texture and is exactly what your empty WordPress canvas needs. NEW! Tempera now comes in 16 different flavors with preset color schemes! * THEME DEMO: http://demos.cryoutcreations.eu/wordpress/tempera/ * Author: Cryout Creations Author URI: https://www.cryoutcreations.eu Version: 1.8.4 Tested Up To: 6.9 Requires at least: 4.2 Requires PHP: 5.6 License: GNU General Public License v3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, footer-widgets, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, front-page-post-form, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, blog, education, entertainment Text Domain: tempera Tempera WordPress Theme Copyright 2013-26 Cryout Creations https://www.cryoutcreations.eu This theme, like WordPress, is licensed under the GPL. */ /* IMPORTANT! Any changes made to this or any other of the theme's files will be lost at the next update. To safely make customizations to the theme, for CSS-only use the theme's dedicated "Custom CSS" field found under the Miscellaneous section of the theme settings page; for advanced CSS and other customizations, use a child theme. */ /* Reset default browser CSS */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; } html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* ol, ul { list-style: none; } */ blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; } #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { clear: none; } .entry-content blockquote { display: block; position: relative; /* float: none; clear: both; */ padding: 30px 30px 30px 80px; font-size: 1.1em; font-style: italic; border-bottom: 1px solid transparent; border-top: 1px solid transparent; } .entry-content blockquote:before { position: absolute; content: '\e80f'; font-family: 'elusive'; font-size: 30px; left: 25px; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .entry-content blockquote p{ margin-bottom: 0; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } a img { border: none; } /* = Gutenberg -------------------------------------------------------------- */ /* .entry-content .wp-block-archives, .entry-content .wp-block-categories, .entry-content .wp-block-latest-posts { padding: 0; list-style: none; } */ .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding: 2em 5em; font-size: 1.2em; } .aligncenter[class^='wp-block']:not([class^='wp-block-cover']) { display: table; } .wp-block-separator { max-width: 25%; } .wp-block-separator.is-style-wide { max-width: 100%; } .wp-block-separator.is-style-dots::before { color: inherit; } .wp-block-button { transition: .2s opacity; } .wp-block-button:hover { opacity: 0.85; } .wp-block-pullquote { text-align: inherit; } /* =Layout -------------------------------------------------------------- */ #container { float: none; margin: 0; width: 100%; } #content { margin-bottom: 0; } .sidey { display: block; float: left; } #footer { clear: both; width: 100%; } /* =Fonts -------------------------------------------------------------- */ pre { font-family: "Courier 10 Pitch", Courier, monospace; } code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } .entry-content pre { border-bottom: 1px solid transparent; } .entry-content pre { display: block; float: none; clear: both; overflow: auto; margin: 0 auto; border: 1px solid transparent; border-bottom: 1px solid transparent; padding: 10px; text-indent: 0; white-space: nowrap; } /* =Structure -------------------------------------------------------------- */ /* The main theme structure */ div.menu, #colophon, #branding, #main, #header { margin: 0 auto; } #branding { display: block; float: left; position: relative; clear: both; height: 75px; padding: 0; overflow: hidden; width: 100%; } a#logo { display: inline; height: 100%; } #linky { display: block; background-image: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==); width: 100%; height: 100%; } /* Structure the footer area */ #footer-widget-area { overflow: hidden; } .footerfour .widget-area { float: left; margin-right: 2%; width: 23.5%; } .footerthree .widget-area { float: left; margin-right: 2%; width: 32%; } .footertwo .widget-area { float: left; margin-right: 2%; width: 49%; } .footerone .widget-area { float: left; width: 100%; } .footertwo #second, .footerthree #third, .footerfour #forth { margin-right: 0; } #footer-widget-area #fourth { margin-right: 0; } /* =Global Elements -------------------------------------------------------------- */ html { font-size: 15px; line-height: 1.7; } hr { border: 1px solid transparent; clear: both; height: 1px; } /* Text elements */ .entry-content ul { margin-left: 1.5em; } /* .entry-content ul[class^='wp-block'], .entry-content [class^='wp-block'] ul { margin-left: 0; } */ .entry-content ul li, .entry-content ol li { padding: 2px 0; } /* .entry-content ul > li { list-style-type: circle; } */ .entry-content ol > li { text-indent: 0; } .entry-content li li { margin-left: 15px; } ol { list-style-type: decimal; margin-left: 2.5em; } ol ol { list-style-type: upper-alpha; } ol ol ol { list-style-type: lower-roman; } ol ol ol ol { list-style-type: lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } dl { margin: 0 0 24px 0; } dt { font-weight: bold; } strong { font-weight: bold; } cite, em, i { font-style: italic; } big { font-size: 131.25%; } ins { text-decoration: none; } pre { line-height: 18px; padding: 1.5em; } abbr, acronym { border-bottom: 1px dotted transparent; cursor: help; } sup, sub { height: 0; line-height: 1; position: relative; } input[type="text"], input[type="password"], input[type="email"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], textarea, select { border: 1px solid transparent; padding: 10px 15px; font-family: inherit; border-radius: 4px; -webkit-transition: background-color .2s; transition: background-color .2s; } input:focus, textarea:focus { outline: none; } input::-moz-focus-inner {/*Remove button padding in FF*/ border: 0; padding: 0; } a:link, a:visited { text-decoration:none; } a:hover, a:active, a:focus:active, a:focus:hover, input:hover:focus, textarea:hover:focus, button:hover:focus { outline: 0; } /* Text meant only for screen readers */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #222; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 6px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 6px; width: auto; z-index: 100001; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } .entry-content a:not([class]), .entry-excerpt a:not([class]), #comments .comment-body a:not([class]), .widget-container.widget_text a:not([class]), .ppbox a:not([class]) { text-decoration: underline; -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } /* =Header -------------------------------------------------------------- */ #header { background: none; } #site-title { float: left; } #site-title a { text-decoration: none; letter-spacing: -0.03em; display: block; font-size: 1em; line-height: 1.1; } #site-description { display: inline; float: left; font-size: 1em; padding: 3px 6px 3px 0; clear: both; } #header-container { display: block; float: none; position: relative; top: 0; width: 100%; height: 100%; } #branding #bg_image + #header-container { position: absolute; } #header-container > div { margin-top: 20px; } #header:after { display: table; content: ""; clear: both; } /* Header widget area -------------------------------------------------------------- */ #header-widget-area { display: block; position: absolute; right: 0; top: 5px; overflow: hidden; height: 100%; width: 50%; z-index: 251; } /* =Menu -PRIMARY -------------------------------------------------------------- */ #nav-toggle { display: none; border: 0; } #access { display: block; float: left; margin: 0 auto; width: 100%; line-height: 1.5; } #access a:focus { z-index: 5; } #access ul li.current_page_item, #access ul li.current-menu-item { } #access a { position: relative; display: block; text-decoration: none; font-size: 14px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #access a > span { display: block; padding: .8em 1em; } #access a:hover { } #access > .menu > ul > li > a > span { border-right: 1px solid transparent; } #access > .menu > ul > li a:not(:only-child) > span:after { position: absolute; right: .7em; top: .8em; font-family: "Elusive"; content: '\e80a'; z-index: 251; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #access > .menu > ul ul > li a:not(:only-child) > span:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } #access > .menu li a:not(:only-child) > span, #access > .menu > ul > li > a:not(:only-child) > span { padding-right: 1.6em; } #access > .menu > ul > li:hover > a:not(:only-child) > span:after { top: 20px; opacity: 0; filter: alpha(opacity=0); } #access > .menu > ul ul > li:hover > a:not(:only-child) > span:after { right: -20px; opacity: 0; filter: alpha(opacity=0); } #access ul li { position: relative; display: block; float: left; white-space: nowrap; } #access ul ul { position: absolute; clear: both; z-index: 260; margin-left: 0; visibility: hidden; opacity: 0; max-height: 0; -webkit-transform: translateY(50px); transform: translateY(50px); -webkit-transition: .25s all ease-in; transition: .25s all ease-in; } #access ul li.menu-hover > ul { visibility: visible; opacity: 1; max-height: 1000px; -webkit-transform: translateY(0); transform: translateY(0); } #access li ul ul { height: 0; } #access li.menu-hover > ul > li > ul { width: auto; height: auto; } #access > .menu > ul > li > ul:before { display: inline-block; content: ""; position: absolute; left: 10px; top: -6px; border-bottom: 6px solid transparent;/* * */ border-right: 6px solid transparent; border-left: 6px solid transparent; } #access ul ul ul li:first-child:before { display: inline-block; position: absolute; left: -6px; top: 50%; content: ""; border-bottom: 6px solid transparent; border-right: 6px solid transparent;/* * */ border-top: 6px solid transparent; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #access ul ul li { /* level 2 */ display: table; position: relative; float: left; clear: both; margin: 0; width: 100%; /* submenu width fix */ border-top: 1px solid transparent; border-bottom: 1px solid transparent; } #access ul ul li a { } #access ul ul ul { position: absolute; left: 100%; top: 0; margin: 0; } #access ul ul ul li { /* level 3 */ width: 100%; display: block; float: none; } #access ul ul ul ul li { /* level 4 */ top: -1px; } #access ul ul a, #access ul ul ul a { display: table; float: none; min-width: 150px; width: 100%; } #access ul li:hover > ul { /* display: block; */ } .tempera-menu-center #access > .menu { text-align: center; } .tempera-menu-center #access > .menu > ul { display: table; margin: 0 auto; } .tempera-menu-center #access > .menu > ul > li > a > span { text-align: center; } .tempera-menu-center #access > .menu > ul > li { display: inline-block; float: initial; vertical-align: middle; } .tempera-menu-center #access > .menu > ul > * { text-align: initial; } .tempera-menu-right #access > .menu { float: right; } .tempera-menu-right #nav-toggle { text-align: right; } .tempera-menu-right #access > .menu > ul > li > ul::before { left: auto; right: 10px; } .tempera-menu-right #access > .menu > ul > li > ul.sub-menu { right: 0; } .tempera-menu-rightmulti #access ul li { float: right; } .tempera-menu-rightmulti #nav-toggle { text-align: right; } .tempera-menu-rightmulti #access > .menu > ul > li > ul::before { left: auto; right: 10px; } .tempera-menu-rightmulti #access > .menu > ul > li > ul.sub-menu { right: 0; } .tempera-menu-left #nav-toggle { text-align: left; } /* =Menu -SECONDARY -------------------------------------------------------------- */ .topmenu { display: inline; float: right; width: auto; } .topmenu ul li { display: block; float: left; margin: 0 3px; } .topmenu ul li a { display: block; padding: 0 4px; margin: 0 2px; font-size: .85em; line-height: 39px; border-bottom: 1px solid transparent; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } .footermenu { display: block; float: left; font-size: .9em; } .footermenu > ul { float: left; margin-left: 20px; } .footermenu ul li { position: relative; display: block; float: left; padding: 0 0.8em; text-align: center; white-space: nowrap; } .footermenu ul li:after { font-size: .8em; content: "/"; right: 0; margin: auto; position: absolute; line-height: 2; /* top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); */ } .footermenu ul li:last-child:after { content: ""; } /* ==Top Bar== ------------------ */ #topbar { display: block; height: 40px; width: 100%; border-bottom: 1px solid transparent; } #topbar-inner { display: block; margin: 0 auto; } #topbar .socials a { background-color: transparent; margin: 0; padding: 1px; width: 28px; height: 28px; } #topbar .socials a img { width: 22px; height: 22px; padding: 0; top: 2px; left: 2px; } body.tempera-topbarhide #topbar { display: none; } body.tempera-topbarfixed #topbar { position: fixed; top: 0; z-index: 252; opacity: 0.8; } body.tempera-topbarfixed #header-full { margin-top: 30px; } body.tempera-topbarfull #topbar-inner { max-width: 95%; } body.tempera-topbarfixed.admin-bar #topbar { top: 32px; } /* =Content -------------------------------------------------------------- */ #main { clear: both; padding: 0; margin-top: 20px; } #content ul ul, #content ol ol, #content ul ol, #content ol ul { margin-bottom: 0; } #content pre, #content kbd, #content tt, #content var { overflow: auto; font-family: "Courier New",Courier,monospace; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { line-height: 1.5em; margin: 20px 0 0; } .entry-content table { border: 1px solid transparent; margin: 0 0 24px 0; text-align: left; width: 100%; vertical-align: top; } .entry-content tr { vertical-align: top; } .entry-content .alternate { } .entry-content tr th, .entry-content thead th { padding: 9px 24px; } .entry-content tr th, .entry-content tr td { border-top: 1px solid transparent; padding: 6px 24px; } .entry-content tr td, .entry-content tr th, .entry-content thead th { border-right: 1px solid transparent; } .entry-content tr td:last-child, .entry-content tr th:last-child { border-right: none; } .entry-content tr.odd td { } .page-header { display: block; float: none; padding: 10px 0; } .taxonomy-description { margin-top: 0.5em; } #content .page-title { font-size: 1em; line-height: 2; font-weight: bold; display: block; padding: 5px 10px; border-left: 3px solid transparent; } #content #author-description .page-title { border: 0; padding: 0; } .page-title span { font-style: italic; font-weight: normal; } .page-title a:link, .page-title a:visited { text-decoration: none; } .page-title a:active, .page-title a:hover { } #content .entry-title { font-size: 32px; font-weight: normal; line-height: 1.3; padding: 0; margin: 0; word-wrap: break-word; } .entry-title a:link, .entry-title a:visited { color: inherit; text-decoration: none; } .entry-title a:active, .entry-title a:hover { } #content > h1.entry-title { margin-bottom: 10px; } .entry-meta { display: block; clear: both; overflow: hidden; font-size: .9em; } .single .entry-title + .entry-meta { margin-bottom: 1em; } footer.entry-meta { background: url(//ladiscoteca.org/wp-content/themes/tempera/images/dashed-border.png) 0 0 repeat-x; padding-top: .5em; } .entry-meta span, .entry-utility span { display: block; float: left; margin-right: 12px; line-height: 2; } .entry-meta span a, .entry-utlity span a { -webkit-transition: .3s color ease-out; transition: .3s color ease-out; } .crycon-metas:before { cursor: pointer; margin-right: 3px; } .entry-meta time.updated { display: none; } .entry-utility { clear: both; } .footer-tags { display: block; float: left; } .entry-utility span.bl_bookmark { float: none; display: inline; padding: 0; } .comments-link { float: right; } .comments-link b { font-weight: normal; } #content span.entry-format { display: inline; float: left; padding: 0 3px; margin-right: 5px; border-radius: 100px; width: 2em; height: 2em; line-height: 2; text-align: center; } span.entry-format > i:before { cursor: default; } .entry-meta abbr, .entry-utility abbr { border: none; } .entry-meta abbr:hover, .entry-utility abbr:hover { border-bottom: 1px dotted transparent; } .entry-content, .entry-summary { clear: both; padding-top: 8px; word-wrap: break-word; } #content .entry-summary p:last-child { margin-bottom: 12px; } .entry-content fieldset { border: 1px solid transparent; margin: 0 0 24px 0; padding: 24px; } .entry-content fieldset legend { font-weight: bold; padding: 0 24px; } .entry-content sup, .entry-content sub { font-size: 10px; } .entry-content blockquote.left { float: left; margin-left: 0; margin-right: 24px; text-align: right; width: 33%; } .entry-content blockquote.right { float: right; margin-left: 24px; margin-right: 0; text-align: left; width: 33%; } .tag-links { margin-left: 30px; } .page-link { margin: 10px 0; clear: both; } .page-link a, .page-link > span > em { font-weight: normal; text-decoration: none; padding: 0 6px; border-right: 1px solid transparent; } .page-link em { font-style: normal; } .page-link a:last-child, .page-link > span > em:last-child { border-right: none; } .page-link a:hover { } span.edit-link { float: right; display: block; margin: 0 0 0 10px; padding: 0; } #author-info { clear: both; margin: -10px 0 24px 0; overflow: hidden; border-left: 3px solid transparent; padding: 15px 0; } #author-info #author-avatar { float: left; height: 60px; margin: 0 -80px 0 20px; } #author-info #author-description { float: left; margin: 0 0 0 104px; padding: 0 10px; } #entry-author-info { clear: both; margin: 24px 0; overflow: hidden; padding: 18px 0; border-left: 3px solid transparent; } #entry-author-info #author-avatar { float: left; height: 60px; margin: 0 -80px 0 20px; } #author-avatar .avatar { border-radius: 100px; } #entry-author-info #author-description { float: left; margin: 0 0 0 104px; } #entry-author-info h2 { font-weight: bold; margin-bottom: 0; } #content .video-player { padding: 0; } /* POST FORMATS */ /* =Asides -------------------------------------------------------------- */ .home #content .format-aside p, .home #content .category-asides p { margin-bottom: 10px; margin-top: 0; } .home #content .format-aside .entry-content, .home #content .category-asides .entry-content { padding-top: 0; } #content .format-aside .entry-title { display: none; } #content .format-aside .author , #content .format-aside .bl_categ { display: none; } /** * 5.4 Galleries * ---------------------------------------------------------------------------- */ .gallery { margin-bottom: 20px; margin-left: -4px; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail { display: table; margin: 0 auto 20px; } .gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item { text-align: center; } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-icon { line-height: 0; } .gallery-caption { position: absolute; bottom: 0; left: 0; font-size: .9em; color: #fff; text-align: left; line-height: 1.3; background-color: rgba(0, 0, 0, 0.7); margin: 0; max-height: 50%; opacity: 0; padding: 2px 8px; width: 100%; cursor: default; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* =Chat -------------------------------------------------------------- */ .format-chat p { font-family: Monaco, "Courier New", monospace; } /* =Quote -------------------------------------------------------------- */ .format-quote blockquote, .format-quote blockquote p { font-family: Georgia,"Bitstream Charter",serif; font-size: 1.1em; } /* =Status -------------------------------------------------------------- */ .format-status .entry-title { display: none; } .status_content { } .format-status .avatar { display: block; width: auto; float: left; margin: 0 10px 10px 0; } /* =Attachment pages -------------------------------------------------------------- */ .attachment .entry-content .entry-caption { font-size: 1.4em; margin-top: 24px; } /* =Images -------------------------------------------------------------- */ .entry-content img { max-width: 100%; height: auto; } .sidey select { max-width: 100%; } .sidey img { max-width: 100%; height: auto; } .entry-content table img { max-width: inherit; } .entry-content img:hover { } .post_thumbnail { max-width: 100%; height: auto; } .alignleft, img.alignleft { float: left; margin-right: 24px; margin-top: 4px; } .alignright, img.alignright { float: right; margin-left: 24px; margin-top: 4px; } .aligncenter, img.aligncenter { clear: both; margin-left: auto; margin-right: auto; } img.aligncenter { display: block; } .entry-content .bbp-forums .aligncenter, .entry-content .bbp-forums img.aligncenter { clear: none; } img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; } img.alignleft, img.alignright, img.aligncenter, img.alignnone, .wp-caption img { transition: all .3s ease-in-out; opacity: 0.99; filter: alpha(opacity=99); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } img.alignleft:hover, img.alignright:hover, img.aligncenter:hover, img.alignnone:hover, .wp-caption img:hover { opacity: 0.8; filter: alpha(opacity=80); } .wp-caption { margin-bottom: 20px; text-align: center; max-width: 100%; position: relative; } .wp-caption img { border: none; padding: 0; width: 100%; box-shadow: none; } .wp-caption > a { line-height: 0; /* display: block; */ display: inline-block; } .wp-caption .wp-caption-text { position: absolute; bottom: 0; width: 100%; margin-bottom: 0; padding: 10px 5px; text-align: center; text-indent: 0; } .wp-smiley { margin: 0; width: auto !important; box-shadow: none !important; background: none !important; border: 0 !important; vertical-align: middle; } .attachment img { /* single attachment images should be centered */ display: block; margin: 0 auto; max-width: 96%; } /* =Navigation -------------------------------------------------------------- */ .navigation { overflow: hidden; } .navigation a:link, .navigation a:visited { text-decoration: none; } .nav-previous a { float: left; width: 47%; padding: 5px 1%; } .nav-next a { float: right; text-align: right; width: 47%; padding: 5px 1%; } .nav-previous:hover .meta-nav-prev:before{ margin-right: 10px; margin-left: -5px; } .nav-next:hover .meta-nav-next:before{ margin-left: 10px; margin-right: -5px; } .meta-nav-prev:before { font-family: "elusive"; content: '\e827'; font-style: normal; margin-right: 5px; font-size: 12px; -webkit-transition: .2s margin ease-in-out; transition: .2s margin ease-in-out; } /* '?' */ .meta-nav-next:before { font-family: "elusive"; content: '\e828'; font-style: normal; margin-left: 5px; font-size: 12px; line-height: 1.7; -webkit-transition: .2s margin ease-in-out; transition: .2s margin ease-in-out; } /* '?' */ .single #nav-above { display: block; } #nav-below { margin-bottom: 5px; margin-top: 5px; display: block; float: none; clear: both; } /* =Comments -------------------------------------------------------------- */ #comments { padding: 30px 0 10px; clear: both; } #comments .navigation { padding: 0 0 18px 0; } h3#comments-title { margin-bottom: 30px; line-height: 1.5; } .commentlist { list-style: none; margin: 0; } .commentlist li.comment { margin: 0; list-style: none; line-height: 10px; } .commentlist li.comment:hover { } .commentlist .comment-body { padding: 10px; overflow: hidden; clear: both; line-height: 1.5; margin-bottom: 1.5em; } .commentlist li:last-child { } #comments .comment-body ul, #comments .comment-body ol { } #comments .comment-body p:last-child { margin-bottom: 6px; } #comments .comment-body blockquote p:last-child { margin-bottom: 24px; } .commentlist ol { list-style: decimal; } .avatar-container { float: left; } .avatar-container:before { position: absolute; content: ""; width: 60px; height: 60px; border-radius: 30px 30px 0 30px; } .avatar-container:hover:before { display: none; } .commentlist .avatar { border-radius: 30px 30px 0 30px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .commentlist .avatar:hover { border-radius: 0 30px 30px 30px; } .comment-author { display: inline-block; line-height: 24px; -webkit-transition: background .3s ease; transition: background .3s ease; } .comment-details { position: relative; float: left; padding: 7px 15px; } .comment-author cite { font-size: 1.2em; font-style: normal; font-weight: normal; } .comment-meta { font-size: .9em; opacity: .7; } .comment-meta a:link, .comment-meta a:visited { text-decoration: none; } .comment-meta a:active, .comment-meta a:hover { } .commentlist .even { } .commentlist .bypostauthor { } .commentlist .comment-await { padding: 10px 0; display: block; } .commentlist .reply a { position: relative; display: inline-block; padding-left: 20px; width: auto; } .commentlist .reply a .crycon-reply { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .commentlist .reply a:hover .crycon-reply { left: -5px; } .crycon-forward:before { content: '\e81b'; margin-left: 5px; font-size: 12px; -webkit-transform: rotate(180deg) scale(-1,1); -ms-transform: rotate(180deg) scale(-1,1); transform: rotate(180deg) scale(-1,1); -webkit-transition: .2s all ease-out; transition: .2s all ease-out; } .crycon-reply:before { content: '\e81b'; margin-right: 5px; font-size: 12px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: .2s margin ease-out; transition: .2s margin ease-out; } .commentlist .children { list-style: none; margin: 0; margin-left: 20px; } .commentlist .children li { margin: 0; } #content .nocomments, #content .nocomments2 { margin-bottom: 0; } .hideme { display: none; } .commentlist .pingback { border-bottom: 1px solid transparent; margin-bottom: 18px; padding-bottom: 18px; } .commentlist li.comment+li.pingback { margin-top: -6px; } .commentlist .pingback p { display: block; margin: 0; } .commentlist .pingback .url { font-style: italic; } /* Comments form */ input[type="submit"], input[type="reset"] { padding: 0.75em 1.5em; cursor: pointer; letter-spacing: .5px; } #respond { margin: 0; overflow: hidden; position: relative; } #respond p { margin: 0; } #respond .comment-notes { margin-bottom: 1em; font-size: 0.9em; } .form-allowed-tags { line-height: 1em; } .children #respond { margin: 0 48px 0 0; min-width: 400px; } h3#reply-title { margin: 0; padding: 5px 0; } #comments-list #respond { margin: 0 0 18px 0; } #comments-list ul #respond { margin: 0; } #cancel-comment-reply-link { font-size: .9em; font-weight: normal; } #commentform { max-width: 550px; display: block; } #respond label { } .tempera-comment-placeholders #respond .comment-form-comment label, .tempera-comment-placeholders #respond .comment-form-author label, .tempera-comment-placeholders #respond .comment-form-email label, .tempera-comment-placeholders #respond .comment-form-url label { display:none; } .comment-form-comment textarea { display: block; float: none; height: 150px; width: 100%; padding: 10px; } .comment-form-author input, .comment-form-email input, .comment-form-url input, .comment-form-comment input { display: block; float: none; width: 100%; } #respond input + label { margin-left: .5em; margin-right: .5em; } #respond input:hover, #respond textarea:hover { } #respond .form-allowed-tags { font-size: .9em; line-height: 1.3; width: 100%; clear: both; display: block; float: none; } #respond .form-submit { margin: 12px 0; text-align: right; clear: both; } #respond .form-submit input { width: auto; } #respond .form-submit input#submit { border: 1px solid transparent; -webkit-transition: background-color .2s ease; transition: background-color .2s ease; } #respond .form-submit input#submit:hover { cursor: pointer; } .button { border: 1px solid transparent; padding: 4px 7px; -webkit-transition: background-color .2s ease; transition: background-color .2s ease; } .button, #respond .form-submit input#submit { border-radius: 4px; } .button:hover { cursor: pointer; } /* =Widget Areas -------------------------------------------------------------- */ .widget-area > ul, .widget-area > ul > li.widget-container > ul { list-style: none; list-style-image: none; } .widget-container { padding: 5px; margin: 0 0 20px 0; } .widget-container > * { max-width: 100%; } .widget-container > ul > li { display: block; float: none; margin-bottom: 10px; } .widget-title { font-size: 18px; padding: 5px 5px 5px 10px; text-align: left; margin-bottom: 12px; border-bottom: 1px solid transparent; border-radius: 4px; } #footer-widget-area a:hover { text-decoration: underline; } .widget-area a:link, .widget-area a:visited { text-decoration: none; word-wrap: break-word; } .widget-area a:active, .widget-area a:hover { } /* Search buttons */ .searchform { display: block; height: auto; position: relative; overflow: hidden; } .contentsearch { display: block; float: none; overflow: hidden; margin-bottom: 20px; padding: 10px 0; } .no-results .contentsearch { padding: 0; } .searchform input[type="search"] {/* This keeps the search inputs in line This is the Sidebar Search*/ display: block; float: left; padding: 0 30px 0 10px; height: 50px; width: 100%; border-radius: 4px; } .contentsearch .searchform input[type="search"] { width: 100%; margin-left: 0; } .searchsubmit { display: block; position: absolute; right: 0; font-family: "elusive"; font-size: 17px; border: none; height: 50px; vertical-align: middle; background: none; box-shadow: none; opacity: .5; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .searchform:hover .searchsubmit { right: -35px; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* Header searchform */ .menu-header-search .searchsubmit { font-size: .85em; line-height: 39px; height: 39px; color: inherit; opacity: 1; } .menu-header-search .searchsubmit .crycon-search { position: relative; top: -1px; } .menu-header-search .searchform:hover .searchsubmit { right: 0; } .menu-header-search .searchform input[type="search"] { padding: 0 25px 0 5px; width: 0; border: 0; font-size: .85em;; line-height: 39px; height: 39px; opacity: 0; border-radius: 0; color: inherit; border-bottom: 1px solid transparent; background: transparent; -webkit-transition: .5s all ease-in-out; transition: .5s all ease-in-out; } .topmenu li.menu-header-search:hover .searchform input[type="search"], .topmenu li.menu-header-search .searchform input[type="search"]:focus { width: 160px; opacity: 1; } /* Main menu search */ #access li.menu-main-search { float: right; } li.menu-main-search .searchform input[type="search"] { border-top: 0; border-bottom: 0; border-radius: 0; padding-top: .8em; padding-bottom: .8em; line-height: inherit; height: auto; background: rgba(0,0,0,.06); border: none; border-left: 1px solid transparent; } li.menu-main-search .searchsubmit { font-size: 14px; opacity: .5; height: 100%; } /* Footer menu search */ li.menu-footer-search { max-width: 120px; } li.menu-footer-search .searchform:after { background-color: transparent; } li.menu-footer-search .searchform .s { font-size: inherit; line-height: inherit; height: 25px; border: none; border-bottom: 1px solid #CCC; border-radius: 0; padding-left: 2px; } li.menu-footer-search .searchform .s:hover { background: none; } li.menu-footer-search .searchsubmit { font-size: inherit; line-height: inherit; height: 25px; width: auto; opacity: .5; right: -5px; bottom: 1px; cursor: pointer; } li.menu-footer-search .searchform:hover .searchsubmit { right: -5px; opacity: 1; } /* Calendar */ #wp-calendar { width: 100%; } #wp-calendar caption { font-size: .9em; font-weight: bold; padding-bottom: 4px; margin-left: 10px; } #wp-calendar thead { font-size: .9em; } #wp-calendar tbody td { padding: 3px 0 2px; text-align: center; border: 1px solid transparent; } #wp-calendar tbody td:hover { opacity: 0.8; } #wp-calendar tbody td a{ border: none; background: none; padding: 0; margin: 0; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { text-align: right; } .widget_rss a.rsswidget {} .widget_rss a.rsswidget:hover {} .widget_rss .widget-title img { width: 11px; height: 11px; } /* Main sidebars */ .main .widget-area ul { margin-left: 0; padding: 0; } .main .widget-area ul ul { border: none; margin-left: 10px; padding: 0; } /* Before and after content widgets */ .yoyo .widget-title { background: none; padding: 0; margin: 0; } /* Footer widget areas */ #footer-widget-area { margin: 20px 0 10px 0; } #footer-widget-area a{ } /* =Footer -------------------------------------------------------------- */ #footer { margin-top: 20px; margin-bottom: 0; } #footer a{ -webkit-transition: color .2s; transition: color .2s; } #footer2 { display: block; padding: 20px 0 5px; overflow: visible; margin-bottom: 20px; } #footer2:after { content:""; display:table; clear:both; } #colophon { margin: 0 30px; overflow: hidden; } #site-copyright { display: block; float: none; font-style: italic; clear: both; margin: 0 auto 15px; font-size: .9em; text-align: center; } #footer2 a { text-decoration: none; } #footer2 a:hover { text-decoration: underline; } img#wpstats { display: block; margin: 0 auto 10px; } /* Extras */ #forbottom { clear: both; margin: 0 40px; padding: 25px 0; /*min-height:400px;*/ } /* =Mobile Safari ( iPad, iPhone and iPod Touch ) -------------------------------------------------------------- */ pre { -webkit-text-size-adjust: 140%; } code { -webkit-text-size-adjust: 160%; } #access, .entry-meta, .entry-utility, .navigation, .widget-area { -webkit-text-size-adjust: 120%; } #site-description { -webkit-text-size-adjust: none; } /* SOCIALS */ .socials { position: relative; float: right; overflow: hidden; margin-right: 10px; height: 30px; } .socials a { display: block; float: left; position: relative; overflow: hidden; height: 34px; width: 34px; padding: 4px; margin-right: 5px; border-radius: 50px; } .socials img { position: relative; width: 26px; height: 26px; z-index: 99; } /* The animated square */ .socials .socials-hover { display: block; position: absolute; width: 0; height: 0; left: 50%; top: 50%; border-radius: 50px; -webkit-transition: .25s ease-out all; transition: .25s ease-out all; } .socialicons:hover .socials-hover { width: 30px; height: 30px; top: 2px; left: 2px; } #sheader .socialicons:hover .socials-hover { width: 26px; height: 26px; top: 1px; left: 1px; } #sheader { margin-top: 5px; } #header-container > div#sheader { position: absolute; margin: 0; top: 10px; right: 5px; } #smenul, #smenur { float: none; margin: 0 auto; position: inherit; display: table; } #smenul a , #smenur a { margin: 3px; } #sfooter { float: none; clear: both; display: table; margin: 0 auto 15px; text-align: center; } #sfooter a { margin-left: 5px; } #srights, #slefts { display: block; position: fixed; right: 0; padding: 5px; top: 40%; height: auto; margin: 0 1px; opacity: 0.5; z-index: 99; -webkit-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; } #slefts { left: 0; right: auto; } #srights:hover, #slefts:hover { opacity: 1; } #srights a, #slefts a { display: block; float: none; clear: both; margin: 0 0 5px 0; } .socials a:last-child { margin-bottom: 0; } /* ARTICLES */ article.post, article.page, article.hentry { display: block; overflow: hidden; margin: 0; padding: 0; margin-bottom: 3em; } div.post, div.page, div.hentry, .yoyo > li { display: block; overflow: hidden; padding: 0; margin-bottom: 36px; } article.sticky { } .sticky .entry-header { border-bottom: 2px solid transparent; } #toTop { display: block; position: fixed; width: auto; height: auto; bottom: 40px; font-size: 12px; padding: 10px 14px; opacity: 0; z-index: 251; cursor: pointer; border-radius: 0 4px 4px 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .crycon-back2top:before { content: '\e812'; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } /* '?' */ #toTop:hover .crycon-back2top:before { } /* CUSTOM IMAGE BORDER */ .tempera-image-none .entry-content img[class*='align'], .tempera-image-none .entry-content [class*='wp-block'][class*='align'] img, .tempera-image-none .entry-summary img[class*='align'], .tempera-image-none .entry-summary [class*='wp-block'][class*='align'] img {} .tempera-image-one .entry-content img[class*='align'], .tempera-image-one .entry-content [class*='wp-block'][class*='align'] img, .tempera-image-one .entry-summary img[class*='align'], .tempera-image-one .entry-summary [class*='wp-block'][class*='align'] img { border-bottom: 3px solid transparent; } .tempera-image-two .entry-content img[class*='align'], .tempera-image-two .entry-content [class*='wp-block'][class*='align'] img, .tempera-image-two .entry-summary img[class*='align'], .tempera-image-two .entry-summary [class*='wp-block'][class*='align'] img { border-bottom: 1px solid transparent; border-top: 1px solid transparent; padding: 2px 0; } .tempera-image-three .entry-content img[class*='align'], .tempera-image-three .entry-content [class*='wp-block'][class*='align'] img, .tempera-image-three .entry-summary img[class*='align'], .tempera-image-three .entry-summary [class*='wp-block'][class*='align'] img { border: 1px solid #222; padding: 0; box-shadow: 0 0 15px #ccc; } .tempera-image-four .entry-content img[class*='align'], .tempera-image-four .entry-content [class*='wp-block'][class*='align'] img, .tempera-image-four .entry-summary img[class*='align'], .tempera-image-four .entry-summary [class*='wp-block'][class*='align'] img { padding: 10px; border: 1px solid #DDD; box-shadow: 0 0 2px #CCC; } .tempera-image-five .entry-content img[class*='align'], .tempera-image-five .entry-content [class*='wp-block'][class*='align'] img, .tempera-image-five .entry-summary img[class*='align'], .tempera-image-five .entry-summary [class*='wp-block'][class*='align'] img { padding: 6px; background: url(//ladiscoteca.org/wp-content/themes/tempera/images/border.png) repeat; } .tempera-image-one .entry-content img[class*='align']:hover, .tempera-image-one .entry-content [class*='wp-block'][class*='align'] img:hover, .tempera-image-one .entry-summary img[class*='align']:hover, .tempera-image-one .entry-summary [class*='wp-block'][class*='align'] img:hover { background-color: #eee; } .tempera-image-two .entry-content img[class*='align']:hover, .tempera-image-two .entry-content [class*='wp-block'][class*='align'] img:hover, .tempera-image-two .entry-summary img[class*='align']:hover, .tempera-image-two .entry-summary [class*='wp-block'][class*='align'] img:hover { box-shadow: none; } .tempera-image-three .entry-content img[class*='align']:hover, .tempera-image-three .entry-content [class*='wp-block'][class*='align'] img:hover, .tempera-image-three .entry-summary img[class*='align']:hover, .tempera-image-three .entry-summary [class*='wp-block'][class*='align'] img:hover { box-shadow: none; } /* CUSTOM CAPTION LOOK */ .caption-simple #content .wp-caption .wp-caption-text { position: inherit; padding: 7px 5px; font-style: italic; } .caption-dark #content .wp-caption .wp-caption-text { color: #EEE; padding: 20px 5px 10px; text-shadow: 0 0 7px #000; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.8)); background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.6) 50%, rgba(0,0,0,0.8)); } .caption-light #content .wp-caption .wp-caption-text { color: #333; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7); background: -webkit-linear-gradient(top, rgba(255,255,255,0.4), rgba(255,255,255,0.8)); background: linear-gradient(to bottom, rgba(255,255,255,0.4), rgba(255,255,255,0.8)); } /* BREADCRUMBS */ .breadcrumbs { display: block; margin-bottom: 20px; position: relative; font-size: .9em; } .crycon-homebread:before { content: '\e81f'; font-size: 1em; cursor: pointer; } /* '?' */ /* PAGINATION */ .pagination { display: table; float: none; margin: 20px auto; text-align: center; clear: both; border: 1px solid transparent; } .pagination span, .pagination a { display: block; float: left; position: relative; margin-right: 0; padding: .75em 1.5em; text-decoration: none; text-align: center; border-right: 1px solid transparent; border-left: 1px solid transparent; -webkit-transition: background .3s; transition: background .3s; } .pagination span:first-child, .pagination a:first-child { border-left: 0; } /* Continue Reading Links */ a.continue-reading-link { display: inline-block; position: relative; width: auto; float: none; padding: 9px 8px 8px 15px; border-bottom: 1px solid transparent; margin-top: 3px; font-size: .9em; font-style: normal; letter-spacing: .5px; clear: both; border-radius: 4px; -webkit-transition: border-color .3s ease-out; transition: border-color .3s ease-out; } a.continue-reading-link i.crycon-right-dir { font-size: 1em; margin-left: 3px; -webkit-transition: color .3s ease-out; transition: color .3s ease-out; } /* Presentation page */ /* Nivo Slider */ .nivoSlider { position: relative; width: 100%; height: auto; overflow: hidden; } .nivoSlider img { position: absolute; top: 0; left: 0; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; filter: alpha(opacity=0); opacity: 0; } /* The slices and boxes in the Slider */ .nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0; } .nivo-box { display: block; position: absolute; z-index: 5; overflow: hidden; } .nivo-box img { display: block; } /* Caption styles */ .nivo-caption { display: none; position: absolute; overflow: hidden; right: 60px; bottom: 60px; width: 43%; z-index: 8; padding: 20px; filter: alpha(opacity=8); opacity: 0.8; border-radius: 0; pointer-events: none; } .nivo-caption h2 { margin-bottom: 10px; font-size: 1.6em; line-height: 1.3; padding: 0 0 10px; border-bottom: 1px solid #444; font-weight: normal; text-align: right; } .slide-text { text-align: right; font-size: 1em; line-height: 1.4; } .nivo-caption a { display: inline !important; text-decoration: underline; } .nivo-html-caption { display: none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position: absolute; top: 40%; z-index: 9; cursor: pointer; } .nivo-prevNav { left: 0; } .nivo-nextNav { right: 0; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a { cursor: pointer; } .nivo-controlNav a.active { font-weight: bold; } /* Skin Name: Nivo Slider Default Theme */ .theme-default .nivoSlider { position: relative; background: url(//ladiscoteca.org/wp-content/themes/tempera/images/nivoslider/loading.gif) no-repeat 50% 50%; margin-bottom: 50px; } .theme-default .nivoSlider img { position: absolute; top: 0; left: 0; display: none; } .theme-default .nivoSlider a { border: 0; display: block; } .theme-default .nivo-controlNav { display: table; position: relative; text-align: center; margin: 0 auto; width: auto; padding: 0 20px; top: -33px; height: 30px ; z-index: 250; font-size: 12px; line-height: 12px; border-radius: 100% 100% 0 0; box-shadow: 0 -3px 2px rgba(0,0,0,0.4); -webkit-transition: .2s all ease-out; transition: .2s all ease-out; } .theme-default .nivo-controlNav:hover { padding: 0 30px; } .slider-bullets .nivo-controlNav a { display: inline-block; width: 12px; height: 12px; text-indent: -9999px; margin: 17px 4px 11px; border-radius: 100px; font-size: 12px; line-height: 12px; -webkit-transition: background-color .3s; transition: background-color .3s; } .slider-numbers .nivo-controlNav a { display: inline-block; padding: 0; margin: 14px 3px 8px; font-size: 12px; font-size: 12px; line-height: 18px; width: 18px; text-align: center; font-family: "Open Sans"; border-radius: 100px; -webkit-transition: all .3s; transition: all .3s; } .slider-none .nivo-controlNav { display:none; } .theme-default .nivo-directionNav a { display: block; width: 50px; height: 60px; padding: 10px; background: url(//ladiscoteca.org/wp-content/themes/tempera/images/nivoslider/arrows.png) 8px 10px #fff no-repeat; text-indent: -9999px; border: 0; } .theme-default a.nivo-nextNav { background-position: -83px 10px; border-radius: 100% 0 0 100%; box-shadow: -3px 0 2px rgba(0, 0, 0, 0.4); } .theme-default a.nivo-prevNav { border-radius: 0 100% 100% 0; box-shadow: 3px 0 2px rgba(0, 0, 0, 0.4); } .theme-default .nivo-directionNav a.nivo-prevNav:hover { background-position: 4px 10px; } .theme-default .nivo-directionNav a.nivo-prevNav:active { background-position: -50px 10px; } .theme-default .nivo-directionNav a.nivo-nextNav:hover { background-position: -79px 10px; } .theme-default .nivo-directionNav a.nivo-nextNav:active { background-position: -23px 10px; } .theme-default .nivo-caption a { border-bottom: 1px dotted transparent; } .theme-default .nivo-controlNav.nivo-thumbs-enabled { width: 100%; } .theme-default .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .theme-default .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } /* IE link fix */ a.nivo-imageLink { background-color: #fff; filter: alpha(opacity=0); opacity: 0; } /* Overwrite margins */ .presentation-page #forbottom { margin: 0; padding: 0; } .presentation-page #container { width: auto; margin-top: 2em; } #pp-afterslider { margin: 0 40px; padding-top: 15px; } /* fix interference from slider plugins */ #frontpage #slider a#slider-stopper { display: none; } /* Presentation Page */ .slider-wrapper { display: block; float: none; clear: both; margin: 0 auto 40px; } #slider { display: block; float: none; margin: 0 auto; } .slider-navhover .nivo-directionNav a.nivo-prevNav { left: -100px; -webkit-transition: .3s all ease-out; transition: .3s all ease-out; } .slider-navhover:hover .nivo-directionNav a.nivo-prevNav{ left: 0; } .slider-navhover .nivo-directionNav a.nivo-nextNav { right: -100px; -webkit-transition: .3s all ease-out; transition: .3s all ease-out; } .slider-navhover:hover .nivo-directionNav a.nivo-nextNav{ right: 0; } /* Front page columns */ #front-columns { display: block; width: auto; float: none; overflow: hidden; margin: 40px 0; } #front-columns > li { float: left; list-style: none; margin-right: 5%; padding: 0; } .column-image { width: 100%; display: block; overflow: hidden; position: relative; /* support columns outside PP */ } .column-image:hover .column-image-inside, .column-image:hover .column-text { left: 0; } .column-image:hover .columnmore { bottom: 30px; } .column-image-inside { width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,0.7); z-index: 250; left: -100%; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .column-text { position: absolute; top: 50%; left: 100%; overflow: hidden; color: #DDD; font-size: .85em; line-height: 1.5; text-align: justify; padding: 10px 20px; width: 100%; z-index: 251; -webkit-transform: translate(0,-65%); -ms-transform: translate(0,-65%); transform: translate(0,-65%); -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .column-image img { width: 100%; } .columnmore { display: block; position: absolute; bottom: -50px; margin: 0 auto; clear: both; width: 100%; font-size: .85em; text-align: center; z-index: 251; background: none; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .columnmore a { background: #F00; border-radius: 2px; padding: 8px 22px; background: #fff; -webkit-transition: background-color .2s ease-out; transition: background-color .2s ease-out; } .coldisplay1 .column-text, .coldisplay1 .column-image-inside { left: 0; } .coldisplay1 .columnmore { bottom: 20px; } .coldisplay1 .column-image:hover .column-image-inside { background: rgba(0,0,0,0.9); } .coldisplay2 .column-image { overflow: visible; } .coldisplay2 .column-image-inside { display: none; } .coldisplay2 .column-text { position: relative; top: 0; left: 0; color: inherit; padding: 10px 5px 5px; -webkit-transform: none; -ms-transform: none; transform: none; } .coldisplay2 .columnmore, .coldisplay2 .column-image:hover .columnmore { position: relative; bottom: 0; } #front-columns > div { display: block; float: left; height: auto; margin-right: 5%; margin-bottom: 30px; } .column1 { clear: both; } .column-image { position: relative; } .column-image img { display: block; margin: 0 auto; } .column-header-image, .column-header-noimage { font-size: 1.4em; margin-bottom: 10px; line-height: 1.5; } /* Front Page Texts */ #front-text1 h2, #front-text2 h2 { display: block; float: none; margin: 0 auto; text-align: center; font-size: 2.2em; line-height: 1.4em; clear: both; font-weight: bold; } #front-text1, #front-text2 { display: block; float: none; padding: 0 100px 30px; } #front-text3, #front-text4 { padding: 15px 0; width: inherit; margin-bottom: 3em; font-size: 1.1em; text-align: justify; } /* Style HTML5 tags for IE8 and lower */ header ,nav ,section ,article ,aside ,footer ,hgroup { display: block; } .tinynav { display: block; float: none; margin: 8px auto; display: none; min-width: 200px; width: 100%; padding: 10px; } .tinynav option { } /* Magazine layout */ .magazine-layout #content article.post, .magazine-layout.search #content article { float: left; width: 48%; padding: 0 0 10px; } .magazine-layout #content article.sticky {} .magazine-layout #content article:nth-of-type(2n+1) { clear: both; margin-right: 4%; } .magazine-layout .comments-link { float: left; } .magazine-layout .entry-header .entry-meta { margin-top: 5px; } .magazine-layout span.edit-link { float: left; margin-left: 0; margin-right: 10px; } .magazine-layout .entry-header { clear: both; } /* Ajax load more posts button */ #cryout_ajax_more_trigger{ display: table; float: none; clear: both; min-width: 200px; background: url(//ladiscoteca.org/wp-content/themes/tempera/images/loading.gif) no-repeat -100px center ; padding: 10px 20px; border-radius: 5px; margin: 0 auto; text-align: center; cursor: pointer; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } #cryout_ajax_more_trigger:hover { opacity: 0.8; } #content .cryout_click_loading { background: url(//ladiscoteca.org/wp-content/themes/tempera/images/loading.gif) transparent no-repeat center center; text-indent: -9999px; } /* jetpack portfolio in widget fix */ .textwidget .jetpack-portfolio-shortcode .portfolio-entry a, .textwidget .jetpack-portfolio-shortcode .portfolio-entry a img { max-width: 100%; height: auto; } /* shareaddy fix */ .sharedaddy ul > li { background: none !important; text-indent: 0 !important; } /*woocommerce fix*/ .woocommerce .product .entry-summary {clear:none;} /* video fix */ #content embed, #content iframe { max-width: 100%; } /* WooCommerce compatibility styling */ .woocommerce .quantity .qty { padding: 7px 3px; } body.woocommerce #forbottom { padding-top: 20px; } body.woocommerce .page-title { display: inherit; margin-bottom: 20px; padding: 10px; } body.woocommerce-page .entry-content .checkout ul > li { list-style: none outside none; } body.woocommerce-cart .entry-content fieldset, body.woocommerce-cart #content tr td, body.woocommerce-cart #content tr th, body.woocommerce-cart #content thead th { border: 0; } /* FIN! */