Upgrade to Bootstrap 3
This commit is contained in:
benweet
parent
2e45c0921c
commit
be3150f18e
@ -200,9 +200,9 @@ define([
|
||||
$(".navbar").click(function() {
|
||||
layout.allowOverflow('north');
|
||||
});
|
||||
$(".ui-layout-toggler-north").addClass("btn").append($("<b>").addClass("caret"));
|
||||
$(".ui-layout-toggler-south").addClass("btn").append($("<b>").addClass("caret"));
|
||||
$(".ui-layout-toggler-east").addClass("btn").append($("<b>").addClass("caret"));
|
||||
$(".ui-layout-toggler-north").addClass("btn btn-info").append($("<b>").addClass("caret"));
|
||||
$(".ui-layout-toggler-south").addClass("btn btn-info").append($("<b>").addClass("caret"));
|
||||
$(".ui-layout-toggler-east").addClass("btn btn-info").append($("<b>").addClass("caret"));
|
||||
|
||||
eventMgr.onLayoutCreated(layout);
|
||||
}
|
||||
@ -334,7 +334,7 @@ define([
|
||||
editor.undoManager.reinit(initDocumentContent, fileDesc.editorStart, fileDesc.editorEnd, fileDesc.editorScrollTop);
|
||||
|
||||
// Hide default buttons
|
||||
$(".wmd-button-row").addClass("btn-group").find("li:not(.wmd-spacer)").addClass("btn").css("left", 0).find("span").hide();
|
||||
$(".wmd-button-row").addClass("btn-group").find("li:not(.wmd-spacer)").addClass("btn btn-default").css("left", 0).find("span").hide();
|
||||
|
||||
// Add customized buttons
|
||||
$("#wmd-bold-button").append($('<i class="icon-bold">'));
|
||||
|
||||
@ -13,7 +13,7 @@ define([
|
||||
};
|
||||
|
||||
var fileDesc = undefined;
|
||||
var removeButtonTemplate = '<a class="btn" title="Remove this location"><i class="icon-trash"></i></a>';
|
||||
var removeButtonTemplate = '<a class="btn btn-default" title="Remove this location"><i class="icon-trash"></i></a>';
|
||||
var refreshDialog = function(fileDescParameter) {
|
||||
if(fileDescParameter !== undefined && fileDescParameter !== fileDesc) {
|
||||
return;
|
||||
|
||||
@ -18,7 +18,7 @@ define([
|
||||
};
|
||||
|
||||
var fileDesc = undefined;
|
||||
var removeButtonTemplate = '<a class="btn" title="Remove this location"><i class="icon-trash"></i></a>';
|
||||
var removeButtonTemplate = '<a class="btn btn-info" title="Remove this location"><i class="icon-trash"></i></a>';
|
||||
var refreshDialog = function(fileDescParameter) {
|
||||
if(fileDescParameter !== undefined && fileDescParameter !== fileDesc) {
|
||||
return;
|
||||
@ -40,11 +40,11 @@ define([
|
||||
syncDesc: syncDesc,
|
||||
isRealtime: syncAttributes.isRealtime
|
||||
}));
|
||||
lineElement.append($(removeButtonTemplate).click(function() {
|
||||
lineElement.append($('<div class="input-group-btn">').append($(removeButtonTemplate).click(function() {
|
||||
synchronizer.tryStopRealtimeSync();
|
||||
fileDesc.removeSyncLocation(syncAttributes);
|
||||
eventMgr.onSyncRemoved(fileDesc, syncAttributes);
|
||||
}));
|
||||
})));
|
||||
syncList.append(lineElement);
|
||||
});
|
||||
};
|
||||
|
||||
@ -6,15 +6,15 @@
|
||||
</ul>
|
||||
<ul class="nav pull-right" id="menu-bar">
|
||||
<li id="extension-buttons"></li>
|
||||
<li class="btn-group"><button class="btn action-create-file"
|
||||
<li class="btn-group"><button class="btn btn-default action-create-file"
|
||||
title="New local document">
|
||||
<i class="icon-file"></i>
|
||||
</button>
|
||||
<button class="btn" title="Delete local document"
|
||||
<button class="btn btn-default" title="Delete local document"
|
||||
data-toggle="modal" data-target="#modal-remove-file-confirm">
|
||||
<i class="icon-trash"></i>
|
||||
</button>
|
||||
<button class="btn dropdown-toggle action-open-file"
|
||||
<button class="btn btn-default dropdown-toggle action-open-file"
|
||||
data-toggle="dropdown" title="Open local document">
|
||||
<i class="icon-folder-open"></i>
|
||||
</button>
|
||||
@ -26,7 +26,7 @@
|
||||
</div>
|
||||
</li>
|
||||
</ul></li>
|
||||
<li class="btn-group"><button class="btn dropdown-toggle"
|
||||
<li class="btn-group"><button class="btn btn-default dropdown-toggle"
|
||||
data-toggle="dropdown" title="Menu">
|
||||
<i class="icon-stackedit"></i> <i class="icon-down-dir"></i>
|
||||
</button>
|
||||
@ -121,7 +121,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Cancel</a> <a href="#"
|
||||
<a href="#" class="btn btn-default" data-dismiss="modal">Cancel</a> <a href="#"
|
||||
class="btn btn-primary action-insert-link" data-dismiss="modal">OK</a>
|
||||
</div>
|
||||
</div>
|
||||
@ -147,9 +147,9 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn action-import-image-gplus"
|
||||
<a href="#" class="btn btn-default action-import-image-gplus"
|
||||
data-dismiss="modal"><i class="icon-gplus"></i> Import from
|
||||
Google+</a> <a href="#" class="btn" data-dismiss="modal">Cancel</a> <a
|
||||
Google+</a> <a href="#" class="btn btn-default" data-dismiss="modal">Cancel</a> <a
|
||||
href="#" class="btn btn-primary action-insert-image"
|
||||
data-dismiss="modal">OK</a>
|
||||
</div>
|
||||
@ -193,7 +193,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Cancel</a> <a href="#"
|
||||
<a href="#" class="btn btn-default" data-dismiss="modal">Cancel</a> <a href="#"
|
||||
class="btn btn-primary action-import-image" data-dismiss="modal">OK</a>
|
||||
</div>
|
||||
</div>
|
||||
@ -220,7 +220,7 @@
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Cancel</a> <a href="#"
|
||||
<a href="#" class="btn btn-default" data-dismiss="modal">Cancel</a> <a href="#"
|
||||
class="btn btn-primary action-remove-file" data-dismiss="modal">Delete</a>
|
||||
</div>
|
||||
</div>
|
||||
@ -277,7 +277,7 @@
|
||||
<textarea id="input-convert-html"></textarea>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Close</a> <a href="#"
|
||||
<a href="#" class="btn btn-default" data-dismiss="modal">Close</a> <a href="#"
|
||||
class="btn btn-primary action-convert-html" data-dismiss="modal">OK</a>
|
||||
</div>
|
||||
</div>
|
||||
@ -332,7 +332,7 @@
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Cancel</a> <a href="#"
|
||||
<a href="#" class="btn btn-default" data-dismiss="modal">Cancel</a> <a href="#"
|
||||
data-dismiss="modal"
|
||||
class="btn btn-primary action-sync-export-gdrive">OK</a>
|
||||
</div>
|
||||
@ -374,7 +374,7 @@
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Cancel</a> <a href="#"
|
||||
<a href="#" class="btn btn-default" data-dismiss="modal">Cancel</a> <a href="#"
|
||||
data-dismiss="modal"
|
||||
class="btn btn-primary action-sync-export-dropbox">OK</a>
|
||||
</div>
|
||||
@ -397,7 +397,7 @@
|
||||
"<span class="file-title"></span>" is synchronized with the
|
||||
following location(s):
|
||||
</p>
|
||||
<div id="manage-sync-list"></div>
|
||||
<p id="manage-sync-list"></p>
|
||||
<blockquote class="msg-sync-list hide muted">
|
||||
<b>NOTE:</b> Removing a synchronized location will not delete any
|
||||
file.
|
||||
@ -411,14 +411,14 @@
|
||||
class="icon-gdrive"></i></span><input id="input-sync-manual-gdrive-id"
|
||||
type="text" class="col-lg-5 form-control"
|
||||
placeholder="GoogleDriveFileID"></input> <a
|
||||
class="btn action-sync-manual-gdrive" title="Add location"
|
||||
class="btn btn-default action-sync-manual-gdrive" title="Add location"
|
||||
data-dismiss="modal"><i class="icon-ok"></i></a>
|
||||
</div>
|
||||
<div class="input-prepend input-append sync-manual">
|
||||
<span class="add-on" title="Dropbox"><i class="icon-dropbox"></i></span><input
|
||||
id="input-sync-manual-dropbox-path" type="text"
|
||||
class="col-lg-5 form-control" placeholder="/dropbox/file/path"></input>
|
||||
<a class="btn action-sync-manual-dropbox" title="Add location"
|
||||
<a class="btn btn-default action-sync-manual-dropbox" title="Add location"
|
||||
data-dismiss="modal"><i class="icon-ok"></i></a>
|
||||
</div>
|
||||
<blockquote class="muted">
|
||||
@ -653,7 +653,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Cancel</a> <a href="#"
|
||||
<a href="#" class="btn btn-default" data-dismiss="modal">Cancel</a> <a href="#"
|
||||
data-dismiss="modal" class="btn btn-primary action-process-publish">OK</a>
|
||||
</div>
|
||||
</div>
|
||||
@ -836,7 +836,7 @@
|
||||
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Cancel</a> <a href="#"
|
||||
<a href="#" class="btn btn-default" data-dismiss="modal">Cancel</a> <a href="#"
|
||||
class="btn btn-primary action-apply-settings" data-dismiss="modal">OK</a>
|
||||
</div>
|
||||
</div>
|
||||
@ -896,7 +896,7 @@
|
||||
<blockquote class="muted">Are you sure?</blockquote>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Cancel</a> <a href="#"
|
||||
<a href="#" class="btn btn-default" data-dismiss="modal">Cancel</a> <a href="#"
|
||||
class="btn btn-primary action-app-reset" data-dismiss="modal">OK</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -4,13 +4,13 @@
|
||||
|
||||
<ul class="nav pull-right hide" id="menu-bar">
|
||||
<li class="btn-group">
|
||||
<button class="btn action-edit-document hide"
|
||||
<button class="btn btn-default action-edit-document hide"
|
||||
title="Edit this document">
|
||||
<i class="icon-pencil"></i>
|
||||
</button>
|
||||
</li>
|
||||
<li class="btn-group">
|
||||
<button class="btn dropdown-toggle" data-toggle="dropdown"
|
||||
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown"
|
||||
title="Save this document">
|
||||
<i class="icon-download-alt"></i>
|
||||
</button>
|
||||
@ -24,7 +24,7 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="btn-group">
|
||||
<button class="btn dropdown-toggle action-open-file"
|
||||
<button class="btn btn-default dropdown-toggle action-open-file"
|
||||
data-toggle="dropdown" title="Open local document">
|
||||
<i class="icon-folder-open"></i>
|
||||
</button>
|
||||
@ -37,7 +37,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="btn-group"><button class="btn action-open-stackedit"
|
||||
<li class="btn-group"><button class="btn btn-default action-open-stackedit"
|
||||
title="Open StackEdit">
|
||||
<i class="icon-stackedit"></i>
|
||||
</button></li>
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<button class="btn dropdown-toggle action-html-code" title="HTML code" data-toggle="dropdown">
|
||||
<button class="btn btn-default dropdown-toggle action-html-code" title="HTML code" data-toggle="dropdown">
|
||||
<i class="icon-code"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu pull-right">
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<button class="btn dropdown-toggle" title="Markdown syntax" data-toggle="dropdown">
|
||||
<button class="btn btn-default dropdown-toggle" title="Markdown syntax" data-toggle="dropdown">
|
||||
<i class="icon-help-circled"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu pull-right">
|
||||
|
||||
@ -1,3 +1,3 @@
|
||||
<button class="btn" title="Publish this document">
|
||||
<button class="btn btn-default" title="Publish this document">
|
||||
<i class="icon-share"></i>
|
||||
</button>
|
||||
@ -1,4 +1,4 @@
|
||||
<button class="btn dropdown-toggle" data-toggle="dropdown"
|
||||
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown"
|
||||
title="Share this document">
|
||||
<i class="icon-link"></i>
|
||||
</button>
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<button class="btn dropdown-toggle" title="Document statistics" data-toggle="dropdown">
|
||||
<button class="btn btn-default dropdown-toggle" title="Document statistics" data-toggle="dropdown">
|
||||
<i class="icon-chart-bar"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu pull-right">
|
||||
|
||||
@ -1,3 +1,3 @@
|
||||
<button class="btn" title="Synchronize all documents">
|
||||
<button class="btn btn-default" title="Synchronize all documents">
|
||||
<i class="icon-refresh"></i>
|
||||
</button>
|
||||
@ -1,4 +1,4 @@
|
||||
<button class="btn dropdown-toggle" title="Table of contents" data-toggle="dropdown">
|
||||
<button class="btn btn-default dropdown-toggle" title="Table of contents" data-toggle="dropdown">
|
||||
<i class="icon-list"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu pull-right">
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<a href="viewer.html" class="btn dropdown-toggle"
|
||||
<a href="viewer.html" class="btn btn-default dropdown-toggle"
|
||||
title="Open in viewer">
|
||||
<i class="icon-resize-full"></i>
|
||||
</a>
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<div class="input-prepend input-append">
|
||||
<span class="add-on" title="<%= provider.providerName %><%= isRealtime ? ' (real time)' : '' %>"> <i
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon" title="<%= provider.providerName %><%= isRealtime ? ' (real time)' : '' %>"> <i
|
||||
class="icon-<%= provider.providerId %><%= isRealtime ? ' realtime' : '' %>"></i>
|
||||
</span> <input class="span5" type="text" value="<%= syncDesc %>" disabled />
|
||||
</span> <input class="col-lg-6 form-control" type="text" value="<%= syncDesc %>" disabled />
|
||||
</div>
|
||||
|
||||
@ -1,7 +1,11 @@
|
||||
@bg-light: #f2f2f2;
|
||||
@preview-bg-light: #e8e8e8;
|
||||
@bg-navbar-hover: #eee;
|
||||
@border: #ddd;
|
||||
@text-inv: #fff;
|
||||
@text-light: #888;
|
||||
@error-border: #ff8661;
|
||||
@icon-color: #525252;
|
||||
@icon-color-inv: #fff;
|
||||
|
||||
/* Bootstrap */
|
||||
@body-bg: #f5f5f5;
|
||||
@ -11,6 +15,16 @@
|
||||
@dropdown-link-hover-bg: #888;
|
||||
@dropdown-link-active-color: #fff;
|
||||
@input-color-placeholder: #ccc;
|
||||
@btn-default-color: #333333;
|
||||
@btn-default-bg: #fff;
|
||||
@btn-default-border: fade(#000, 0%);
|
||||
@btn-primary-color: #fff;
|
||||
@btn-primary-bg: #777;
|
||||
@btn-primary-border: fade(#000, 0%);
|
||||
@btn-info-bg: @body-bg;
|
||||
@btn-info-border: fade(#000, 0%);
|
||||
@gray-lighter: @body-bg;
|
||||
|
||||
|
||||
body {
|
||||
tab-size: 4;
|
||||
@ -38,17 +52,46 @@ body {
|
||||
Override Bootstrap
|
||||
*/
|
||||
|
||||
/*
|
||||
div,span,a,ul,li,textarea,input,button {
|
||||
background-image: none !important;
|
||||
filter: none !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
-moz-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
*/
|
||||
/*******************
|
||||
* Buttons
|
||||
*******************/
|
||||
|
||||
.btn {
|
||||
padding: 8px 11px;
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
color: @btn-primary-color;
|
||||
}
|
||||
|
||||
.btn-group {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
// Last dropdown-toggle in a button-group (Bootstrap override)
|
||||
.btn-group>.btn+.dropdown-toggle {
|
||||
padding-right: 11px;
|
||||
padding-left: 11px;
|
||||
}
|
||||
|
||||
|
||||
/*******************
|
||||
* Modal
|
||||
*******************/
|
||||
|
||||
.modal-backdrop {
|
||||
background-color: fade(#999, 60%);
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
/********************
|
||||
* Input
|
||||
********************/
|
||||
|
||||
// Fix form-inline broken since v3
|
||||
.form-inline {
|
||||
.col-lg-1 { width: percentage((1 / @grid-columns)); }
|
||||
.col-lg-2 { width: percentage((2 / @grid-columns)); }
|
||||
@ -65,24 +108,6 @@ div,span,a,ul,li,textarea,input,button {
|
||||
* {float:none;}
|
||||
}
|
||||
|
||||
.btn,.navbar-inner,.add-on {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
/*******************
|
||||
* Modal
|
||||
*******************/
|
||||
.modal-backdrop {
|
||||
background-color: fade(#999, 60%);
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
/********************
|
||||
* Input
|
||||
********************/
|
||||
.form-control:focus {
|
||||
border-color: @input-border;
|
||||
.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(128, 128, 128, 0.6)");
|
||||
@ -93,143 +118,212 @@ div,span,a,ul,li,textarea,input,button {
|
||||
}
|
||||
|
||||
.modal textarea.error,.modal input.error {
|
||||
border-color: #ff8661 !important;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
|
||||
rgba(255, 134, 97, 0.6) !important;
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
|
||||
rgba(255, 134, 97, 0.6) !important;
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
|
||||
rgba(255, 134, 97, 0.6) !important;
|
||||
border-color: @error-border;
|
||||
.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 134, 97, 0.6)");
|
||||
}
|
||||
|
||||
.nav > li {
|
||||
display: inline-block;
|
||||
// Fix add-on support
|
||||
.input-group-btn .btn {
|
||||
border: 1px solid @input-border;
|
||||
}
|
||||
|
||||
.navbar-inner .btn,
|
||||
#extension-preview-buttons .btn {
|
||||
background-color: #ddd;
|
||||
.input-group-btn:last-child .btn {
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
#extension-preview-buttons .dropdown-menu,
|
||||
#extension-preview-buttons .btn-group.open .btn,
|
||||
#extension-preview-buttons .btn-group.open:hover .btn {
|
||||
background-color: #e8e8e8;
|
||||
.input-group-addon, .input-group-btn .btn {
|
||||
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
|
||||
}
|
||||
|
||||
.navbar-inner .btn:hover,
|
||||
.navbar-inner .btn:focus,
|
||||
.navbar-inner .btn:active,
|
||||
.navbar-inner .btn.active,
|
||||
.btn-group.open .btn.dropdown-toggle,
|
||||
#extension-preview-buttons .btn-group:hover .btn {
|
||||
color: #333333;
|
||||
background-color: @bg-navbar-hover;
|
||||
}
|
||||
|
||||
.nav .dropdown-toggle .caret,
|
||||
.nav .dropdown-toggle:hover .caret,
|
||||
.nav .dropdown-toggle:focus .caret {
|
||||
border-top-color: #525252;
|
||||
border-bottom-color: #525252;
|
||||
}
|
||||
|
||||
.navbar .nav.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.navbar-inner .btn{
|
||||
&.disabled,
|
||||
&.blocked,
|
||||
&[disabled] {
|
||||
* {
|
||||
color: fade(#333333, 30%);
|
||||
/*******************
|
||||
* Navbar
|
||||
*******************/
|
||||
|
||||
.navbar {
|
||||
position: static;
|
||||
.nav {
|
||||
float: left;
|
||||
margin: 6px 0 0;
|
||||
& > li {
|
||||
display: inline-block;
|
||||
}
|
||||
// Dropdown submenu
|
||||
&.pull-right {
|
||||
float: right;
|
||||
& > li > .dropdown-menu {
|
||||
right: 0;
|
||||
left: auto;
|
||||
.dropdown-menu {
|
||||
right: 100%;
|
||||
left: auto;
|
||||
margin-right: -1px;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.btn {
|
||||
background-color: @navbar-bg;
|
||||
border-color: @navbar-bg;
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active {
|
||||
background-color: @bg-navbar-hover;
|
||||
}
|
||||
&.disabled,
|
||||
&.blocked,
|
||||
&[disabled] {
|
||||
* {
|
||||
color: fade(@btn-default-color, 30%);
|
||||
}
|
||||
}
|
||||
}
|
||||
.btn-group.open .dropdown-toggle {
|
||||
background-color: @bg-navbar-hover;
|
||||
}
|
||||
|
||||
// Support for dropdown submenu (from Bootstrap v2)
|
||||
.dropdown-submenu {
|
||||
position: relative;
|
||||
|
||||
& > .dropdown-menu {
|
||||
top: 0;
|
||||
left: 100%;
|
||||
margin-top: -6px;
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
& > a {
|
||||
color: @dropdown-link-hover-color;
|
||||
#gradient > .vertical(@start-color: @dropdown-link-hover-bg; @end-color: darken(@dropdown-link-hover-bg, 5%));
|
||||
&:after {
|
||||
border-left-color: @dropdown-link-hover-color;
|
||||
}
|
||||
}
|
||||
& > .dropdown-menu {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
& > a:after {
|
||||
display: block;
|
||||
float: right;
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin-top: 5px;
|
||||
margin-right: -10px;
|
||||
border-color: transparent;
|
||||
border-left-color: #cccccc;
|
||||
border-style: solid;
|
||||
border-width: 5px 0 5px 5px;
|
||||
content: " ";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/********************
|
||||
* Extensions buttons
|
||||
********************/
|
||||
|
||||
#extension-buttons {
|
||||
margin-right: 15px;
|
||||
.btn-group {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.navbar .pull-right > li > .dropdown-menu .dropdown-menu,
|
||||
.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
|
||||
right: 100%;
|
||||
left: auto;
|
||||
margin-right: -1px;
|
||||
margin-left: 0;
|
||||
// Hack for nested btn-group
|
||||
#extension-buttons>.btn-group>.btn,
|
||||
#extension-preview-buttons>.btn-group>.btn {
|
||||
border-radius: 0;
|
||||
}
|
||||
#extension-buttons>.btn-group:first-child>.btn,
|
||||
#extension-preview-buttons>.btn-group:first-child>.btn {
|
||||
border-top-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
}
|
||||
#extension-buttons>.btn-group:last-child>.btn,
|
||||
#extension-preview-buttons>.btn-group:last-child>.btn {
|
||||
border-top-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
.dropdown-submenu {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dropdown-submenu > .dropdown-menu {
|
||||
top: 0;
|
||||
left: 100%;
|
||||
margin-top: -6px;
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
||||
.dropdown-submenu:hover > .dropdown-menu {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.dropup .dropdown-submenu > .dropdown-menu {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: -2px;
|
||||
}
|
||||
|
||||
.dropdown-submenu > a:after {
|
||||
display: block;
|
||||
float: right;
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin-top: 5px;
|
||||
margin-right: -10px;
|
||||
border-color: transparent;
|
||||
border-left-color: #cccccc;
|
||||
border-style: solid;
|
||||
border-width: 5px 0 5px 5px;
|
||||
content: " ";
|
||||
}
|
||||
|
||||
.dropdown-submenu:hover > a:after {
|
||||
border-left-color: #ffffff;
|
||||
}
|
||||
|
||||
.dropdown-submenu.pull-left {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.dropdown-submenu.pull-left > .dropdown-menu {
|
||||
left: -100%;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.dropdown-menu>li>a:hover,
|
||||
.dropdown-menu>li>a:focus,
|
||||
.dropdown-submenu:hover>a,
|
||||
.dropdown-submenu:focus>a,
|
||||
.dropdown-menu>.active>a,
|
||||
.dropdown-menu>.active>a:hover,
|
||||
.dropdown-menu>.active>a:focus {
|
||||
background-color: #888;
|
||||
}
|
||||
|
||||
.dropdown-menu>.disabled>a,
|
||||
.dropdown-menu>.disabled>a:hover,
|
||||
.dropdown-menu>.disabled>a:focus {
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background-color: #777;
|
||||
/********************
|
||||
* Preview extensions buttons
|
||||
********************/
|
||||
|
||||
#extension-preview-buttons {
|
||||
&,
|
||||
.dropdown-menu {
|
||||
position: fixed;
|
||||
right: 25px;
|
||||
top: auto;
|
||||
z-index: 1;
|
||||
}
|
||||
.dropdown-menu {
|
||||
border: 0 !important;
|
||||
margin-top: 1px;
|
||||
}
|
||||
.btn {
|
||||
background-color: fade(@navbar-bg, 50%);
|
||||
float: none;
|
||||
i {
|
||||
color: fade(@icon-color, 30%);
|
||||
}
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active {
|
||||
i {
|
||||
color: @icon-color
|
||||
}
|
||||
}
|
||||
}
|
||||
.btn-group {
|
||||
margin: 0 0 0 1px;
|
||||
.btn {
|
||||
position: initial;
|
||||
}
|
||||
&.open .btn{
|
||||
background-color: @preview-bg-light;
|
||||
i {
|
||||
color: @icon-color
|
||||
}
|
||||
}
|
||||
}
|
||||
.dropdown-menu {
|
||||
background-color: @preview-bg-light;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.markdown-syntax, .table-of-contents {
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
padding-right: 20px;
|
||||
margin-right: -20px;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.markdown-syntax {
|
||||
white-space: normal;
|
||||
max-height: 350px;
|
||||
}
|
||||
|
||||
.table-of-contents {
|
||||
margin-left: -10px;
|
||||
max-height: 400px;
|
||||
ul {
|
||||
margin-left: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
input[disabled],select[disabled],textarea[disabled],.input-prepend .add-on
|
||||
{
|
||||
background-color: @body-bg;
|
||||
@ -239,107 +333,11 @@ input[readonly],select[readonly],textarea[readonly] {
|
||||
background-color: transparent;
|
||||
cursor: text;
|
||||
}
|
||||
*/
|
||||
|
||||
.btn-primary:hover,
|
||||
.btn-primary:focus,
|
||||
.btn-primary:active,
|
||||
.btn-primary.active,
|
||||
.btn-primary.disabled,
|
||||
.btn-primary[disabled],
|
||||
.btn-group.open .btn.btn-primary.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #888;
|
||||
}
|
||||
|
||||
.btn-group {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
#extension-preview-buttons,
|
||||
#extension-preview-buttons .dropdown-menu {
|
||||
position: fixed;
|
||||
right: 25px;
|
||||
top: auto;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#extension-preview-buttons .dropdown-menu {
|
||||
border: 0 !important;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
#extension-preview-buttons .btn-group:hover .btn,
|
||||
#extension-preview-buttons .btn-group.open .btn {
|
||||
opacity: 1;
|
||||
filter: none;
|
||||
}
|
||||
|
||||
#extension-buttons {
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
#extension-buttons>.btn-group {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#extension-preview-buttons>.btn-group {
|
||||
margin: 0 0 0 1px;
|
||||
}
|
||||
|
||||
#extension-buttons>.btn-group>.btn,
|
||||
#extension-preview-buttons>.btn-group>.btn {
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
#extension-buttons>.btn-group:first-child>.btn,
|
||||
#extension-preview-buttons>.btn-group:first-child>.btn {
|
||||
-webkit-top-left-border-radius: 4px;
|
||||
-webkit-bottom-left-border-radius: 4px;
|
||||
-moz-top-left-border-radius: 4px;
|
||||
-moz-bottom-left-border-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
}
|
||||
|
||||
#extension-buttons>.btn-group:last-child>.btn,
|
||||
#extension-preview-buttons>.btn-group:last-child>.btn {
|
||||
-webkit-top-right-border-radius: 4px;
|
||||
-webkit-bottom-right-border-radius: 4px;
|
||||
-moz-top-right-border-radius: 4px;
|
||||
-moz-bottom-right-border-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
.markdown-syntax, .table-of-contents {
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
padding-right: 20px;
|
||||
margin: 0 -20px 10px 0;
|
||||
}
|
||||
|
||||
.markdown-syntax {
|
||||
width: 300px;
|
||||
white-space: normal;
|
||||
max-height: 350px;
|
||||
}
|
||||
|
||||
.table-of-contents {
|
||||
width: 250px;
|
||||
margin-left: -10px;
|
||||
max-height: 400px;
|
||||
}
|
||||
|
||||
.table-of-contents ul {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.btn-group>.btn+.dropdown-toggle {
|
||||
padding-right: 12px;
|
||||
padding-left: 12px;
|
||||
}
|
||||
/*********************
|
||||
* Markdown
|
||||
*********************/
|
||||
|
||||
code {
|
||||
color: #333333;
|
||||
@ -388,30 +386,13 @@ hr {
|
||||
}
|
||||
|
||||
#file-title i {
|
||||
margin: 4px 5px 0;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.dropdown-menu i {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
position: static;
|
||||
}
|
||||
|
||||
.navbar .nav {
|
||||
float: left;
|
||||
margin: 6px 0 0;
|
||||
}
|
||||
|
||||
.navbar .nav.pull-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.navbar .pull-right > li > .dropdown-menu {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
#menu-bar {
|
||||
margin-left: 15px;
|
||||
@ -507,7 +488,7 @@ div.dropdown-menu textarea {
|
||||
}
|
||||
|
||||
#link-container {
|
||||
min-width: 210px;
|
||||
min-width: 280px;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
@ -527,21 +508,30 @@ div.dropdown-menu textarea {
|
||||
***********************/
|
||||
|
||||
[class^="icon-"], [class*=" icon-"] {
|
||||
color: #525252;
|
||||
color: @icon-color;
|
||||
display: inline-block;
|
||||
line-height: 14px;
|
||||
vertical-align: middle;
|
||||
background-repeat: no-repeat;
|
||||
&.icon-white,
|
||||
.dropdown-menu > li:hover > a > & {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.icon-white {
|
||||
color: #fff;
|
||||
.icon-down-dir {
|
||||
margin-right: -5px;
|
||||
}
|
||||
|
||||
.icon-code {
|
||||
font-size: 80%;
|
||||
margin-left: -3px;
|
||||
margin-right: 3px;
|
||||
margin-left: -1px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.icon-chart-bar {
|
||||
font-size: 90%;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.icon-trash {
|
||||
@ -755,8 +745,8 @@ div.dropdown-menu textarea {
|
||||
& > li.active > a {
|
||||
&, &:hover, &:focus {
|
||||
color: @text-inv;
|
||||
background-color: #777;
|
||||
border-color: #777;
|
||||
background-color: @btn-primary-bg;
|
||||
border-color: @btn-primary-bg;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -820,17 +810,25 @@ table tbody+tbody {
|
||||
border-top: 2px solid #dddddd;
|
||||
}
|
||||
|
||||
// Duplicate from .well blockquote
|
||||
#preview-contents blockquote {
|
||||
border-color: @border;
|
||||
border-color: rgba(0, 0, 0, 0.15);
|
||||
border-color: #ddd;
|
||||
border-color: rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
blockquote p {
|
||||
margin-bottom: 20px;
|
||||
font-size: 14px;
|
||||
font-weight: 300;
|
||||
line-height: 20px;
|
||||
}
|
||||
blockquote {
|
||||
p {
|
||||
margin-bottom: 20px;
|
||||
font-size: 14px;
|
||||
font-weight: 300;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
ul:last-child,
|
||||
ol:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
ul,ol {
|
||||
margin-bottom: 20px;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user