Removed : load_photo_actions from cb_head anchor
Added : edit_photo.html, photos.css and infinitescroll.min.js
This commit is contained in:
Fawaz
parent
48daf3da8b
commit
9a42ba8e1f
4 changed files with 521 additions and 5 deletions
|
|
@ -661,11 +661,12 @@ register_action_remove_video('remove_video_log');
|
|||
register_action_remove_video('remove_video_files');
|
||||
|
||||
|
||||
register_anchor_function('load_tagging', 'cb_head');
|
||||
register_anchor_function('load_photo_actions', 'cb_head');
|
||||
cb_register_function('delete_photo_avatar', 'delete_photo');
|
||||
cb_register_function('delete_photo_tags', 'delete_photo');
|
||||
cb_register_function('delete_photo_meta', 'delete_photo');
|
||||
register_anchor_function('load_tagging','cb_head');
|
||||
//register_anchor_function('load_photo_actions','cb_head');
|
||||
cb_register_function('delete_photo_avatar','delete_photo');
|
||||
cb_register_function('delete_photo_tags','delete_photo');
|
||||
cb_register_function('delete_photo_meta','delete_photo');
|
||||
|
||||
|
||||
include('admin.functions.php');
|
||||
//error_reporting(E_ALL ^E_NOTICE ^E_DEPRECATED);
|
||||
|
|
|
|||
31
upload/styles/cbv3/js/infinitescroll.min.js
vendored
Normal file
31
upload/styles/cbv3/js/infinitescroll.min.js
vendored
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
/*
|
||||
--------------------------------
|
||||
Infinite Scroll
|
||||
--------------------------------
|
||||
+ https://github.com/paulirish/infinite-scroll
|
||||
+ version 2.0b2.120519
|
||||
+ Copyright 2011/12 Paul Irish & Luke Shumard
|
||||
+ Licensed under the MIT license
|
||||
|
||||
+ Documentation: http://infinite-scroll.com/
|
||||
|
||||
*/
|
||||
|
||||
(function(h,d,e){d.infinitescroll=function(a,c,b){this.element=d(b);this._create(a,c)||(this.failed=!0)};d.infinitescroll.defaults={loading:{finished:e,finishedMsg:"<em>Congratulations, you've reached the end of the internet.</em>",img:"http://www.infinite-scroll.com/loading.gif",msg:null,msgText:"<em>Loading the next set of posts...</em>",selector:null,speed:"fast",start:e},state:{isDuringAjax:!1,isInvalidPage:!1,isDestroyed:!1,isDone:!1,isPaused:!1,currPage:1},callback:e,debug:!1,behavior:e,binder:d(h),
|
||||
nextSelector:"div.navigation a:first",navSelector:"div.navigation",contentSelector:null,extraScrollPx:150,itemSelector:"div.post",animate:!1,pathParse:e,dataType:"html",appendCallback:!0,bufferPx:40,errorCallback:function(){},infid:0,pixelsFromNavToBottom:e,path:e};d.infinitescroll.prototype={_binding:function(a){var c=this,b=c.options;b.v="2.0b2.111027";if(b.behavior&&this["_binding_"+b.behavior]!==e)this["_binding_"+b.behavior].call(this);else{if("bind"!==a&&"unbind"!==a)return this._debug("Binding value "+
|
||||
a+" not valid"),!1;if("unbind"==a)this.options.binder.unbind("smartscroll.infscr."+c.options.infid);else this.options.binder[a]("smartscroll.infscr."+c.options.infid,function(){c.scroll()});this._debug("Binding",a)}},_create:function(a,c){var b=d.extend(!0,{},d.infinitescroll.defaults,a);if(!this._validate(a))return!1;this.options=b;var g=d(b.nextSelector).attr("href");if(!g)return this._debug("Navigation selector not found"),!1;b.path=this._determinepath(g);b.contentSelector=b.contentSelector||this.element;
|
||||
b.loading.selector=b.loading.selector||b.contentSelector;b.loading.msg=d('<div id="infscr-loading"><img alt="Loading..." src="'+b.loading.img+'" /><div>'+b.loading.msgText+"</div></div>");(new Image).src=b.loading.img;b.pixelsFromNavToBottom=d(document).height()-d(b.navSelector).offset().top;b.loading.start=b.loading.start||function(){d(b.navSelector).hide();b.loading.msg.appendTo(b.loading.selector).show(b.loading.speed,function(){beginAjax(b)})};b.loading.finished=b.loading.finished||function(){b.loading.msg.fadeOut("normal")};
|
||||
b.callback=function(a,g){b.behavior&&a["_callback_"+b.behavior]!==e&&a["_callback_"+b.behavior].call(d(b.contentSelector)[0],g);c&&c.call(d(b.contentSelector)[0],g,b)};this._setup();return!0},_debug:function(){if(this.options&&this.options.debug)return h.console&&console.log.call(console,arguments)},_determinepath:function(a){var c=this.options;if(c.behavior&&this["_determinepath_"+c.behavior]!==e)this["_determinepath_"+c.behavior].call(this,a);else{if(c.pathParse)return this._debug("pathParse manual"),
|
||||
c.pathParse(a,this.options.state.currPage+1);if(a.match(/^(.*?)\b2\b(.*?$)/))a=a.match(/^(.*?)\b2\b(.*?$)/).slice(1);else if(a.match(/^(.*?)2(.*?$)/)){if(a.match(/^(.*?page=)2(\/.*|$)/))return a=a.match(/^(.*?page=)2(\/.*|$)/).slice(1);a=a.match(/^(.*?)2(.*?$)/).slice(1)}else{if(a.match(/^(.*?page=)1(\/.*|$)/))return a=a.match(/^(.*?page=)1(\/.*|$)/).slice(1);this._debug("Sorry, we couldn't parse your Next (Previous Posts) URL. Verify your the css selector points to the correct A tag. If you still get this error: yell, scream, and kindly ask for help at infinite-scroll.com.");
|
||||
c.state.isInvalidPage=!0}this._debug("determinePath",a);return a}},_error:function(a){var c=this.options;c.behavior&&this["_error_"+c.behavior]!==e?this["_error_"+c.behavior].call(this,a):("destroy"!==a&&"end"!==a&&(a="unknown"),this._debug("Error",a),"end"==a&&this._showdonemsg(),c.state.isDone=!0,c.state.currPage=1,c.state.isPaused=!1,this._binding("unbind"))},_loadcallback:function(a,c){var b=this.options,g=this.options.callback,f=b.state.isDone?"done":!b.appendCallback?"no-append":"append";if(b.behavior&&
|
||||
this["_loadcallback_"+b.behavior]!==e)this["_loadcallback_"+b.behavior].call(this,a,c);else{switch(f){case "done":return this._showdonemsg(),!1;case "no-append":"html"==b.dataType&&(c=d("<div>"+c+"</div>").find(b.itemSelector));break;case "append":var i=a.children();if(0==i.length)return this._error("end");for(f=document.createDocumentFragment();a[0].firstChild;)f.appendChild(a[0].firstChild);this._debug("contentSelector",d(b.contentSelector)[0]);d(b.contentSelector)[0].appendChild(f);c=i.get()}b.loading.finished.call(d(b.contentSelector)[0],
|
||||
b);b.animate&&(f=d(h).scrollTop()+d("#infscr-loading").height()+b.extraScrollPx+"px",d("html,body").animate({scrollTop:f},800,function(){b.state.isDuringAjax=!1}));b.animate||(b.state.isDuringAjax=!1);g(this,c)}},_nearbottom:function(){var a=this.options,c=0+d(document).height()-a.binder.scrollTop()-d(h).height();if(a.behavior&&this["_nearbottom_"+a.behavior]!==e)return this["_nearbottom_"+a.behavior].call(this);this._debug("math:",c,a.pixelsFromNavToBottom);return c-a.bufferPx<a.pixelsFromNavToBottom},
|
||||
_pausing:function(a){var c=this.options;if(c.behavior&&this["_pausing_"+c.behavior]!==e)this["_pausing_"+c.behavior].call(this,a);else{"pause"!==a&&("resume"!==a&&null!==a)&&this._debug("Invalid argument. Toggling pause value instead");switch(a&&("pause"==a||"resume"==a)?a:"toggle"){case "pause":c.state.isPaused=!0;break;case "resume":c.state.isPaused=!1;break;case "toggle":c.state.isPaused=!c.state.isPaused}this._debug("Paused",c.state.isPaused);return!1}},_setup:function(){var a=this.options;if(a.behavior&&
|
||||
this["_setup_"+a.behavior]!==e)this["_setup_"+a.behavior].call(this);else return this._binding("bind"),!1},_showdonemsg:function(){var a=this.options;a.behavior&&this["_showdonemsg_"+a.behavior]!==e?this["_showdonemsg_"+a.behavior].call(this):(a.loading.msg.find("img").hide().parent().find("div").html(a.loading.finishedMsg).animate({opacity:1},2E3,function(){d(this).parent().fadeOut("normal")}),a.errorCallback.call(d(a.contentSelector)[0],"done"))},_validate:function(a){for(var c in a)if(c.indexOf&&
|
||||
-1<c.indexOf("Selector")&&0===d(a[c]).length)return this._debug("Your "+c+" found no elements."),!1;return!0},bind:function(){this._binding("bind")},destroy:function(){this.options.state.isDestroyed=!0;return this._error("destroy")},pause:function(){this._pausing("pause")},resume:function(){this._pausing("resume")},retrieve:function(a){var c=this,b=c.options,g=b.path,f,i,j,h,a=a||null;beginAjax=function(a){a.state.currPage++;c._debug("heading into ajax",g);f=d(a.contentSelector).is("table")?d("<tbody/>"):
|
||||
d("<div/>");i=g.join(a.state.currPage);j="html"==a.dataType||"json"==a.dataType?a.dataType:"html+callback";a.appendCallback&&"html"==a.dataType&&(j+="+callback");switch(j){case "html+callback":c._debug("Using HTML via .load() method");f.load(i+" "+a.itemSelector,null,function(a){c._loadcallback(f,a)});break;case "html":c._debug("Using "+j.toUpperCase()+" via $.ajax() method");d.ajax({url:i,dataType:a.dataType,complete:function(a,b){(h="undefined"!==typeof a.isResolved?a.isResolved():"success"===b||
|
||||
"notmodified"===b)?c._loadcallback(f,a.responseText):c._error("end")}});break;case "json":c._debug("Using "+j.toUpperCase()+" via $.ajax() method"),d.ajax({dataType:"json",type:"GET",url:i,success:function(b,d,g){h="undefined"!==typeof g.isResolved?g.isResolved():"success"===d||"notmodified"===d;a.appendCallback?a.template!=e?(b=a.template(b),f.append(b),h?c._loadcallback(f,b):c._error("end")):(c._debug("template must be defined."),c._error("end")):h?c._loadcallback(f,b):c._error("end")},error:function(){c._debug("JSON ajax request failed.");
|
||||
c._error("end")}})}};if(b.behavior&&this["retrieve_"+b.behavior]!==e)this["retrieve_"+b.behavior].call(this,a);else{if(b.state.isDestroyed)return this._debug("Instance is destroyed"),!1;b.state.isDuringAjax=!0;b.loading.start.call(d(b.contentSelector)[0],b)}},scroll:function(){var a=this.options,c=a.state;a.behavior&&this["scroll_"+a.behavior]!==e?this["scroll_"+a.behavior].call(this):!c.isDuringAjax&&!c.isInvalidPage&&!c.isDone&&!c.isDestroyed&&!c.isPaused&&this._nearbottom()&&this.retrieve()},toggle:function(){this._pausing()},
|
||||
unbind:function(){this._binding("unbind")},update:function(a){d.isPlainObject(a)&&(this.options=d.extend(!0,this.options,a))}};d.fn.infinitescroll=function(a,c){switch(typeof a){case "string":var b=Array.prototype.slice.call(arguments,1);this.each(function(){var c=d.data(this,"infinitescroll");if(!c||!d.isFunction(c[a])||"_"===a.charAt(0))return!1;c[a].apply(c,b)});break;case "object":this.each(function(){var b=d.data(this,"infinitescroll");b?b.update(a):(b=new d.infinitescroll(a,c,this),b.failed||
|
||||
d.data(this,"infinitescroll",b))})}return this};var k=d.event,l;k.special.smartscroll={setup:function(){d(this).bind("scroll",k.special.smartscroll.handler)},teardown:function(){d(this).unbind("scroll",k.special.smartscroll.handler)},handler:function(a,c){var b=this,e=arguments;a.type="smartscroll";l&&clearTimeout(l);l=setTimeout(function(){d.event.handle.apply(b,e)},"execAsap"===c?0:100)}};d.fn.smartscroll=function(a){return a?this.bind("smartscroll",a):this.trigger("smartscroll",["execAsap"])}})(window,
|
||||
jQuery);
|
||||
137
upload/styles/cbv3/layout/edit_photo.html
Normal file
137
upload/styles/cbv3/layout/edit_photo.html
Normal file
|
|
@ -0,0 +1,137 @@
|
|||
{include_template_file file="blocks/account_left.html"}
|
||||
{$photo=$p}
|
||||
<div class="account-right">
|
||||
<ul class="breadcrumb">
|
||||
<li><a href="#">My account</a> <span class="divider">/</span></li>
|
||||
<li><a href="#">Library</a> <span class="divider">/</span></li>
|
||||
<li class="active">Data</li>
|
||||
</ul>
|
||||
<div class="account-heading">
|
||||
<h4>Editing "{$p.photo_title}"</h4>
|
||||
</div>
|
||||
|
||||
<div class="account-inner-left">
|
||||
<div class="photo-upload-preview-outer padding_box">
|
||||
<div class="photo-upload-preview-inner">
|
||||
<div class="absolute" style="bottom: 5px; right: 5px; opacity: 0.8; cursor: default;">
|
||||
{if $photo.photo_id == $photo.cover_photo }<span class="label label-info marginR5">{lang code='Cover photo'}</span>{/if}{if $photo.featured == 'yes'}<span class="label label-success marginR5">{lang code='Featured'}</span>{/if}{if $photo.is_mature == 'yes'}<span class="label label-important" title="{lang code='Login is required to view this photo'}">{lang code='Mature'}</span>{/if}
|
||||
</div>
|
||||
<img src="{get_photo size='l' details=$p}" class="new-photo-preview" />
|
||||
</div>
|
||||
</div>
|
||||
{assign var='reqFields' value=$cbphoto->load_required_forms( $p )}
|
||||
{assign var='otherFields' value=$cbphoto->load_other_forms( $p )}
|
||||
<form method="post" action="">
|
||||
<fieldset>
|
||||
<legend>{lang code='Photo Details'}</legend>
|
||||
{foreach $reqFields as $field}
|
||||
|
||||
{* Formating field for our template *}
|
||||
{$field.class='input-xxlarge'}
|
||||
|
||||
{if $field.type=='checkbox' || $field.type=='radiobutton'}
|
||||
{$field.sep=' '}
|
||||
|
||||
{if $field.type=='checkbox'}
|
||||
{$field.class='checkbox'}
|
||||
{else}
|
||||
{$field.class='radio'}
|
||||
{/if}
|
||||
{/if}
|
||||
|
||||
|
||||
<div class="control-group"{if $field@first} style="margin-top:0px;"{/if}>
|
||||
<label class="control-label" for="{$field.id}">{$field.title}
|
||||
{if $field.hint_before}
|
||||
<div>{$field.hint_before}</div>
|
||||
{/if}
|
||||
</label>
|
||||
<div class="controls">
|
||||
{ANCHOR place=$field.anchor_before}
|
||||
{$formObj->createField($field)}
|
||||
{ANCHOR place=$field.anchor_after}
|
||||
{if $field.hint_after}
|
||||
<p class="help-block">{$field.hint_after}</p>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
{/foreach}
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend>{lang code='Photo Options'}</legend>
|
||||
{foreach $otherFields as $field}
|
||||
|
||||
{* Formating field for our template *}
|
||||
{$field.class='input-xxlarge'}
|
||||
|
||||
{if $field.type=='checkbox' || $field.type=='radiobutton'}
|
||||
{$field.sep=' '}
|
||||
|
||||
{if $field.type=='checkbox'}
|
||||
{$field.class='checkbox'}
|
||||
{else}
|
||||
{$field.class='radio'}
|
||||
{/if}
|
||||
{/if}
|
||||
|
||||
|
||||
<div class="control-group"{if $field@first} style="margin-top:0px;"{/if}>
|
||||
<label class="control-label" for="{$field.id}">{$field.title}
|
||||
{if $field.hint_before}
|
||||
<div>{$field.hint_before}</div>
|
||||
{/if}
|
||||
</label>
|
||||
<div class="controls">
|
||||
{ANCHOR place=$field.anchor_before}
|
||||
{$formObj->createField($field)}
|
||||
{ANCHOR place=$field.anchor_after}
|
||||
{if $field.hint_after}
|
||||
<p class="help-block">{$field.hint_after}</p>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
{/foreach}
|
||||
</fieldset>
|
||||
<input type="hidden" name="photo_id" id="photo_id" value="{$photo.photo_id}" />
|
||||
<div class="form-actions">
|
||||
<button type="submit" name="update_photo" class="btn btn-primary">{lang code='Save Changes'}</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="account-inner-nav">
|
||||
<ul class="nav nav-list">
|
||||
<li class="nav-header">{lang code='Available Actions'}</li>
|
||||
<li><a href="{view_photo_link($photo)}">{lang code='View photo'}</a></li>
|
||||
{display_manager_links($photo)}
|
||||
<li class="divider"></li>
|
||||
<li><a href="javascript:void(0)" onclick="cb_confirm('Delete Photo','Are you sure you want to delete this photo ? This action will delete photo permanently.', function(){
|
||||
window.location = '?mode=uploaded&delete_photo={$photo.photo_id}';
|
||||
})">{lang code='Delete photo'}</a></li>
|
||||
</ul>
|
||||
{$pd=json_decode($p.photo_details,true)}
|
||||
{if $pd}
|
||||
<ul class="nav nav-list" id="available_dimensions">
|
||||
<li class="nav-header">{lang code='Available Dimensions'}</li>
|
||||
{display_photo_embed_sizes($p)}
|
||||
</ul>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(e){
|
||||
/* Add data-content to each of li's */
|
||||
$('ul#available_dimensions li[data-code]').each(function(i, li){
|
||||
var li_content = 'Set <code>size</code> parameter to <code>'+$(this).attr('data-code')+'</code> in <code>{get_photo }</code> smarty function.<br/><br/> Size: '+Math.round( $(this).attr('data-size')/1024 )+' KB';
|
||||
$(this).attr('data-content', li_content );
|
||||
});
|
||||
|
||||
$('ul#available_dimensions li[data-code]').popover({
|
||||
'title' : 'How to use',
|
||||
'placement' : 'left',
|
||||
'trigger' : 'hover'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
347
upload/styles/cbv3/theme/photos.css
Normal file
347
upload/styles/cbv3/theme/photos.css
Normal file
|
|
@ -0,0 +1,347 @@
|
|||
/*
|
||||
Document : photos
|
||||
Created on : Oct 5, 2012, 4:15:25 PM
|
||||
Author : Fawaz
|
||||
Description:
|
||||
Purpose of the stylesheet follows.
|
||||
*/
|
||||
|
||||
.view-collection-photos.item-block:hover .view-collection-photos-views {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.view-collection-photos.item-block {
|
||||
width: 265px; vertical-align: top;
|
||||
display: inline-block !important;
|
||||
box-shadow: none;
|
||||
position: relative;
|
||||
margin: 0px 10px 15px 0px;
|
||||
-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out;
|
||||
background: #f2f2f2; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #f2f2f2 1%, #dddddd 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f2f2f2), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #f2f2f2 1%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #f2f2f2 1%,#dddddd 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #f2f2f2 1%,#dddddd 100%); /* IE10+ */
|
||||
background: linear-gradient(to bottom, #f2f2f2 1%,#dddddd 100%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
.view-collection-photos.item-block .collection-photo img {
|
||||
min-width: 100%;
|
||||
}
|
||||
|
||||
.view-collection-photos.item-block .user-thumb-container {
|
||||
background: white;
|
||||
margin: 10px;
|
||||
padding: 0px;
|
||||
border-radius: 20px;
|
||||
box-shadow: 0px 1px 0px rgba(0,0,0,0.2), inset 0px 1px 2px rgba( 0,0,0,0.9 );
|
||||
width: 40px; height: 40px; display: block;
|
||||
}
|
||||
|
||||
.view-collection-photos.item-block .user-thumb-container .username, .view-collection-photos.item-block .user-thumb-container .date_added {
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
text-shadow: none;
|
||||
text-transform: uppercase;
|
||||
margin-top: -10px;
|
||||
color: #666;
|
||||
width: 350%;
|
||||
top: 25%;
|
||||
}
|
||||
|
||||
.view-collection-photos.item-block .user-thumb-container .date_added {
|
||||
top: 70%; position: absolute; text-transform: none;
|
||||
left: 125%; color: #999; font-weight: normal;
|
||||
}
|
||||
|
||||
.view-collection-photos.item-block h4 {
|
||||
margin: 10px 10px 0px; font-size: 14px; font-weight: bold;
|
||||
}
|
||||
|
||||
.view-collection-photos.item-block:hover {
|
||||
background: whitesmoke;
|
||||
}
|
||||
|
||||
.view-collection-photos.item-block .view-collection-photos-views {
|
||||
height: 36px; border: solid black; border-width: 1px 0px; background: rgba( 0, 0, 0, 0.8 );
|
||||
color: white; font-weight: bold; text-shadow: 0px -1px black; font-size: 14px; text-align: center;
|
||||
line-height: 36px; font-family: 'Open Sans', Arial, sans-serif; position: absolute; width:100%; top: 50%; margin-top: -18px;
|
||||
}
|
||||
|
||||
/* Photo tagger styles */
|
||||
#photo-tagger-button .tagger-tagging-button {
|
||||
position: relative;
|
||||
border-radius: 0px;
|
||||
border: 0px none;
|
||||
background: transparent;
|
||||
padding: 10px 15px 10px;
|
||||
box-shadow: none;
|
||||
font-weight: normal;
|
||||
color: #777;
|
||||
font-size: 14px;
|
||||
font-family: inherit;
|
||||
text-shadow: 0 1px 0 white;
|
||||
}
|
||||
|
||||
.navbar.navbar-inverse #photo-tagger-button .tagger-tagging-button {
|
||||
color : #999;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.navbar #photo-tagger-button .tagger-tagging-button:hover {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.navbar.navbar-inverse #photo-tagger-button .tagger-tagging-button:hover {
|
||||
background: transparent;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn-toolbar input.photo-url {
|
||||
transition: all linear .2s;
|
||||
-webkit-transition: all linear .2s;
|
||||
-moz-transition: all linear .2s;
|
||||
-o-transition: all linear .2s;
|
||||
width: 100px;
|
||||
font-size: 12px;
|
||||
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
|
||||
vertical-align: top; margin-right: 10px;
|
||||
}
|
||||
|
||||
.btn-toolbar input.photo-url:focus {
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
.navbar #photo-tagger-button .tagger-tagging-button.tagging-is-active, .navbar-inner li a.active, .navbar-inner li a.pressed,
|
||||
.navbar-inner li a.active:hover, .navbar-inner li a.pressed:hover {
|
||||
background: #e5e5e5;
|
||||
color : #555;
|
||||
}
|
||||
|
||||
.navbar.navbar-inverse #photo-tagger-button .tagger-tagging-button.tagging-is-active {
|
||||
background-color: #131313;
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* Photo share block */
|
||||
#embed-photo-block .photo-embed-name {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
#embed-photo-block .control-group {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
#embed-photo-block .photo-embed-code {
|
||||
width: 100%; font-size: 14px; box-sizing: border-box; height: 40px;
|
||||
padding: 0px 15px; font-family: Consolas,Monaco,monospace;
|
||||
-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out;
|
||||
}
|
||||
|
||||
#embed-photo-block .photo-embed-code.photo-embed-code-updating {
|
||||
background: #08C;
|
||||
border-color: #04C;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#embed-photo-block .help-block {
|
||||
margin: 0px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
#embed-photo-block .toggle-photo-size a {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#embed-photo-block.modal {
|
||||
width: 820px;
|
||||
margin-left: -410px;
|
||||
}
|
||||
|
||||
#embed-photo-block.modal.fade.in {
|
||||
top: 45%;
|
||||
}
|
||||
|
||||
#photo-embed-code-blocks .table {
|
||||
display: table;
|
||||
margin-bottom: 0px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#photo-embed-code-blocks .table .table-cell {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#embed-photo-block .modal-body {
|
||||
height: auto;
|
||||
max-height: none;
|
||||
}
|
||||
|
||||
#embed-photo-block #photo-embed-code-blocks .cbv3-scroller {
|
||||
max-height: 450px;
|
||||
}
|
||||
|
||||
#embed-photo-block .photo-embed-code-blocks {
|
||||
float: right;
|
||||
width:65%;
|
||||
}
|
||||
|
||||
#embed-photo-block .photo-embed-object {
|
||||
float: left;
|
||||
width: 33%;
|
||||
height: 400px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#embed-photo-block .photo-embed-sizes {
|
||||
list-style: none; display: block; margin: 0px;
|
||||
padding: 0px; white-space: nowrap; margin-bottom: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#embed-photo-block .photo-embed-sizes li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#embed-photo-block .photo-embed-sizes li a {
|
||||
display: block; font-size: 16px; font-weight: bold;
|
||||
padding: 1em 1.5em; color: #666;
|
||||
border: solid black; border-width: 1px 1px; text-shadow: 0px -1px black;
|
||||
background: #121212; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #121212 0%, #232323 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#121212), color-stop(100%,#232323)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #121212 0%,#232323 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #121212 0%,#232323 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #121212 0%,#232323 100%); /* IE10+ */
|
||||
background: linear-gradient(to bottom, #121212 0%,#232323 100%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#121212', endColorstr='#232323',GradientType=0 ); /* IE6-9 */
|
||||
|
||||
}
|
||||
|
||||
#embed-photo-block .photo-embed-sizes li:first-child a {
|
||||
border-radius: 4px 0px 0px 4px;
|
||||
}
|
||||
|
||||
#embed-photo-block .photo-embed-sizes li:last-child a {
|
||||
border-radius: 0px 4px 4px 0px;
|
||||
}
|
||||
|
||||
#embed-photo-block .photo-embed-sizes li a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#embed-photo-block .photo-embed-sizes li.active a {
|
||||
background: rgb(0,0,0); /* Old browsers */
|
||||
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(35,35,35,1) 50%, rgba(0,0,0,1) 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(50%,rgba(35,35,35,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(35,35,35,1) 50%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(35,35,35,1) 50%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(35,35,35,1) 50%,rgba(0,0,0,1) 100%); /* IE10+ */
|
||||
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(35,35,35,1) 50%,rgba(0,0,0,1) 100%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
|
||||
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* Fixing actions bar */
|
||||
.photo-actions-bar-fixed .navbar-inner {
|
||||
border-width: 0px 0px 1px;
|
||||
border-radius: 0px;
|
||||
box-shadow: 0px 2px 1px -1px rgba( 0, 0, 0, 0.095 );
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.photo-actions-bar-fixed .navbar-inner::after, .photo-actions-bar-fixed .navbar-inner::before {
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background: inherit;
|
||||
box-shadow: inherit;
|
||||
border: inherit;
|
||||
display: block;
|
||||
right: 100%;
|
||||
z-index: 1500;
|
||||
}
|
||||
|
||||
.photo-actions-bar-fixed .navbar-inner::before {
|
||||
left: 100%;
|
||||
}
|
||||
|
||||
.photos-sidebar .cb-widget {
|
||||
background: whitesmoke;
|
||||
border: 1px solid #bbb;
|
||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.095) inset, 0 1px 0px 0 lavender, 0px 2px 0px 0px rgba( 187, 187, 187, 1 );
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.photos-sidebar .cb-widget ul {
|
||||
margin: 0px 0px 10px; padding: 0px;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.photos-sidebar .cb-widget li, .photos-sidebar .cb-widget li a { display: block; clear: both; }
|
||||
.photos-sidebar li > a {
|
||||
padding: 10px 10px; color: #333; text-shadow: 0px 1px white;
|
||||
background: transparent; border-style: solid; border-color: transparent; border-width: 1px 0px;
|
||||
}
|
||||
|
||||
.photos-sidebar li > a:hover {
|
||||
background: rgb(255,255,255);
|
||||
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
|
||||
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(245,245,245,1)));
|
||||
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
|
||||
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
|
||||
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
|
||||
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=1 );
|
||||
text-decoration: none;
|
||||
|
||||
}
|
||||
|
||||
.photos-sidebar li > a:active {
|
||||
border-color: rgba( 0, 0, 0, 0.05 );
|
||||
|
||||
}
|
||||
|
||||
.photos-sidebar .cb-widget-title {
|
||||
border-bottom: 0px; font-weight: bold; padding: 0px;
|
||||
box-shadow: none; text-transform: uppercase; text-shadow: 0px 1px white;
|
||||
font-size: 14px; color: #333; margin: 10px; line-height: 20px; white-space: nowrap;
|
||||
text-overflow : ellipsis; overflow: hidden;
|
||||
}
|
||||
|
||||
.photo-sidebar h5 {
|
||||
margin: 0px; font-weight: normal;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.photo-sidebar span.muted {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.photo-sidebar-photo-thumb {
|
||||
width: 130px;
|
||||
height: 75px;
|
||||
overflow: hidden;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.photo-sidebar-photo-thumb img {
|
||||
min-height: 100%;
|
||||
max-width: none;
|
||||
width: auto;
|
||||
margin-top: -5px;
|
||||
}
|
||||
|
||||
/* Photo tags label */
|
||||
.photos-sidebar .cb-widget .tagger-label-wrapper {
|
||||
margin: 0px 10px 10px; line-height: 18px;
|
||||
}
|
||||
|
||||
.photos-sidebar .cb-widget .tagger-tag-label {
|
||||
cursor: default;
|
||||
}
|
||||
Loading…
Add table
Reference in a new issue