Tons of stuff
parent
120bbcf241
commit
1fabd87220
File diff suppressed because it is too large
Load Diff
|
@ -61,6 +61,10 @@ body {
|
|||
color: #666;
|
||||
font: normal 14px @Helvetica;
|
||||
text-rendering: optimizeLegibility;
|
||||
|
||||
li {
|
||||
line-height: normal;
|
||||
}
|
||||
}
|
||||
|
||||
// Global
|
||||
|
@ -196,19 +200,31 @@ header.sub {
|
|||
width: 939px;
|
||||
z-index: 49;
|
||||
|
||||
ul {
|
||||
ul.bcrumb {
|
||||
border-right: 1px solid #d0d0d0;
|
||||
float: left;
|
||||
margin: 0;
|
||||
padding-left: 16px;
|
||||
width: 733px;
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
padding: 4px 0 6px 0;
|
||||
max-width: 490px;
|
||||
line-height: normal;
|
||||
overflow: hidden;
|
||||
padding: 4px 0 7px 0;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
||||
a {
|
||||
color: #999999;
|
||||
font: bold 12px @Consolas;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 1px 0 #FFF;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
&.prompt {
|
||||
color: #999999;
|
||||
|
@ -218,6 +234,13 @@ header.sub {
|
|||
}
|
||||
}
|
||||
}
|
||||
div.shortcuts {
|
||||
color: #999999;
|
||||
float: right;
|
||||
font: bold 12px @Consolas;
|
||||
padding-top: 6px;
|
||||
text-shadow: 0 1px 0 #FFF;
|
||||
}
|
||||
}
|
||||
}
|
||||
section.main {
|
||||
|
@ -308,6 +331,7 @@ section.main {
|
|||
margin: 0 0 15px 0;
|
||||
|
||||
li {
|
||||
list-style-type: none;
|
||||
margin: 6px 0 6px 22px;
|
||||
}
|
||||
}
|
||||
|
@ -553,7 +577,10 @@ article.snipt {
|
|||
width: 100px;
|
||||
|
||||
ul.options {
|
||||
margin: 0;
|
||||
|
||||
li {
|
||||
list-style-type: none;
|
||||
margin: 2px 0;
|
||||
|
||||
a {
|
||||
|
@ -564,6 +591,7 @@ article.snipt {
|
|||
opacity: .5;
|
||||
padding: 7px 10px 7px 35px;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover, &.hover {
|
||||
background-color: rgba(128, 128, 128, .18);
|
||||
|
@ -605,8 +633,11 @@ article.snipt {
|
|||
padding: 7px 0 7px 35px;
|
||||
}
|
||||
ul {
|
||||
margin: 0;
|
||||
|
||||
li {
|
||||
margin: 6px 10px 6px 35px;
|
||||
list-style-type: none;
|
||||
margin: 5px 10px 5px 35px;
|
||||
|
||||
a {
|
||||
border-bottom: 1px solid #999;
|
||||
|
@ -724,25 +755,10 @@ div.pagination {
|
|||
|
||||
ul {
|
||||
background: #FFF;
|
||||
display: inline-block;
|
||||
float: none;
|
||||
|
||||
li {
|
||||
a {
|
||||
color: #3BAAF3;
|
||||
padding: 0 8px;
|
||||
|
||||
&:hover {
|
||||
background: #EAE8EB;
|
||||
}
|
||||
}
|
||||
&.active {
|
||||
a {
|
||||
background: #E0E1E1;
|
||||
}
|
||||
}
|
||||
&.prev {
|
||||
line-height: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -0,0 +1,7 @@
|
|||
/**
|
||||
* Bootstrap.js by @fat & @mdo
|
||||
* plugins: bootstrap-modal.js
|
||||
* Copyright 2012 Twitter, Inc.
|
||||
* http://www.apache.org/licenses/LICENSE-2.0.txt
|
||||
*/
|
||||
!function(a){function c(){var b=this,c=setTimeout(function(){b.$element.off(a.support.transition.end),d.call(b)},500);this.$element.one(a.support.transition.end,function(){clearTimeout(c),d.call(b)})}function d(a){this.$element.hide().trigger("hidden"),e.call(this)}function e(b){var c=this,d=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var e=a.support.transition&&d;this.$backdrop=a('<div class="modal-backdrop '+d+'" />').appendTo(document.body),this.options.backdrop!="static"&&this.$backdrop.click(a.proxy(this.hide,this)),e&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),e?this.$backdrop.one(a.support.transition.end,b):b()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),a.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(a.support.transition.end,a.proxy(f,this)):f.call(this)):b&&b()}function f(){this.$backdrop.remove(),this.$backdrop=null}function g(){var b=this;this.isShown&&this.options.keyboard?a(document).on("keyup.dismiss.modal",function(a){a.which==27&&b.hide()}):this.isShown||a(document).off("keyup.dismiss.modal")}"use strict";var b=function(b,c){this.options=a.extend({},a.fn.modal.defaults,c),this.$element=a(b).delegate('[data-dismiss="modal"]',"click.dismiss.modal",a.proxy(this.hide,this))};b.prototype={constructor:b,toggle:function(){return this[this.isShown?"hide":"show"]()},show:function(){var b=this;if(this.isShown)return;this.isShown=!0,this.$element.trigger("show"),g.call(this),e.call(this,function(){var c=a.support.transition&&b.$element.hasClass("fade");!b.$element.parent().length&&b.$element.appendTo(document.body),b.$element.show(),c&&b.$element[0].offsetWidth,b.$element.addClass("in"),c?b.$element.one(a.support.transition.end,function(){b.$element.trigger("shown")}):b.$element.trigger("shown")})},hide:function(b){b&&b.preventDefault();if(!this.isShown)return;var e=this;this.isShown=!1,g.call(this),this.$element.trigger("hide").removeClass("in"),a.support.transition&&this.$element.hasClass("fade")?c.call(this):d.call(this)}},a.fn.modal=function(c){return this.each(function(){var d=a(this),e=d.data("modal"),f=typeof c=="object"&&c;e||d.data("modal",e=new b(this,f)),typeof c=="string"?e[c]():e.show()})},a.fn.modal.defaults={backdrop:!0,keyboard:!0},a.fn.modal.Constructor=b,a(function(){a("body").on("click.modal.data-api",'[data-toggle="modal"]',function(b){var c=a(this),d=a(c.attr("data-target")||c.attr("href")),e=d.data("modal")?"toggle":a.extend({},d.data(),c.data());b.preventDefault(),d.modal(e)})})}(window.jQuery)
|
|
@ -61,7 +61,7 @@
|
|||
});
|
||||
},
|
||||
showKeyboardShortcuts: function() {
|
||||
alert('Keyboard shortcut modal.');
|
||||
$('#keyboard-shortcuts').modal('toggle');
|
||||
},
|
||||
inFieldLabels: function () {
|
||||
$('div.infield label', this.$el).inFieldLabels({
|
||||
|
|
|
@ -6,15 +6,16 @@
|
|||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Long-term memory for coders. Share and store code snippets." />
|
||||
{% if debug %}
|
||||
<link rel="stylesheet" href="{{ STATIC_URL }}css/bootstrap.css" />
|
||||
<link rel="stylesheet/less" href="{{ STATIC_URL }}css/style.less" />
|
||||
<link rel="stylesheet" href="{{ STATIC_URL }}css/reset.css" />
|
||||
<link rel="stylesheet/less" href="{{ STATIC_URL }}css/style.less" />
|
||||
<link rel="stylesheet" href="{{ STATIC_URL }}css/bootstrap.css" />
|
||||
<link rel="stylesheet" href="{{ STATIC_URL }}css/themes.css" />
|
||||
|
||||
<script type="text/javascript" src="{{ STATIC_URL }}js/libs/a_underscore.js"></script>
|
||||
<script type="text/javascript" src="{{ STATIC_URL }}js/libs/b_jquery.js"></script>
|
||||
<script type="text/javascript" src="{{ STATIC_URL }}js/libs/c_json2.js"></script>
|
||||
<script type="text/javascript" src="{{ STATIC_URL }}js/libs/d_backbone.js"></script>
|
||||
<script type="text/javascript" src="{{ STATIC_URL }}js/libs/e_bootstrap.js"></script>
|
||||
<script type="text/javascript" src="{{ STATIC_URL }}js/plugins/jquery.infieldlabel.js"></script>
|
||||
<script type="text/javascript" src="{{ STATIC_URL }}js/plugins/jquery.hotkeys.js"></script>
|
||||
<script type="text/javascript" src="{{ STATIC_URL }}js/plugins/jquery.ui.js"></script>
|
||||
|
@ -76,11 +77,14 @@
|
|||
</div>
|
||||
</header>
|
||||
<header class="sub">
|
||||
<div class="inner">
|
||||
<ul>
|
||||
<div class="inner group">
|
||||
<ul class="bcrumb">
|
||||
<li class="prompt">/</li>
|
||||
{% block breadcrumb %}{% endblock %}
|
||||
</ul>
|
||||
<div class="shortcuts">
|
||||
Type "?" for KB shortcuts
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<section class="main group">
|
||||
|
@ -122,6 +126,19 @@
|
|||
<div class="left-y ruler"></div>
|
||||
<div class="right-y ruler"></div>
|
||||
</section>
|
||||
<div class="modal hide" id="keyboard-shortcuts">
|
||||
<div class="modal-header">
|
||||
<a href="#" class="close js-dismiss">×</a>
|
||||
<h3>Modal header</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>One fine body…</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn primary">Save changes</a>
|
||||
<a href="#" class="btn">Close</a>
|
||||
</div>
|
||||
</div>
|
||||
{% if not debug %}
|
||||
<script type="text/javascript">
|
||||
//<![CDATA[
|
||||
|
|
|
@ -4,11 +4,11 @@
|
|||
<ul>
|
||||
{% if page_obj.has_previous %}
|
||||
<li class="prev">
|
||||
<a id="prev-page" href="?page={{ page_obj.previous_page_number }}{{ getvars }}">←</a>
|
||||
<a id="prev-page" href="?page={{ page_obj.previous_page_number }}{{ getvars }}">«</a>
|
||||
</li>
|
||||
{% else %}
|
||||
<li class="disabled prev">
|
||||
<a href="#">←</a>
|
||||
<a href="#">«</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% for page in pages %}
|
||||
|
@ -30,11 +30,11 @@
|
|||
{% endfor %}
|
||||
{% if page_obj.has_next %}
|
||||
<li class="next">
|
||||
<a id="next-page" href="?page={{ page_obj.next_page_number }}{{ getvars }}">→</a>
|
||||
<a id="next-page" href="?page={{ page_obj.next_page_number }}{{ getvars }}">»</a>
|
||||
</li>
|
||||
{% else %}
|
||||
<li class="disabled next">
|
||||
<a href="#">→</a>
|
||||
<a href="#">»</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
|
|
Loading…
Reference in New Issue