forked from shaba/openuds
Fixing datatables integration
This commit is contained in:
Adolfo Gómez García
parent
52d0e8977c
commit
26764c4cab
Binary file not shown.
File diff suppressed because one or more lines are too long
@ -58,7 +58,7 @@ api.getJson = (path, options) ->
|
||||
dataType: "json"
|
||||
success: (data) ->
|
||||
api.doLog "Success on GET \"" + url + "\"."
|
||||
api.doLog "Received ", data
|
||||
#api.doLog "Received ", data
|
||||
success_fnc data
|
||||
return
|
||||
|
||||
@ -87,7 +87,7 @@ api.putJson = (path, data, options) ->
|
||||
data: JSON.stringify(data)
|
||||
success: (data) ->
|
||||
api.doLog "Success on PUT \"" + url + "\"."
|
||||
api.doLog "Received ", data
|
||||
# api.doLog "Received ", data
|
||||
success_fnc data
|
||||
return
|
||||
|
||||
@ -115,7 +115,7 @@ api.deleteJson = (path, options) ->
|
||||
dataType: "json"
|
||||
success: (data) ->
|
||||
api.doLog "Success on DELETE \"" + url + "\"."
|
||||
api.doLog "Received ", data
|
||||
# api.doLog "Received ", data
|
||||
success_fnc data
|
||||
return
|
||||
|
||||
|
||||
@ -1,153 +0,0 @@
|
||||
/* Set the defaults for DataTables initialisation */
|
||||
$.extend(true, $.fn.dataTable.defaults, {
|
||||
"sDom" : "<'row'<'col-xs-6'l><'col-xs-6'f>r>t<'row'<'col-xs-6'i><'col-xs-6'p>>",
|
||||
"sPaginationType" : "bootstrap",
|
||||
"oLanguage" : {
|
||||
"sLengthMenu" : gettext("_MENU_ records per page")
|
||||
}
|
||||
});
|
||||
|
||||
/* Default class modification */
|
||||
$.extend($.fn.dataTableExt.oStdClasses, {
|
||||
"sWrapper" : "dataTables_wrapper form-inline",
|
||||
"sFilterInput" : "form-control input-sm",
|
||||
"sLengthSelect" : "form-control input-sm"
|
||||
});
|
||||
|
||||
/* API method to get paging information */
|
||||
$.fn.dataTableExt.oApi.fnPagingInfo = function(oSettings) {
|
||||
return {
|
||||
"iStart" : oSettings._iDisplayStart,
|
||||
"iEnd" : oSettings.fnDisplayEnd(),
|
||||
"iLength" : oSettings._iDisplayLength,
|
||||
"iTotal" : oSettings.fnRecordsTotal(),
|
||||
"iFilteredTotal" : oSettings.fnRecordsDisplay(),
|
||||
"iPage" : oSettings._iDisplayLength === -1 ? 0 : Math
|
||||
.ceil(oSettings._iDisplayStart / oSettings._iDisplayLength),
|
||||
"iTotalPages" : oSettings._iDisplayLength === -1 ? 0 : Math.ceil(oSettings.fnRecordsDisplay() /
|
||||
oSettings._iDisplayLength)
|
||||
};
|
||||
};
|
||||
|
||||
/* Bootstrap style pagination control */
|
||||
/* Bootstrap style pagination control */
|
||||
$.extend( $.fn.dataTableExt.oPagination, {
|
||||
"bootstrap": {
|
||||
"fnInit": function( oSettings, nPaging, fnDraw ) {
|
||||
var oLang = oSettings.oLanguage.oPaginate;
|
||||
var fnClickHandler = function ( e ) {
|
||||
e.preventDefault();
|
||||
if ( oSettings.oApi._fnPageChange(oSettings, e.data.action) ) {
|
||||
fnDraw( oSettings );
|
||||
}
|
||||
};
|
||||
|
||||
$(nPaging).addClass('pagination').append(
|
||||
'<ul class="pagination">'+
|
||||
'<li class="first disabled"><a href="#">' + oLang.sFirst + '</a></li>' +
|
||||
'<li class="prev disabled"><a href="#">' + oLang.sPrevious + '</a></li>' +
|
||||
'<li class="next disabled"><a href="#">' + oLang.sNext + '</a></li>' +
|
||||
'<li class="last disabled"><a href="#">' + oLang.sLast + '</a></li>' +
|
||||
'</ul>'
|
||||
);
|
||||
var els = $('a', nPaging);
|
||||
$(els[0]).bind( 'click.DT', { action: "first" }, fnClickHandler );
|
||||
$(els[1]).bind( 'click.DT', { action: "previous" }, fnClickHandler );
|
||||
$(els[2]).bind( 'click.DT', { action: "next" }, fnClickHandler );
|
||||
$(els[3]).bind( 'click.DT', { action: "last" }, fnClickHandler );
|
||||
},
|
||||
|
||||
"fnUpdate": function ( oSettings, fnDraw ) {
|
||||
var iListLength = 5;
|
||||
var oPaging = oSettings.oInstance.fnPagingInfo();
|
||||
var an = oSettings.aanFeatures.p;
|
||||
var i, j, sClass, iStart, iEnd, iHalf=Math.floor(iListLength/2);
|
||||
|
||||
if ( oPaging.iTotalPages < iListLength) {
|
||||
iStart = 1;
|
||||
iEnd = oPaging.iTotalPages;
|
||||
}
|
||||
else if ( oPaging.iPage <= iHalf ) {
|
||||
iStart = 1;
|
||||
iEnd = iListLength;
|
||||
} else if ( oPaging.iPage >= (oPaging.iTotalPages-iHalf) ) {
|
||||
iStart = oPaging.iTotalPages - iListLength + 1;
|
||||
iEnd = oPaging.iTotalPages;
|
||||
} else {
|
||||
iStart = oPaging.iPage - iHalf + 1;
|
||||
iEnd = iStart + iListLength - 1;
|
||||
}
|
||||
|
||||
for ( i=0, iLen=an.length ; i<iLen ; i++ ) {
|
||||
// Remove the middle elements
|
||||
$('li:gt(1)', an[i]).filter(':not(.next,.last)').remove();
|
||||
|
||||
// Add the new list items and their event handlers
|
||||
for ( j=iStart ; j<=iEnd ; j++ ) {
|
||||
sClass = (j==oPaging.iPage+1) ? 'class="active"' : '';
|
||||
$('<li '+sClass+'><a href="#">'+j+'</a></li>')
|
||||
.insertBefore( $('.next,.last', an[i])[0] )
|
||||
.bind('click', function (e) {
|
||||
e.preventDefault();
|
||||
oSettings._iDisplayStart = (parseInt($('a', this).text(),10)-1) * oPaging.iLength;
|
||||
fnDraw( oSettings );
|
||||
} );
|
||||
}
|
||||
|
||||
// Add / remove disabled classes from the static elements
|
||||
if ( oPaging.iPage === 0 ) {
|
||||
$('.first,.prev', an[i]).addClass('disabled');
|
||||
} else {
|
||||
$('.first,.prev', an[i]).removeClass('disabled');
|
||||
}
|
||||
|
||||
if ( oPaging.iPage === oPaging.iTotalPages-1 || oPaging.iTotalPages === 0 ) {
|
||||
$('.next,.last', an[i]).addClass('disabled');
|
||||
} else {
|
||||
$('.next,.last', an[i]).removeClass('disabled');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
} );
|
||||
/*
|
||||
* TableTools Bootstrap compatibility Required TableTools 2.1+
|
||||
*/
|
||||
if ($.fn.DataTable.TableTools) {
|
||||
// Set the classes that TableTools uses to something suitable for Bootstrap
|
||||
$.extend(true, $.fn.DataTable.TableTools.classes, {
|
||||
"container" : "DTTT btn-group-3d",
|
||||
"buttons" : {
|
||||
"normal" : "",
|
||||
"disabled" : "disabled"
|
||||
},
|
||||
"collection" : {
|
||||
"container" : "DTTT_dropdown dropdown-menu",
|
||||
"buttons" : {
|
||||
"normal" : "",
|
||||
"disabled" : "disabled"
|
||||
}
|
||||
},
|
||||
"print" : {
|
||||
"info" : "DTTT_print_info modal"
|
||||
},
|
||||
"select" : {
|
||||
"row" : "active"
|
||||
}
|
||||
});
|
||||
|
||||
$.extend(true, $.fn.DataTable.TableTools.DEFAULTS, {
|
||||
"aButtons": [],
|
||||
});
|
||||
|
||||
// Have the collection use a bootstrap compatible dropdown
|
||||
$.extend(true, $.fn.DataTable.TableTools.DEFAULTS.oTags, {
|
||||
"collection" : {
|
||||
"container" : "ul",
|
||||
"button" : "li",
|
||||
"liner" : "a"
|
||||
},
|
||||
"liner" : "div",
|
||||
// "button" : "button",
|
||||
});
|
||||
}
|
||||
@ -1,69 +0,0 @@
|
||||
/*!
|
||||
TableTools 2.2.3
|
||||
2009-2014 SpryMedia Ltd - datatables.net/license
|
||||
|
||||
ZeroClipboard 1.0.4
|
||||
Author: Joseph Huckaby - MIT licensed
|
||||
*/
|
||||
var TableTools;
|
||||
(function(n,k,q){var p=function(m,p){var g={version:"1.0.4-TableTools2",clients:{},moviePath:"",nextId:1,$:function(a){"string"==typeof a&&(a=k.getElementById(a));a.addClass||(a.hide=function(){this.style.display="none"},a.show=function(){this.style.display=""},a.addClass=function(a){this.removeClass(a);this.className+=" "+a},a.removeClass=function(a){this.className=this.className.replace(RegExp("\\s*"+a+"\\s*")," ").replace(/^\s+/,"").replace(/\s+$/,"")},a.hasClass=function(a){return!!this.className.match(RegExp("\\s*"+a+
|
||||
"\\s*"))});return a},setMoviePath:function(a){this.moviePath=a},dispatch:function(a,b,c){(a=this.clients[a])&&a.receiveEvent(b,c)},register:function(a,b){this.clients[a]=b},getDOMObjectPosition:function(a){var b={left:0,top:0,width:a.width?a.width:a.offsetWidth,height:a.height?a.height:a.offsetHeight};""!==a.style.width&&(b.width=a.style.width.replace("px",""));""!==a.style.height&&(b.height=a.style.height.replace("px",""));for(;a;)b.left+=a.offsetLeft,b.top+=a.offsetTop,a=a.offsetParent;return b},
|
||||
Client:function(a){this.handlers={};this.id=g.nextId++;this.movieId="ZeroClipboard_TableToolsMovie_"+this.id;g.register(this.id,this);a&&this.glue(a)}};g.Client.prototype={id:0,ready:!1,movie:null,clipText:"",fileName:"",action:"copy",handCursorEnabled:!0,cssEffects:!0,handlers:null,sized:!1,glue:function(a,b){this.domElement=g.$(a);var c=99;this.domElement.style.zIndex&&(c=parseInt(this.domElement.style.zIndex,10)+1);var d=g.getDOMObjectPosition(this.domElement);this.div=k.createElement("div");var f=
|
||||
this.div.style;f.position="absolute";f.left="0px";f.top="0px";f.width=d.width+"px";f.height=d.height+"px";f.zIndex=c;"undefined"!=typeof b&&""!==b&&(this.div.title=b);0!==d.width&&0!==d.height&&(this.sized=!0);this.domElement&&(this.domElement.appendChild(this.div),this.div.innerHTML=this.getHTML(d.width,d.height).replace(/&/g,"&"))},positionElement:function(){var a=g.getDOMObjectPosition(this.domElement),b=this.div.style;b.position="absolute";b.width=a.width+"px";b.height=a.height+"px";0!==a.width&&
|
||||
0!==a.height&&(this.sized=!0,b=this.div.childNodes[0],b.width=a.width,b.height=a.height)},getHTML:function(a,b){var c="",d="id="+this.id+"&width="+a+"&height="+b;if(navigator.userAgent.match(/MSIE/))var f=location.href.match(/^https/i)?"https://":"http://",c=c+('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="'+f+'download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="'+a+'" height="'+b+'" id="'+this.movieId+'" align="middle"><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="false" /><param name="movie" value="'+
|
||||
g.moviePath+'" /><param name="loop" value="false" /><param name="menu" value="false" /><param name="quality" value="best" /><param name="bgcolor" value="#ffffff" /><param name="flashvars" value="'+d+'"/><param name="wmode" value="transparent"/></object>');else c+='<embed id="'+this.movieId+'" src="'+g.moviePath+'" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="'+a+'" height="'+b+'" name="'+this.movieId+'" align="middle" allowScriptAccess="always" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="'+
|
||||
d+'" wmode="transparent" />';return c},hide:function(){this.div&&(this.div.style.left="-2000px")},show:function(){this.reposition()},destroy:function(){if(this.domElement&&this.div){this.hide();this.div.innerHTML="";var a=k.getElementsByTagName("body")[0];try{a.removeChild(this.div)}catch(b){}this.div=this.domElement=null}},reposition:function(a){a&&((this.domElement=g.$(a))||this.hide());if(this.domElement&&this.div){var a=g.getDOMObjectPosition(this.domElement),b=this.div.style;b.left=""+a.left+
|
||||
"px";b.top=""+a.top+"px"}},clearText:function(){this.clipText="";this.ready&&this.movie.clearText()},appendText:function(a){this.clipText+=a;this.ready&&this.movie.appendText(a)},setText:function(a){this.clipText=a;this.ready&&this.movie.setText(a)},setCharSet:function(a){this.charSet=a;this.ready&&this.movie.setCharSet(a)},setBomInc:function(a){this.incBom=a;this.ready&&this.movie.setBomInc(a)},setFileName:function(a){this.fileName=a;this.ready&&this.movie.setFileName(a)},setAction:function(a){this.action=
|
||||
a;this.ready&&this.movie.setAction(a)},addEventListener:function(a,b){a=a.toString().toLowerCase().replace(/^on/,"");this.handlers[a]||(this.handlers[a]=[]);this.handlers[a].push(b)},setHandCursor:function(a){this.handCursorEnabled=a;this.ready&&this.movie.setHandCursor(a)},setCSSEffects:function(a){this.cssEffects=!!a},receiveEvent:function(a,b){var c,a=a.toString().toLowerCase().replace(/^on/,"");switch(a){case "load":this.movie=k.getElementById(this.movieId);if(!this.movie){c=this;setTimeout(function(){c.receiveEvent("load",
|
||||
null)},1);return}if(!this.ready&&navigator.userAgent.match(/Firefox/)&&navigator.userAgent.match(/Windows/)){c=this;setTimeout(function(){c.receiveEvent("load",null)},100);this.ready=!0;return}this.ready=!0;this.movie.clearText();this.movie.appendText(this.clipText);this.movie.setFileName(this.fileName);this.movie.setAction(this.action);this.movie.setCharSet(this.charSet);this.movie.setBomInc(this.incBom);this.movie.setHandCursor(this.handCursorEnabled);break;case "mouseover":this.domElement&&this.cssEffects&&
|
||||
this.recoverActive&&this.domElement.addClass("active");break;case "mouseout":this.domElement&&this.cssEffects&&(this.recoverActive=!1,this.domElement.hasClass("active")&&(this.domElement.removeClass("active"),this.recoverActive=!0));break;case "mousedown":this.domElement&&this.cssEffects&&this.domElement.addClass("active");break;case "mouseup":this.domElement&&this.cssEffects&&(this.domElement.removeClass("active"),this.recoverActive=!1)}if(this.handlers[a])for(var d=0,f=this.handlers[a].length;d<
|
||||
f;d++){var e=this.handlers[a][d];if("function"==typeof e)e(this,b);else if("object"==typeof e&&2==e.length)e[0][e[1]](this,b);else if("string"==typeof e)n[e](this,b)}}};n.ZeroClipboard_TableTools=g;var e=jQuery;TableTools=function(a,b){!this instanceof TableTools&&alert("Warning: TableTools must be initialised with the keyword 'new'");this.s={that:this,dt:e.fn.dataTable.Api?(new e.fn.dataTable.Api(a)).settings()[0]:a.fnSettings(),print:{saveStart:-1,saveLength:-1,saveScroll:-1,funcEnd:function(){}},
|
||||
buttonCounter:0,select:{type:"",selected:[],preRowSelect:null,postSelected:null,postDeselected:null,all:!1,selectedClass:""},custom:{},swfPath:"",buttonSet:[],master:!1,tags:{}};this.dom={container:null,table:null,print:{hidden:[],message:null},collection:{collection:null,background:null}};this.classes=e.extend(!0,{},TableTools.classes);this.s.dt.bJUI&&e.extend(!0,this.classes,TableTools.classes_themeroller);this.fnSettings=function(){return this.s};"undefined"==typeof b&&(b={});TableTools._aInstances.push(this);
|
||||
this._fnConstruct(b);return this};TableTools.prototype={fnGetSelected:function(a){var b=[],c=this.s.dt.aoData,d=this.s.dt.aiDisplay,f;if(a){a=0;for(f=d.length;a<f;a++)c[d[a]]._DTTT_selected&&b.push(c[d[a]].nTr)}else{a=0;for(f=c.length;a<f;a++)c[a]._DTTT_selected&&b.push(c[a].nTr)}return b},fnGetSelectedData:function(){var a=[],b=this.s.dt.aoData,c,d;c=0;for(d=b.length;c<d;c++)b[c]._DTTT_selected&&a.push(this.s.dt.oInstance.fnGetData(c));return a},fnGetSelectedIndexes:function(a){var b=[],c=this.s.dt.aoData,
|
||||
d=this.s.dt.aiDisplay,f;if(a){a=0;for(f=d.length;a<f;a++)c[d[a]]._DTTT_selected&&b.push(d[a])}else{a=0;for(f=c.length;a<f;a++)c[a]._DTTT_selected&&b.push(a)}return b},fnIsSelected:function(a){a=this.s.dt.oInstance.fnGetPosition(a);return!0===this.s.dt.aoData[a]._DTTT_selected?!0:!1},fnSelectAll:function(a){this._fnRowSelect(a?this.s.dt.aiDisplay:this.s.dt.aoData)},fnSelectNone:function(a){this._fnRowDeselect(this.fnGetSelectedIndexes(a))},fnSelect:function(a){"single"==this.s.select.type&&this.fnSelectNone();
|
||||
this._fnRowSelect(a)},fnDeselect:function(a){this._fnRowDeselect(a)},fnGetTitle:function(a){var b="";"undefined"!=typeof a.sTitle&&""!==a.sTitle?b=a.sTitle:(a=k.getElementsByTagName("title"),0<a.length&&(b=a[0].innerHTML));return 4>"¡".toString().length?b.replace(/[^a-zA-Z0-9_\u00A1-\uFFFF\.,\-_ !\(\)]/g,""):b.replace(/[^a-zA-Z0-9_\.,\-_ !\(\)]/g,"")},fnCalcColRatios:function(a){var b=this.s.dt.aoColumns,a=this._fnColumnTargets(a.mColumns),c=[],d=0,f=0,e,i;e=0;for(i=a.length;e<i;e++)a[e]&&(d=b[e].nTh.offsetWidth,
|
||||
f+=d,c.push(d));e=0;for(i=c.length;e<i;e++)c[e]/=f;return c.join("\t")},fnGetTableData:function(a){if(this.s.dt)return this._fnGetDataTablesData(a)},fnSetText:function(a,b){this._fnFlashSetText(a,b)},fnResizeButtons:function(){for(var a in g.clients)if(a){var b=g.clients[a];"undefined"!=typeof b.domElement&&b.domElement.parentNode&&b.positionElement()}},fnResizeRequired:function(){for(var a in g.clients)if(a){var b=g.clients[a];if("undefined"!=typeof b.domElement&&b.domElement.parentNode==this.dom.container&&
|
||||
!1===b.sized)return!0}return!1},fnPrint:function(a,b){b===q&&(b={});a===q||a?this._fnPrintStart(b):this._fnPrintEnd()},fnInfo:function(a,b){var c=e("<div/>").addClass(this.classes.print.info).html(a).appendTo("body");setTimeout(function(){c.fadeOut("normal",function(){c.remove()})},b)},fnContainer:function(){return this.dom.container},_fnConstruct:function(a){var b=this;this._fnCustomiseSettings(a);this.dom.container=k.createElement(this.s.tags.container);this.dom.container.className=this.classes.container;
|
||||
"none"!=this.s.select.type&&this._fnRowSelectConfig();this._fnButtonDefinations(this.s.buttonSet,this.dom.container);this.s.dt.aoDestroyCallback.push({sName:"TableTools",fn:function(){e(b.s.dt.nTBody).off("click.DTTT_Select","tr");e(b.dom.container).empty();var a=e.inArray(b,TableTools._aInstances);-1!==a&&TableTools._aInstances.splice(a,1)}})},_fnCustomiseSettings:function(a){"undefined"==typeof this.s.dt._TableToolsInit&&(this.s.master=!0,this.s.dt._TableToolsInit=!0);this.dom.table=this.s.dt.nTable;
|
||||
this.s.custom=e.extend({},TableTools.DEFAULTS,a);this.s.swfPath=this.s.custom.sSwfPath;"undefined"!=typeof g&&(g.moviePath=this.s.swfPath);this.s.select.type=this.s.custom.sRowSelect;this.s.select.preRowSelect=this.s.custom.fnPreRowSelect;this.s.select.postSelected=this.s.custom.fnRowSelected;this.s.select.postDeselected=this.s.custom.fnRowDeselected;this.s.custom.sSelectedClass&&(this.classes.select.row=this.s.custom.sSelectedClass);this.s.tags=this.s.custom.oTags;this.s.buttonSet=this.s.custom.aButtons},
|
||||
_fnButtonDefinations:function(a,b){for(var c,d=0,f=a.length;d<f;d++){if("string"==typeof a[d]){if("undefined"==typeof TableTools.BUTTONS[a[d]]){alert("TableTools: Warning - unknown button type: "+a[d]);continue}c=e.extend({},TableTools.BUTTONS[a[d]],!0)}else{if("undefined"==typeof TableTools.BUTTONS[a[d].sExtends]){alert("TableTools: Warning - unknown button type: "+a[d].sExtends);continue}c=e.extend({},TableTools.BUTTONS[a[d].sExtends],!0);c=e.extend(c,a[d],!0)}(c=this._fnCreateButton(c,e(b).hasClass(this.classes.collection.container)))&&
|
||||
b.appendChild(c)}},_fnCreateButton:function(a,b){var c=this._fnButtonBase(a,b);if(a.sAction.match(/flash/)){if(!this._fnHasFlash())return!1;this._fnFlashConfig(c,a)}else"text"==a.sAction?this._fnTextConfig(c,a):"div"==a.sAction?this._fnTextConfig(c,a):"collection"==a.sAction&&(this._fnTextConfig(c,a),this._fnCollectionConfig(c,a));if(-1!==this.s.dt.iTabIndex)e(c).attr("tabindex",this.s.dt.iTabIndex).attr("aria-controls",this.s.dt.sTableId).on("keyup.DTTT",function(a){13===a.keyCode&&(a.stopPropagation(),
|
||||
e(this).trigger("click"))}).on("mousedown.DTTT",function(b){a.sAction.match(/flash/)||b.preventDefault()});return c},_fnButtonBase:function(a,b){var c,d,f;b?(c=a.sTag&&"default"!==a.sTag?a.sTag:this.s.tags.collection.button,d=a.sLinerTag&&"default"!==a.sLinerTag?a.sLiner:this.s.tags.collection.liner,f=this.classes.collection.buttons.normal):(c=a.sTag&&"default"!==a.sTag?a.sTag:this.s.tags.button,d=a.sLinerTag&&"default"!==a.sLinerTag?a.sLiner:this.s.tags.liner,f=this.classes.buttons.normal);c=k.createElement(c);
|
||||
d=k.createElement(d);var e=this._fnGetMasterSettings();c.className=f+" "+a.sButtonClass;c.setAttribute("id","ToolTables_"+this.s.dt.sInstance+"_"+e.buttonCounter);c.appendChild(d);d.innerHTML=a.sButtonText;e.buttonCounter++;return c},_fnGetMasterSettings:function(){if(this.s.master)return this.s;for(var a=TableTools._aInstances,b=0,c=a.length;b<c;b++)if(this.dom.table==a[b].s.dt.nTable)return a[b].s},_fnCollectionConfig:function(a,b){var c=k.createElement(this.s.tags.collection.container);c.style.display=
|
||||
"none";c.className=this.classes.collection.container;b._collection=c;k.body.appendChild(c);this._fnButtonDefinations(b.aButtons,c)},_fnCollectionShow:function(a,b){var c=this,d=e(a).offset(),f=b._collection,j=d.left,d=d.top+e(a).outerHeight(),i=e(n).height(),h=e(k).height(),o=e(n).width(),g=e(k).width();f.style.position="absolute";f.style.left=j+"px";f.style.top=d+"px";f.style.display="block";e(f).css("opacity",0);var l=k.createElement("div");l.style.position="absolute";l.style.left="0px";l.style.top=
|
||||
"0px";l.style.height=(i>h?i:h)+"px";l.style.width=(o>g?o:g)+"px";l.className=this.classes.collection.background;e(l).css("opacity",0);k.body.appendChild(l);k.body.appendChild(f);i=e(f).outerWidth();o=e(f).outerHeight();j+i>g&&(f.style.left=g-i+"px");d+o>h&&(f.style.top=d-o-e(a).outerHeight()+"px");this.dom.collection.collection=f;this.dom.collection.background=l;setTimeout(function(){e(f).animate({opacity:1},500);e(l).animate({opacity:0.25},500)},10);this.fnResizeButtons();e(l).click(function(){c._fnCollectionHide.call(c,
|
||||
null,null)})},_fnCollectionHide:function(a,b){!(null!==b&&"collection"==b.sExtends)&&null!==this.dom.collection.collection&&(e(this.dom.collection.collection).animate({opacity:0},500,function(){this.style.display="none"}),e(this.dom.collection.background).animate({opacity:0},500,function(){this.parentNode.removeChild(this)}),this.dom.collection.collection=null,this.dom.collection.background=null)},_fnRowSelectConfig:function(){if(this.s.master){var a=this,b=this.s.dt;e(b.nTable).addClass(this.classes.select.table);
|
||||
"os"===this.s.select.type&&(e(b.nTBody).on("mousedown.DTTT_Select","tr",function(a){if(a.shiftKey)e(b.nTBody).css("-moz-user-select","none").one("selectstart.DTTT_Select","tr",function(){return!1})}),e(b.nTBody).on("mouseup.DTTT_Select","tr",function(){e(b.nTBody).css("-moz-user-select","")}));e(b.nTBody).on("click.DTTT_Select",this.s.custom.sRowSelector,function(c){var d=this.nodeName.toLowerCase()==="tr"?this:e(this).parents("tr")[0],f=a.s.select,j=a.s.dt.oInstance.fnGetPosition(d);if(d.parentNode==
|
||||
b.nTBody&&b.oInstance.fnGetData(d)!==null){if(f.type=="os")if(c.ctrlKey||c.metaKey)a.fnIsSelected(d)?a._fnRowDeselect(d,c):a._fnRowSelect(d,c);else if(c.shiftKey){var i=a.s.dt.aiDisplay.slice(),h=e.inArray(f.lastRow,i),o=e.inArray(j,i);if(a.fnGetSelected().length===0||h===-1)i.splice(e.inArray(j,i)+1,i.length);else{if(h>o)var g=o,o=h,h=g;i.splice(o+1,i.length);i.splice(0,h)}if(a.fnIsSelected(d)){i.splice(e.inArray(j,i),1);a._fnRowDeselect(i,c)}else a._fnRowSelect(i,c)}else if(a.fnIsSelected(d)&&a.fnGetSelected().length===
|
||||
1)a._fnRowDeselect(d,c);else{a.fnSelectNone();a._fnRowSelect(d,c)}else if(a.fnIsSelected(d))a._fnRowDeselect(d,c);else if(f.type=="single"){a.fnSelectNone();a._fnRowSelect(d,c)}else f.type=="multi"&&a._fnRowSelect(d,c);f.lastRow=j}});b.oApi._fnCallbackReg(b,"aoRowCreatedCallback",function(c,d,f){b.aoData[f]._DTTT_selected&&e(c).addClass(a.classes.select.row)},"TableTools-SelectAll")}},_fnRowSelect:function(a,b){var c=this._fnSelectData(a),d=[],f,j;f=0;for(j=c.length;f<j;f++)c[f].nTr&&d.push(c[f].nTr);
|
||||
if(null===this.s.select.preRowSelect||this.s.select.preRowSelect.call(this,b,d,!0)){f=0;for(j=c.length;f<j;f++)c[f]._DTTT_selected=!0,c[f].nTr&&e(c[f].nTr).addClass(this.classes.select.row);null!==this.s.select.postSelected&&this.s.select.postSelected.call(this,d);TableTools._fnEventDispatch(this,"select",d,!0)}},_fnRowDeselect:function(a,b){var c=this._fnSelectData(a),d=[],f,j;f=0;for(j=c.length;f<j;f++)c[f].nTr&&d.push(c[f].nTr);if(null===this.s.select.preRowSelect||this.s.select.preRowSelect.call(this,
|
||||
b,d,!1)){f=0;for(j=c.length;f<j;f++)c[f]._DTTT_selected=!1,c[f].nTr&&e(c[f].nTr).removeClass(this.classes.select.row);null!==this.s.select.postDeselected&&this.s.select.postDeselected.call(this,d);TableTools._fnEventDispatch(this,"select",d,!1)}},_fnSelectData:function(a){var b=[],c,d,f;if(a.nodeName)c=this.s.dt.oInstance.fnGetPosition(a),b.push(this.s.dt.aoData[c]);else if("undefined"!==typeof a.length){d=0;for(f=a.length;d<f;d++)a[d].nodeName?(c=this.s.dt.oInstance.fnGetPosition(a[d]),b.push(this.s.dt.aoData[c])):
|
||||
"number"===typeof a[d]?b.push(this.s.dt.aoData[a[d]]):b.push(a[d])}else b.push(a);return b},_fnTextConfig:function(a,b){var c=this;null!==b.fnInit&&b.fnInit.call(this,a,b);""!==b.sToolTip&&(a.title=b.sToolTip);e(a).hover(function(){b.fnMouseover!==null&&b.fnMouseover.call(this,a,b,null)},function(){b.fnMouseout!==null&&b.fnMouseout.call(this,a,b,null)});null!==b.fnSelect&&TableTools._fnEventListen(this,"select",function(d){b.fnSelect.call(c,a,b,d)});e(a).click(function(d){b.fnClick!==null&&b.fnClick.call(c,
|
||||
a,b,null,d);b.fnComplete!==null&&b.fnComplete.call(c,a,b,null,null);c._fnCollectionHide(a,b)})},_fnHasFlash:function(){try{if(new ActiveXObject("ShockwaveFlash.ShockwaveFlash"))return!0}catch(a){if(navigator.mimeTypes&&navigator.mimeTypes["application/x-shockwave-flash"]!==q&&navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin)return!0}return!1},_fnFlashConfig:function(a,b){var c=this,d=new g.Client;null!==b.fnInit&&b.fnInit.call(this,a,b);d.setHandCursor(!0);"flash_save"==b.sAction?
|
||||
(d.setAction("save"),d.setCharSet("utf16le"==b.sCharSet?"UTF16LE":"UTF8"),d.setBomInc(b.bBomInc),d.setFileName(b.sFileName.replace("*",this.fnGetTitle(b)))):"flash_pdf"==b.sAction?(d.setAction("pdf"),d.setFileName(b.sFileName.replace("*",this.fnGetTitle(b)))):d.setAction("copy");d.addEventListener("mouseOver",function(){b.fnMouseover!==null&&b.fnMouseover.call(c,a,b,d)});d.addEventListener("mouseOut",function(){b.fnMouseout!==null&&b.fnMouseout.call(c,a,b,d)});d.addEventListener("mouseDown",function(){b.fnClick!==
|
||||
null&&b.fnClick.call(c,a,b,d)});d.addEventListener("complete",function(f,e){b.fnComplete!==null&&b.fnComplete.call(c,a,b,d,e);c._fnCollectionHide(a,b)});this._fnFlashGlue(d,a,b.sToolTip)},_fnFlashGlue:function(a,b,c){var d=this,f=b.getAttribute("id");k.getElementById(f)?a.glue(b,c):setTimeout(function(){d._fnFlashGlue(a,b,c)},100)},_fnFlashSetText:function(a,b){var c=this._fnChunkData(b,8192);a.clearText();for(var d=0,f=c.length;d<f;d++)a.appendText(c[d])},_fnColumnTargets:function(a){var b=[],c=
|
||||
this.s.dt,d,f=c.aoColumns;d=f.length;if("function"==typeof a){a=a.call(this,c);for(c=0;c<d;c++)b.push(-1!==e.inArray(c,a)?!0:!1)}else if("object"==typeof a){for(c=0;c<d;c++)b.push(!1);c=0;for(d=a.length;c<d;c++)b[a[c]]=!0}else if("visible"==a)for(c=0;c<d;c++)b.push(f[c].bVisible?!0:!1);else if("hidden"==a)for(c=0;c<d;c++)b.push(f[c].bVisible?!1:!0);else if("sortable"==a)for(c=0;c<d;c++)b.push(f[c].bSortable?!0:!1);else for(c=0;c<d;c++)b.push(!0);return b},_fnNewline:function(a){return"auto"==a.sNewLine?
|
||||
navigator.userAgent.match(/Windows/)?"\r\n":"\n":a.sNewLine},_fnGetDataTablesData:function(a){var b,c,d,f,j,i=[],h="",g=this.s.dt,k,l=RegExp(a.sFieldBoundary,"g"),n=this._fnColumnTargets(a.mColumns);d="undefined"!=typeof a.bSelectedOnly?a.bSelectedOnly:!1;if(a.bHeader){j=[];b=0;for(c=g.aoColumns.length;b<c;b++)n[b]&&(h=g.aoColumns[b].sTitle.replace(/\n/g," ").replace(/<.*?>/g,"").replace(/^\s+|\s+$/g,""),h=this._fnHtmlDecode(h),j.push(this._fnBoundData(h,a.sFieldBoundary,l)));i.push(j.join(a.sFieldSeperator))}d=
|
||||
!0;var m;f=this.fnGetSelectedIndexes();m=(d="none"!==this.s.select.type&&d&&0!==f.length)?f:p.Api?(new p.Api(g)).rows(a.oSelectorOpts).indexes().flatten().toArray():g.oInstance.$("tr",a.oSelectorOpts).map(function(a,b){return g.oInstance.fnGetPosition(b)}).get();d=0;for(f=m.length;d<f;d++){k=g.aoData[m[d]].nTr;j=[];b=0;for(c=g.aoColumns.length;b<c;b++)n[b]&&(h=g.oApi._fnGetCellData(g,m[d],b,"display"),a.fnCellRender?h=a.fnCellRender(h,b,k,m[d])+"":"string"==typeof h?(h=h.replace(/\n/g," "),h=h.replace(/<img.*?\s+alt\s*=\s*(?:"([^"]+)"|'([^']+)'|([^\s>]+)).*?>/gi,
|
||||
"$1$2$3"),h=h.replace(/<.*?>/g,"")):h+="",h=h.replace(/^\s+/,"").replace(/\s+$/,""),h=this._fnHtmlDecode(h),j.push(this._fnBoundData(h,a.sFieldBoundary,l)));i.push(j.join(a.sFieldSeperator));a.bOpenRows&&(b=e.grep(g.aoOpenRows,function(a){return a.nParent===k}),1===b.length&&(h=this._fnBoundData(e("td",b[0].nTr).html(),a.sFieldBoundary,l),i.push(h)))}if(a.bFooter&&null!==g.nTFoot){j=[];b=0;for(c=g.aoColumns.length;b<c;b++)n[b]&&null!==g.aoColumns[b].nTf&&(h=g.aoColumns[b].nTf.innerHTML.replace(/\n/g,
|
||||
" ").replace(/<.*?>/g,""),h=this._fnHtmlDecode(h),j.push(this._fnBoundData(h,a.sFieldBoundary,l)));i.push(j.join(a.sFieldSeperator))}return i.join(this._fnNewline(a))},_fnBoundData:function(a,b,c){return""===b?a:b+a.replace(c,b+b)+b},_fnChunkData:function(a,b){for(var c=[],d=a.length,f=0;f<d;f+=b)f+b<d?c.push(a.substring(f,f+b)):c.push(a.substring(f,d));return c},_fnHtmlDecode:function(a){if(-1===a.indexOf("&"))return a;var b=k.createElement("div");return a.replace(/&([^\s]*?);/g,function(a,d){if("#"===
|
||||
a.substr(1,1))return String.fromCharCode(Number(d.substr(1)));b.innerHTML=a;return b.childNodes[0].nodeValue})},_fnPrintStart:function(a){var b=this,c=this.s.dt;this._fnPrintHideNodes(c.nTable);this.s.print.saveStart=c._iDisplayStart;this.s.print.saveLength=c._iDisplayLength;a.bShowAll&&(c._iDisplayStart=0,c._iDisplayLength=-1,c.oApi._fnCalculateEnd&&c.oApi._fnCalculateEnd(c),c.oApi._fnDraw(c));if(""!==c.oScroll.sX||""!==c.oScroll.sY)this._fnPrintScrollStart(c),e(this.s.dt.nTable).bind("draw.DTTT_Print",
|
||||
function(){b._fnPrintScrollStart(c)});var d=c.aanFeatures,f;for(f in d)if("i"!=f&&"t"!=f&&1==f.length)for(var g=0,i=d[f].length;g<i;g++)this.dom.print.hidden.push({node:d[f][g],display:"block"}),d[f][g].style.display="none";e(k.body).addClass(this.classes.print.body);""!==a.sInfo&&this.fnInfo(a.sInfo,3E3);a.sMessage&&e("<div/>").addClass(this.classes.print.message).html(a.sMessage).prependTo("body");this.s.print.saveScroll=e(n).scrollTop();n.scrollTo(0,0);e(k).bind("keydown.DTTT",function(a){if(a.keyCode==
|
||||
27){a.preventDefault();b._fnPrintEnd.call(b,a)}})},_fnPrintEnd:function(){var a=this.s.dt,b=this.s.print;this._fnPrintShowNodes();if(""!==a.oScroll.sX||""!==a.oScroll.sY)e(this.s.dt.nTable).unbind("draw.DTTT_Print"),this._fnPrintScrollEnd();n.scrollTo(0,b.saveScroll);e("div."+this.classes.print.message).remove();e(k.body).removeClass("DTTT_Print");a._iDisplayStart=b.saveStart;a._iDisplayLength=b.saveLength;a.oApi._fnCalculateEnd&&a.oApi._fnCalculateEnd(a);a.oApi._fnDraw(a);e(k).unbind("keydown.DTTT")},
|
||||
_fnPrintScrollStart:function(){var a=this.s.dt;a.nScrollHead.getElementsByTagName("div")[0].getElementsByTagName("table");var b=a.nTable.parentNode,c;c=a.nTable.getElementsByTagName("thead");0<c.length&&a.nTable.removeChild(c[0]);null!==a.nTFoot&&(c=a.nTable.getElementsByTagName("tfoot"),0<c.length&&a.nTable.removeChild(c[0]));c=a.nTHead.cloneNode(!0);a.nTable.insertBefore(c,a.nTable.childNodes[0]);null!==a.nTFoot&&(c=a.nTFoot.cloneNode(!0),a.nTable.insertBefore(c,a.nTable.childNodes[1]));""!==a.oScroll.sX&&
|
||||
(a.nTable.style.width=e(a.nTable).outerWidth()+"px",b.style.width=e(a.nTable).outerWidth()+"px",b.style.overflow="visible");""!==a.oScroll.sY&&(b.style.height=e(a.nTable).outerHeight()+"px",b.style.overflow="visible")},_fnPrintScrollEnd:function(){var a=this.s.dt,b=a.nTable.parentNode;""!==a.oScroll.sX&&(b.style.width=a.oApi._fnStringToCss(a.oScroll.sX),b.style.overflow="auto");""!==a.oScroll.sY&&(b.style.height=a.oApi._fnStringToCss(a.oScroll.sY),b.style.overflow="auto")},_fnPrintShowNodes:function(){for(var a=
|
||||
this.dom.print.hidden,b=0,c=a.length;b<c;b++)a[b].node.style.display=a[b].display;a.splice(0,a.length)},_fnPrintHideNodes:function(a){for(var b=this.dom.print.hidden,c=a.parentNode,d=c.childNodes,f=0,g=d.length;f<g;f++)if(d[f]!=a&&1==d[f].nodeType){var i=e(d[f]).css("display");"none"!=i&&(b.push({node:d[f],display:i}),d[f].style.display="none")}"BODY"!=c.nodeName.toUpperCase()&&this._fnPrintHideNodes(c)}};TableTools._aInstances=[];TableTools._aListeners=[];TableTools.fnGetMasters=function(){for(var a=
|
||||
[],b=0,c=TableTools._aInstances.length;b<c;b++)TableTools._aInstances[b].s.master&&a.push(TableTools._aInstances[b]);return a};TableTools.fnGetInstance=function(a){"object"!=typeof a&&(a=k.getElementById(a));for(var b=0,c=TableTools._aInstances.length;b<c;b++)if(TableTools._aInstances[b].s.master&&TableTools._aInstances[b].dom.table==a)return TableTools._aInstances[b];return null};TableTools._fnEventListen=function(a,b,c){TableTools._aListeners.push({that:a,type:b,fn:c})};TableTools._fnEventDispatch=
|
||||
function(a,b,c,d){for(var f=TableTools._aListeners,e=0,g=f.length;e<g;e++)a.dom.table==f[e].that.dom.table&&f[e].type==b&&f[e].fn(c,d)};TableTools.buttonBase={sAction:"text",sTag:"default",sLinerTag:"default",sButtonClass:"DTTT_button_text",sButtonText:"Button text",sTitle:"",sToolTip:"",sCharSet:"utf8",bBomInc:!1,sFileName:"*.csv",sFieldBoundary:"",sFieldSeperator:"\t",sNewLine:"auto",mColumns:"all",bHeader:!0,bFooter:!0,bOpenRows:!1,bSelectedOnly:!1,oSelectorOpts:q,fnMouseover:null,fnMouseout:null,
|
||||
fnClick:null,fnSelect:null,fnComplete:null,fnInit:null,fnCellRender:null};TableTools.BUTTONS={csv:e.extend({},TableTools.buttonBase,{sAction:"flash_save",sButtonClass:"DTTT_button_csv",sButtonText:"CSV",sFieldBoundary:'"',sFieldSeperator:",",fnClick:function(a,b,c){this.fnSetText(c,this.fnGetTableData(b))}}),xls:e.extend({},TableTools.buttonBase,{sAction:"flash_save",sCharSet:"utf16le",bBomInc:!0,sButtonClass:"DTTT_button_xls",sButtonText:"Excel",fnClick:function(a,b,c){this.fnSetText(c,this.fnGetTableData(b))}}),
|
||||
copy:e.extend({},TableTools.buttonBase,{sAction:"flash_copy",sButtonClass:"DTTT_button_copy",sButtonText:"Copy",fnClick:function(a,b,c){this.fnSetText(c,this.fnGetTableData(b))},fnComplete:function(a,b,c,d){a=d.split("\n").length;b.bHeader&&a--;null!==this.s.dt.nTFoot&&b.bFooter&&a--;this.fnInfo("<h6>Table copied</h6><p>Copied "+a+" row"+(1==a?"":"s")+" to the clipboard.</p>",1500)}}),pdf:e.extend({},TableTools.buttonBase,{sAction:"flash_pdf",sNewLine:"\n",sFileName:"*.pdf",sButtonClass:"DTTT_button_pdf",
|
||||
sButtonText:"PDF",sPdfOrientation:"portrait",sPdfSize:"A4",sPdfMessage:"",fnClick:function(a,b,c){this.fnSetText(c,"title:"+this.fnGetTitle(b)+"\nmessage:"+b.sPdfMessage+"\ncolWidth:"+this.fnCalcColRatios(b)+"\norientation:"+b.sPdfOrientation+"\nsize:"+b.sPdfSize+"\n--/TableToolsOpts--\n"+this.fnGetTableData(b))}}),print:e.extend({},TableTools.buttonBase,{sInfo:"<h6>Print view</h6><p>Please use your browser's print function to print this table. Press escape when finished.</p>",sMessage:null,bShowAll:!0,
|
||||
sToolTip:"View print view",sButtonClass:"DTTT_button_print",sButtonText:"Print",fnClick:function(a,b){this.fnPrint(!0,b)}}),text:e.extend({},TableTools.buttonBase),select:e.extend({},TableTools.buttonBase,{sButtonText:"Select button",fnSelect:function(a){0!==this.fnGetSelected().length?e(a).removeClass(this.classes.buttons.disabled):e(a).addClass(this.classes.buttons.disabled)},fnInit:function(a){e(a).addClass(this.classes.buttons.disabled)}}),select_single:e.extend({},TableTools.buttonBase,{sButtonText:"Select button",
|
||||
fnSelect:function(a){1==this.fnGetSelected().length?e(a).removeClass(this.classes.buttons.disabled):e(a).addClass(this.classes.buttons.disabled)},fnInit:function(a){e(a).addClass(this.classes.buttons.disabled)}}),select_all:e.extend({},TableTools.buttonBase,{sButtonText:"Select all",fnClick:function(){this.fnSelectAll()},fnSelect:function(a){this.fnGetSelected().length==this.s.dt.fnRecordsDisplay()?e(a).addClass(this.classes.buttons.disabled):e(a).removeClass(this.classes.buttons.disabled)}}),select_none:e.extend({},
|
||||
TableTools.buttonBase,{sButtonText:"Deselect all",fnClick:function(){this.fnSelectNone()},fnSelect:function(a){0!==this.fnGetSelected().length?e(a).removeClass(this.classes.buttons.disabled):e(a).addClass(this.classes.buttons.disabled)},fnInit:function(a){e(a).addClass(this.classes.buttons.disabled)}}),ajax:e.extend({},TableTools.buttonBase,{sAjaxUrl:"/xhr.php",sButtonText:"Ajax button",fnClick:function(a,b){var c=this.fnGetTableData(b);e.ajax({url:b.sAjaxUrl,data:[{name:"tableData",value:c}],success:b.fnAjaxComplete,
|
||||
dataType:"json",type:"POST",cache:!1,error:function(){alert("Error detected when sending table data to server")}})},fnAjaxComplete:function(){alert("Ajax complete")}}),div:e.extend({},TableTools.buttonBase,{sAction:"div",sTag:"div",sButtonClass:"DTTT_nonbutton",sButtonText:"Text button"}),collection:e.extend({},TableTools.buttonBase,{sAction:"collection",sButtonClass:"DTTT_button_collection",sButtonText:"Collection",fnClick:function(a,b){this._fnCollectionShow(a,b)}})};TableTools.buttons=TableTools.BUTTONS;
|
||||
TableTools.classes={container:"DTTT_container",buttons:{normal:"DTTT_button",disabled:"DTTT_disabled"},collection:{container:"DTTT_collection",background:"DTTT_collection_background",buttons:{normal:"DTTT_button",disabled:"DTTT_disabled"}},select:{table:"DTTT_selectable",row:"DTTT_selected selected"},print:{body:"DTTT_Print",info:"DTTT_print_info",message:"DTTT_PrintMessage"}};TableTools.classes_themeroller={container:"DTTT_container ui-buttonset ui-buttonset-multi",buttons:{normal:"DTTT_button ui-button ui-state-default"},
|
||||
collection:{container:"DTTT_collection ui-buttonset ui-buttonset-multi"}};TableTools.DEFAULTS={sSwfPath:"../swf/copy_csv_xls_pdf.swf",sRowSelect:"none",sRowSelector:"tr",sSelectedClass:null,fnPreRowSelect:null,fnRowSelected:null,fnRowDeselected:null,aButtons:["copy","csv","xls","pdf","print"],oTags:{container:"div",button:"a",liner:"span",collection:{container:"div",button:"a",liner:"span"}}};TableTools.defaults=TableTools.DEFAULTS;TableTools.prototype.CLASS="TableTools";TableTools.version="2.2.3";
|
||||
e.fn.dataTable.Api&&e.fn.dataTable.Api.register("tabletools()",function(){var a=null;0<this.context.length&&(a=TableTools.fnGetInstance(this.context[0].nTable));return a});"function"==typeof e.fn.dataTable&&"function"==typeof e.fn.dataTableExt.fnVersionCheck&&e.fn.dataTableExt.fnVersionCheck("1.9.0")?e.fn.dataTableExt.aoFeatures.push({fnInit:function(a){var b=a.oInit;return(new TableTools(a.oInstance,b?b.tableTools||b.oTableTools||{}:{})).dom.container},cFeature:"T",sFeature:"TableTools"}):alert("Warning: TableTools requires DataTables 1.9.0 or newer - www.datatables.net/download");
|
||||
e.fn.DataTable.TableTools=TableTools;"function"==typeof m.fn.dataTable&&"function"==typeof m.fn.dataTableExt.fnVersionCheck&&m.fn.dataTableExt.fnVersionCheck("1.9.0")?m.fn.dataTableExt.aoFeatures.push({fnInit:function(a){a=new TableTools(a.oInstance,"undefined"!=typeof a.oInit.oTableTools?a.oInit.oTableTools:{});TableTools._aInstances.push(a);return a.dom.container},cFeature:"T",sFeature:"TableTools"}):alert("Warning: TableTools 2 requires DataTables 1.9.0 or newer - www.datatables.net/download");
|
||||
m.fn.dataTable.TableTools=TableTools;return m.fn.DataTable.TableTools=TableTools};"function"===typeof define&&define.amd?define(["jquery","datatables"],p):"object"===typeof exports?p(require("jquery"),require("datatables")):jQuery&&!jQuery.fn.dataTable.TableTools&&p(jQuery,jQuery.fn.dataTable)})(window,document);
|
||||
@ -10,9 +10,10 @@ gui.servicesPools.link = (event) ->
|
||||
prevTables = []
|
||||
clearDetails = ->
|
||||
$.each prevTables, (undefined_, tbl) ->
|
||||
$tbl = $(tbl).dataTable()
|
||||
$tbl.fnClearTable()
|
||||
$tbl.fnDestroy()
|
||||
$(tbl).DataTable().destroy()
|
||||
#$tbl = $(tbl).dataTable()
|
||||
#$tbl.fnClearTable()
|
||||
#$tbl.fnDestroy()
|
||||
return
|
||||
|
||||
$("#assigned-services-placeholder_tbl").empty()
|
||||
@ -185,11 +186,12 @@ gui.servicesPools.link = (event) ->
|
||||
cachedItemsTable = cachedItems.table(
|
||||
icon: 'cached'
|
||||
container: "cache-placeholder_tbl"
|
||||
rowSelect: "single"
|
||||
doNotLoadData: true
|
||||
buttons: [
|
||||
"delete"
|
||||
"xls"
|
||||
]
|
||||
rowSelect: "single"
|
||||
onData: (data) ->
|
||||
fillState data
|
||||
return
|
||||
@ -227,6 +229,7 @@ gui.servicesPools.link = (event) ->
|
||||
icon: 'groups'
|
||||
container: "groups-placeholder"
|
||||
rowSelect: "single"
|
||||
doNotLoadData: true
|
||||
buttons: [
|
||||
"new"
|
||||
"delete"
|
||||
@ -347,6 +350,7 @@ gui.servicesPools.link = (event) ->
|
||||
transportsTable = transports.table(
|
||||
icon: 'transports'
|
||||
container: "transports-placeholder"
|
||||
doNotLoadData: true
|
||||
rowSelect: "single"
|
||||
buttons: [
|
||||
"new"
|
||||
@ -414,6 +418,7 @@ gui.servicesPools.link = (event) ->
|
||||
publicationsTable = publications.table(
|
||||
icon: 'publications'
|
||||
container: "publications-placeholder"
|
||||
doNotLoadData: true
|
||||
rowSelect: "single"
|
||||
buttons: [
|
||||
"new"
|
||||
@ -486,6 +491,7 @@ gui.servicesPools.link = (event) ->
|
||||
changelog = new GuiElement(clApi, "changelog", { permission: servPool.permission })
|
||||
clTable = changelog.table(
|
||||
icon: 'publications'
|
||||
doNotLoadData: true
|
||||
container: "changelog-placeholder"
|
||||
rowSelect: "single"
|
||||
)
|
||||
|
||||
@ -148,10 +148,11 @@
|
||||
@rest.tableInfo (data) -> # Gets tableinfo data (columns, title, visibility of fields, etc...
|
||||
row_style = data["row-style"]
|
||||
title = data.title
|
||||
columns = [ {
|
||||
columns = []
|
||||
columnss = [ {
|
||||
orderable: false,
|
||||
className: 'select-checkbox'
|
||||
data: null
|
||||
# width: 32
|
||||
render: () -> return ''
|
||||
} ]
|
||||
|
||||
@ -162,6 +163,7 @@
|
||||
column.title = opts.title
|
||||
column.render = renderEmptyCell
|
||||
column.width = opts.width if opts.width
|
||||
# column.width = "100px"
|
||||
column.visible = (if not opts.visible? then true else opts.visible)
|
||||
column.orderable = opts.sortable if opts.sortable?
|
||||
column.searchable = opts.searchable if opts.searchable?
|
||||
@ -196,7 +198,7 @@
|
||||
|
||||
|
||||
# Responsive style for tables, using tables.css and this code generates the "titles" for vertical display on small sizes
|
||||
self.rest.overview (data) -> # Gets "overview" data for table (table contents, but resume form)
|
||||
initTable = (data) ->
|
||||
tblParams.onData data if tblParams.onData
|
||||
table = gui.table(title, tableId,
|
||||
icon: tblParams.icon
|
||||
@ -212,16 +214,22 @@
|
||||
|
||||
self.refresh = refreshFnc = ->
|
||||
# Refreshes table content
|
||||
tbl = $("#" + tableId).dataTable()
|
||||
tbl = $("#" + tableId).DataTable()
|
||||
|
||||
#if( data.length > 1000 )
|
||||
gui.tools.blockUI()
|
||||
self.rest.overview (data) -> # Restore overview
|
||||
tblParams.onData data if tblParams.onData
|
||||
setTimeout (->
|
||||
tbl.fnClearTable()
|
||||
tbl.rows().remove()
|
||||
if data.length > 0 # Only adds data if data is available
|
||||
tbl.fnAddData data
|
||||
tbl.rows.add(data)
|
||||
|
||||
tbl.columns.adjust().draw()
|
||||
|
||||
# tbl.responsive.recalc()
|
||||
# tbl.scroller.measure()
|
||||
|
||||
onRefresh self
|
||||
gui.tools.unblockUI()
|
||||
return
|
||||
@ -395,31 +403,33 @@
|
||||
|
||||
# End buttoon iteration
|
||||
|
||||
# Initializes oTableTools
|
||||
oTableTools =
|
||||
aButtons: btns
|
||||
sRowSelect: tblParams.rowSelect or "none"
|
||||
|
||||
tbId = gui.genRamdonId('tb')
|
||||
dataTableOptions =
|
||||
aaData: data
|
||||
#responsive: true
|
||||
#colReorder: true
|
||||
#stateSave: true
|
||||
# scrollY: 500
|
||||
# scroller: true
|
||||
paging: true
|
||||
info: true
|
||||
autoWidth: true
|
||||
lengthChange: false
|
||||
pageLength: 10
|
||||
|
||||
ordering: true
|
||||
order: [[ 0, 'asc' ]]
|
||||
|
||||
dom: '<"' + tbId + ' btns-tables">frtip'
|
||||
responsive: true
|
||||
colReorder: true
|
||||
|
||||
select:
|
||||
style: if tblParams.rowSelect == 'multi' then 'os' else 'single'
|
||||
#selector: 'td:first-child'
|
||||
|
||||
aaSorting: [[
|
||||
1
|
||||
"asc"
|
||||
]]
|
||||
aoColumns: columns
|
||||
columns: columns
|
||||
data: data
|
||||
deferRender: tblParams.deferedRender or false
|
||||
|
||||
oLanguage: gui.config.dataTablesLanguage
|
||||
sPaginationType: "bootstrap"
|
||||
|
||||
bDeferRender: tblParams.deferedRender or false
|
||||
|
||||
|
||||
# If row is "styled"
|
||||
@ -519,6 +529,12 @@
|
||||
tblParams.onLoad self if tblParams.onLoad
|
||||
return
|
||||
|
||||
if tblParams.doNotLoadData isnt true
|
||||
self.rest.overview (data) -> # Gets "overview" data for table (table contents, but resume form)
|
||||
initTable(data)
|
||||
else
|
||||
initTable([])
|
||||
|
||||
return
|
||||
|
||||
# End Overview data
|
||||
@ -613,8 +629,6 @@
|
||||
0
|
||||
"desc"
|
||||
]]
|
||||
oTableTools:
|
||||
aButtons: []
|
||||
|
||||
aoColumns: columns
|
||||
oLanguage: gui.config.dataTablesLanguage
|
||||
|
||||
@ -16,13 +16,14 @@
|
||||
<!-- Bootstrap -->
|
||||
<link href="{% get_static_prefix %}adm/css/bootstrap-datepicker3.css" rel="stylesheet" media="screen">
|
||||
<link href="{% get_static_prefix %}adm/css/bootstrap-timepicker.css" rel="stylesheet" media="screen">
|
||||
<link href="{% get_static_prefix %}adm/css/uds.css" rel="stylesheet" media="screen">
|
||||
<link href="{% get_static_prefix %}adm/css/datatables.css" rel="stylesheet" media="screen">
|
||||
<link href="{% get_static_prefix %}adm/css/font-awesome.min.css" rel="stylesheet" media="screen">
|
||||
<link href="{% get_static_prefix %}adm/css/bootstrap-switch.css" rel="stylesheet" media="screen">
|
||||
<link href="{% get_static_prefix %}adm/css/jquery.bootstrap-touchspin.css" rel="stylesheet" media="screen">
|
||||
<link href="{% get_static_prefix %}adm/css/bootstrap-select.min.css" rel="stylesheet" media="screen">
|
||||
|
||||
<link href="{% get_static_prefix %}adm/css/uds.css" rel="stylesheet" media="screen">
|
||||
|
||||
<!-- <link href="{% get_static_prefix %}adm/css/jquery.dataTables.css" rel="stylesheet" media="screen">
|
||||
<link href="{% get_static_prefix %}adm/css/TableTools.css" rel="stylesheet" media="screen">
|
||||
<link href="{% get_static_prefix %}adm/css/dataTables.bootstrap.css" rel="stylesheet" media="screen"> -->
|
||||
@ -66,7 +67,7 @@
|
||||
<!-- minified js from: 'jquery', 'jquery.cookie', 'bootstrap.min', 'bootstrap-switch.min', 'bootstrap-select.min', 'jquery.validate.min', 'jquery.blockUI', 'flot',
|
||||
'jquery.dataTables.min', 'TableTools.min', 'Blob', 'FileSaver', 'ZeroClipboard', 'dataTables.bootstrap', 'handlebars-v1.1.2', UDS admin JS's -->
|
||||
<script src="{% get_static_prefix %}adm/js/jquery-2.1.3.min.js"></script>
|
||||
<script src="{% get_static_prefix %}adm/js/datatables.min.js"></script>
|
||||
<script src="{% get_static_prefix %}adm/js/datatables.js"></script>
|
||||
<script src="{% get_static_prefix %}adm/js/jquery.cookie.js"></script>
|
||||
<script src="{% get_static_prefix %}adm/js/bootstrap.min.js"></script>
|
||||
<script src="{% get_static_prefix %}adm/js/bootstrap-switch.min.js"></script>
|
||||
@ -89,8 +90,6 @@
|
||||
<script src="{% get_static_prefix %}adm/js/FileSaver.min.js"></script>
|
||||
|
||||
<script src="{% get_static_prefix %}adm/js/ZeroClipboard.js"></script>
|
||||
|
||||
<script src="{% get_static_prefix %}adm/js/dataTables.bootstrap.js"></script>
|
||||
|
||||
<!-- For Image preview on file upload -->
|
||||
<script src="{% get_static_prefix %}adm/js/jasny-bootstrap.min.js"></script>
|
||||
|
||||
@ -37,23 +37,25 @@ module.exports = function (grunt) {
|
||||
tasks: ['wiredep']
|
||||
},
|
||||
babel: {
|
||||
files: ['<%= config.app %>/scripts/{,*/}*.js'],
|
||||
// files: ['<%= config.app %>/js/{,*/}*.js'],
|
||||
files: [],
|
||||
tasks: ['babel:dist']
|
||||
},
|
||||
babelTest: {
|
||||
files: ['test/spec/{,*/}*.js'],
|
||||
// files: ['test/spec/{,*/}*.js'],
|
||||
files: [],
|
||||
tasks: ['babel:test', 'test:watch']
|
||||
},
|
||||
gruntfile: {
|
||||
files: ['Gruntfile.js']
|
||||
},
|
||||
sass: {
|
||||
files: ['<%= config.app %>/styles/{,*/}*.{scss,sass}'],
|
||||
files: ['<%= config.app %>/css/{,*/}*.{scss,sass}'],
|
||||
tasks: ['sass', 'postcss']
|
||||
},
|
||||
styles: {
|
||||
files: ['<%= config.app %>/styles/{,*/}*.css'],
|
||||
tasks: ['newer:copy:styles', 'postcss']
|
||||
css: {
|
||||
files: ['<%= config.app %>/css/{,*/}*.css'],
|
||||
tasks: ['newer:copy:css', 'postcss']
|
||||
}
|
||||
},
|
||||
|
||||
@ -69,9 +71,9 @@ module.exports = function (grunt) {
|
||||
options: {
|
||||
files: [
|
||||
'<%= config.app %>/{,*/}*.html',
|
||||
'.tmp/styles/{,*/}*.css',
|
||||
'<%= config.app %>/images/{,*/}*',
|
||||
'.tmp/scripts/{,*/}*.js'
|
||||
'.tmp/css/{,*/}*.css',
|
||||
'<%= config.app %>/img/{,*/}*',
|
||||
'.tmp/js/{,*/}*.js'
|
||||
],
|
||||
port: 9000,
|
||||
server: {
|
||||
@ -119,12 +121,12 @@ module.exports = function (grunt) {
|
||||
server: '.tmp'
|
||||
},
|
||||
|
||||
// Make sure code styles are up to par and there are no obvious mistakes
|
||||
// Make sure code css are up to par and there are no obvious mistakes
|
||||
eslint: {
|
||||
target: [
|
||||
'Gruntfile.js',
|
||||
'<%= config.app %>/scripts/{,*/}*.js',
|
||||
'!<%= config.app %>/scripts/vendor/*',
|
||||
// '<%= config.app %>/js/{,*/}*.js',
|
||||
'!<%= config.app %>/js/vendor/*',
|
||||
'test/spec/{,*/}*.js'
|
||||
]
|
||||
},
|
||||
@ -147,19 +149,19 @@ module.exports = function (grunt) {
|
||||
dist: {
|
||||
files: [{
|
||||
expand: true,
|
||||
cwd: '<%= config.app %>/scripts',
|
||||
src: '{,*/}*.js',
|
||||
dest: '.tmp/scripts',
|
||||
ext: '.js'
|
||||
cwd: '<%= config.app %>/js',
|
||||
src: '{,*/}*.jss',
|
||||
dest: '.tmp/js',
|
||||
ext: '.jss'
|
||||
}]
|
||||
},
|
||||
test: {
|
||||
files: [{
|
||||
expand: true,
|
||||
cwd: 'test/spec',
|
||||
src: '{,*/}*.js',
|
||||
src: '{,*/}*.jss',
|
||||
dest: '.tmp/spec',
|
||||
ext: '.js'
|
||||
ext: '.jss'
|
||||
}]
|
||||
}
|
||||
},
|
||||
@ -175,9 +177,9 @@ module.exports = function (grunt) {
|
||||
dist: {
|
||||
files: [{
|
||||
expand: true,
|
||||
cwd: '<%= config.app %>/styles',
|
||||
cwd: '<%= config.app %>/css',
|
||||
src: ['*.{scss,sass}'],
|
||||
dest: '.tmp/styles',
|
||||
dest: '.tmp/css',
|
||||
ext: '.css'
|
||||
}]
|
||||
}
|
||||
@ -187,7 +189,7 @@ module.exports = function (grunt) {
|
||||
options: {
|
||||
map: true,
|
||||
processors: [
|
||||
// Add vendor prefixed styles
|
||||
// Add vendor prefixed css
|
||||
require('autoprefixer')({
|
||||
browsers: ['> 1%', 'last 2 versions', 'Firefox ESR']
|
||||
})
|
||||
@ -196,9 +198,9 @@ module.exports = function (grunt) {
|
||||
dist: {
|
||||
files: [{
|
||||
expand: true,
|
||||
cwd: '.tmp/styles/',
|
||||
cwd: '.tmp/css/',
|
||||
src: '{,*/}*.css',
|
||||
dest: '.tmp/styles/'
|
||||
dest: '.tmp/css/'
|
||||
}]
|
||||
}
|
||||
},
|
||||
@ -211,7 +213,7 @@ module.exports = function (grunt) {
|
||||
ignorePath: /^(\.\.\/)*\.\./
|
||||
},
|
||||
sass: {
|
||||
src: ['<%= config.app %>/styles/{,*/}*.{scss,sass}'],
|
||||
src: ['<%= config.app %>/css/{,*/}*.{scss,sass}'],
|
||||
ignorePath: /^(\.\.\/)+/
|
||||
}
|
||||
},
|
||||
@ -220,10 +222,10 @@ module.exports = function (grunt) {
|
||||
filerev: {
|
||||
dist: {
|
||||
src: [
|
||||
'<%= config.dist %>/scripts/{,*/}*.js',
|
||||
'<%= config.dist %>/styles/{,*/}*.css',
|
||||
'<%= config.dist %>/images/{,*/}*.*',
|
||||
'<%= config.dist %>/styles/fonts/{,*/}*.*',
|
||||
'<%= config.dist %>/js/{,*/}*.js',
|
||||
'<%= config.dist %>/css/{,*/}*.css',
|
||||
'<%= config.dist %>/img/{,*/}*.*',
|
||||
'<%= config.dist %>/css/fonts/{,*/}*.*',
|
||||
'<%= config.dist %>/*.{ico,png}'
|
||||
]
|
||||
}
|
||||
@ -244,12 +246,12 @@ module.exports = function (grunt) {
|
||||
options: {
|
||||
assetsDirs: [
|
||||
'<%= config.dist %>',
|
||||
'<%= config.dist %>/images',
|
||||
'<%= config.dist %>/styles'
|
||||
'<%= config.dist %>/img',
|
||||
'<%= config.dist %>/css'
|
||||
]
|
||||
},
|
||||
html: ['<%= config.dist %>/{,*/}*.html'],
|
||||
css: ['<%= config.dist %>/styles/{,*/}*.css']
|
||||
css: ['<%= config.dist %>/css/{,*/}*.css']
|
||||
},
|
||||
|
||||
// The following *-min tasks produce minified files in the dist folder
|
||||
@ -257,9 +259,9 @@ module.exports = function (grunt) {
|
||||
dist: {
|
||||
files: [{
|
||||
expand: true,
|
||||
cwd: '<%= config.app %>/images',
|
||||
cwd: '<%= config.app %>/img',
|
||||
src: '{,*/}*.{gif,jpeg,jpg,png}',
|
||||
dest: '<%= config.dist %>/images'
|
||||
dest: '<%= config.dist %>/img'
|
||||
}]
|
||||
}
|
||||
},
|
||||
@ -268,9 +270,9 @@ module.exports = function (grunt) {
|
||||
dist: {
|
||||
files: [{
|
||||
expand: true,
|
||||
cwd: '<%= config.app %>/images',
|
||||
cwd: '<%= config.app %>/img',
|
||||
src: '{,*/}*.svg',
|
||||
dest: '<%= config.dist %>/images'
|
||||
dest: '<%= config.dist %>/img'
|
||||
}]
|
||||
}
|
||||
},
|
||||
@ -285,7 +287,7 @@ module.exports = function (grunt) {
|
||||
removeCommentsFromCDATA: true,
|
||||
removeEmptyAttributes: true,
|
||||
removeOptionalTags: true,
|
||||
// true would impact styles with attribute selectors
|
||||
// true would impact css with attribute selectors
|
||||
removeRedundantAttributes: false,
|
||||
useShortDoctype: true
|
||||
},
|
||||
@ -304,9 +306,9 @@ module.exports = function (grunt) {
|
||||
// cssmin: {
|
||||
// dist: {
|
||||
// files: {
|
||||
// '<%= config.dist %>/styles/main.css': [
|
||||
// '.tmp/styles/{,*/}*.css',
|
||||
// '<%= config.app %>/styles/{,*/}*.css'
|
||||
// '<%= config.dist %>/css/main.css': [
|
||||
// '.tmp/css/{,*/}*.css',
|
||||
// '<%= config.app %>/css/{,*/}*.css'
|
||||
// ]
|
||||
// }
|
||||
// }
|
||||
@ -314,8 +316,8 @@ module.exports = function (grunt) {
|
||||
// uglify: {
|
||||
// dist: {
|
||||
// files: {
|
||||
// '<%= config.dist %>/scripts/scripts.js': [
|
||||
// '<%= config.dist %>/scripts/scripts.js'
|
||||
// '<%= config.dist %>/js/js.js': [
|
||||
// '<%= config.dist %>/js/js.js'
|
||||
// ]
|
||||
// }
|
||||
// }
|
||||
@ -334,9 +336,9 @@ module.exports = function (grunt) {
|
||||
dest: '<%= config.dist %>',
|
||||
src: [
|
||||
'*.{ico,png,txt}',
|
||||
'images/{,*/}*.webp',
|
||||
'img/{,*/}*.webp',
|
||||
'{,*/}*.html',
|
||||
'styles/fonts/{,*/}*.*'
|
||||
'css/fonts/{,*/}*.*'
|
||||
]
|
||||
}, {
|
||||
expand: true,
|
||||
@ -348,34 +350,17 @@ module.exports = function (grunt) {
|
||||
}
|
||||
},
|
||||
|
||||
// Generates a custom Modernizr build that includes only the tests you
|
||||
// reference in your app
|
||||
modernizr: {
|
||||
dist: {
|
||||
devFile: 'bower_components/modernizr/modernizr.js',
|
||||
outputFile: '<%= config.dist %>/scripts/vendor/modernizr.js',
|
||||
files: {
|
||||
src: [
|
||||
'<%= config.dist %>/scripts/{,*/}*.js',
|
||||
'<%= config.dist %>/styles/{,*/}*.css',
|
||||
'!<%= config.dist %>/scripts/vendor/*'
|
||||
]
|
||||
},
|
||||
uglify: true
|
||||
}
|
||||
},
|
||||
|
||||
// Run some tasks in parallel to speed up build process
|
||||
concurrent: {
|
||||
server: [
|
||||
'babel:dist',
|
||||
// 'babel:dist',
|
||||
'sass'
|
||||
],
|
||||
test: [
|
||||
'babel'
|
||||
//'babel'
|
||||
],
|
||||
dist: [
|
||||
'babel',
|
||||
//'babel',
|
||||
'sass',
|
||||
'imagemin',
|
||||
'svgmin'
|
||||
@ -429,10 +414,9 @@ module.exports = function (grunt) {
|
||||
'concat',
|
||||
'cssmin',
|
||||
// 'uglify',
|
||||
'copy:dist',
|
||||
'modernizr',
|
||||
'filerev',
|
||||
'usemin'
|
||||
'copy:dist'
|
||||
// 'filerev',
|
||||
// 'usemin'
|
||||
// 'htmlmin'
|
||||
]);
|
||||
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 456 B |
Binary file not shown.
|
Before Width: | Height: | Size: 652 B |
Binary file not shown.
|
Before Width: | Height: | Size: 497 B |
Binary file not shown.
|
Before Width: | Height: | Size: 712 B |
Binary file not shown.
|
Before Width: | Height: | Size: 826 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 343 B |
Binary file not shown.
|
Before Width: | Height: | Size: 696 B |
Binary file not shown.
|
Before Width: | Height: | Size: 771 B |
Binary file not shown.
|
Before Width: | Height: | Size: 408 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 634 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 805 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 916 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.5 KiB |
File diff suppressed because it is too large
Load Diff
@ -1 +0,0 @@
|
||||
console.log('\'Allo \'Allo!'); // eslint-disable-line no-console
|
||||
Binary file not shown.
@ -1,177 +0,0 @@
|
||||
.btn3d {
|
||||
margin: 4px;
|
||||
box-shadow: 1px 1px 5px #888888;
|
||||
}
|
||||
|
||||
.btn3d-xs {
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.btn3d-danger {
|
||||
color: #fff;
|
||||
background-color: #db5566;
|
||||
border-bottom: 2px solid #af4451;
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background-color: #df6a78;
|
||||
border-bottom: 2px solid #b25560;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
.btn3d-primary.active:focus, .btn3d-danger:focus, .open > .dropdown-toggle.btn3d-danger {
|
||||
color: #fff;
|
||||
background-color: #df6a78;
|
||||
border-bottom: 2px solid #b25560;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.btn3d-danger {
|
||||
&:active, &.active {
|
||||
color: #fff;
|
||||
background-color: #c04b59;
|
||||
border-top: 2px solid #9a3c47;
|
||||
margin-top: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.btn3d-warning {
|
||||
color: #fff;
|
||||
background-color: #f4ad49;
|
||||
border-bottom: 2px solid #c38a3a;
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background-color: #f5b75f;
|
||||
border-bottom: 2px solid #c4924c;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
.btn3d-primary.active:focus, .btn3d-warning:focus, .open > .dropdown-toggle.btn3d-warning {
|
||||
color: #fff;
|
||||
background-color: #f5b75f;
|
||||
border-bottom: 2px solid #c4924c;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.btn3d-warning {
|
||||
&:active, &.active {
|
||||
color: #fff;
|
||||
background-color: #d69840;
|
||||
border-top: 2px solid #ab7a33;
|
||||
margin-top: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.btn3d-success {
|
||||
color: #fff;
|
||||
background-color: #51bf87;
|
||||
border-bottom: 2px solid #41996c;
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background-color: #66c796;
|
||||
border-bottom: 2px solid #529f78;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
.btn3d-primary.active:focus, .btn3d-success:focus, .open > .dropdown-toggle.btn3d-success {
|
||||
color: #fff;
|
||||
background-color: #66c796;
|
||||
border-bottom: 2px solid #529f78;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.btn3d-success {
|
||||
&:active, &.active {
|
||||
color: #fff;
|
||||
background-color: #47a877;
|
||||
border-top: 2px solid #39865f;
|
||||
outline: none;
|
||||
outline-offset: none;
|
||||
margin-top: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.btn3d-primary {
|
||||
color: #fff;
|
||||
background-color: #0bacd3;
|
||||
border-bottom: 2px solid #098aa9;
|
||||
|
||||
&:hover, &.active:focus, &:focus {
|
||||
color: #fff;
|
||||
background-color: #29b6d8;
|
||||
border-bottom: 2px solid #2192ad;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
.open > .dropdown-toggle.btn3d-primary {
|
||||
color: #fff;
|
||||
background-color: #29b6d8;
|
||||
border-bottom: 2px solid #2192ad;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.btn3d-primary {
|
||||
&:active, &.active {
|
||||
color: #fff;
|
||||
background-color: #0a97b9;
|
||||
border-top: 2px solid #087994;
|
||||
outline-offset: none;
|
||||
margin-top: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.btn3d {
|
||||
&:focus, &:active:focus, &.active:focus {
|
||||
outline: none;
|
||||
outline-offset: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
.btn3d {
|
||||
transition:all .08s linear;
|
||||
position:relative;
|
||||
outline:medium none;
|
||||
-moz-outline-style:none;
|
||||
border:0px;
|
||||
margin-right:10px;
|
||||
margin-top:15px;
|
||||
}
|
||||
.btn3d:focus {
|
||||
outline:medium none;
|
||||
-moz-outline-style:none;
|
||||
}
|
||||
.btn3d:active {
|
||||
top:9px;
|
||||
}
|
||||
.btn3d-default {
|
||||
box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #adadad, 0 8px 0 1px rgba(0,0,0,0.4), 0 8px 8px 1px rgba(0,0,0,0.5);
|
||||
background-color:#fff;
|
||||
}
|
||||
.btn3d-primary {
|
||||
box-shadow:0 0 0 1px #428bca inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #357ebd, 0 8px 0 1px rgba(0,0,0,0.4), 0 8px 8px 1px rgba(0,0,0,0.5);
|
||||
background-color:#428bca;
|
||||
}
|
||||
.btn3d-success {
|
||||
box-shadow:0 0 0 1px #5cb85c inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #4cae4c, 0 8px 0 1px rgba(0,0,0,0.4), 0 8px 8px 1px rgba(0,0,0,0.5);
|
||||
background-color:#5cb85c;
|
||||
}
|
||||
.btn3d-info {
|
||||
box-shadow:0 0 0 1px #5bc0de inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #46b8da, 0 8px 0 1px rgba(0,0,0,0.4), 0 8px 8px 1px rgba(0,0,0,0.5);
|
||||
background-color:#5bc0de;
|
||||
}
|
||||
.btn3d-warning {
|
||||
box-shadow:0 0 0 1px #f0ad4e inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #eea236, 0 8px 0 1px rgba(0,0,0,0.4), 0 8px 8px 1px rgba(0,0,0,0.5);
|
||||
background-color:#f0ad4e;
|
||||
}
|
||||
.btn3d-danger {
|
||||
box-shadow:0 0 0 1px #c63702 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #C24032, 0 8px 0 1px rgba(0,0,0,0.4), 0 8px 8px 1px rgba(0,0,0,0.5);
|
||||
background-color:#c63702;
|
||||
}
|
||||
*/
|
||||
@ -1,344 +0,0 @@
|
||||
div {
|
||||
&.dataTables_length {
|
||||
label {
|
||||
font-weight: normal;
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
select {
|
||||
width: 75px;
|
||||
}
|
||||
}
|
||||
|
||||
&.dataTables_filter {
|
||||
label {
|
||||
font-weight: normal;
|
||||
float: right;
|
||||
}
|
||||
|
||||
input {
|
||||
width: 8em;
|
||||
}
|
||||
}
|
||||
|
||||
&.dataTables_info {
|
||||
padding-top: 8px;
|
||||
}
|
||||
|
||||
&.dataTables_paginate {
|
||||
float: right;
|
||||
margin: 0;
|
||||
|
||||
ul.pagination {
|
||||
margin: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
table.dataTable {
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
|
||||
td, th {
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
clear: both;
|
||||
margin-top: 6px !important;
|
||||
margin-bottom: 6px !important;
|
||||
max-width: none !important;
|
||||
|
||||
thead {
|
||||
.sorting, .sorting_asc, .sorting_desc, .sorting_asc_disabled, .sorting_desc_disabled {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sorting {
|
||||
background: url('../img/sort_both.png') no-repeat center right;
|
||||
}
|
||||
|
||||
.sorting_asc {
|
||||
background: url('../img/sort_asc.png') no-repeat center right;
|
||||
}
|
||||
|
||||
.sorting_desc {
|
||||
background: url('../img/sort_desc.png') no-repeat center right;
|
||||
}
|
||||
|
||||
.sorting_asc_disabled {
|
||||
background: url('../img/sort_asc_disabled.png') no-repeat center right;
|
||||
}
|
||||
|
||||
.sorting_desc_disabled {
|
||||
background: url('../img/sort_desc_disabled.png') no-repeat center right;
|
||||
}
|
||||
}
|
||||
|
||||
th:active {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Scrolling */
|
||||
|
||||
div {
|
||||
&.dataTables_scrollHead table {
|
||||
margin-bottom: 0 !important;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
|
||||
thead tr:last-child {
|
||||
th:first-child, td:first-child {
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.dataTables_scrollBody {
|
||||
table {
|
||||
border-top: none;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
tbody tr:first-child {
|
||||
th, td {
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.dataTables_scrollFoot table {
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
|
||||
.DTTT_nonbutton {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/*
|
||||
* TableTools styles
|
||||
*/
|
||||
|
||||
.table {
|
||||
font-family: 'Andale Mono', 'Courier New'
|
||||
}
|
||||
|
||||
.table tbody tr.active {
|
||||
td, th {
|
||||
background-color: $uds-background-color;
|
||||
color: $uds-foreground-color;
|
||||
}
|
||||
}
|
||||
|
||||
.table-striped > tbody > tr {
|
||||
&:nth-child(2n+1) > td {
|
||||
background-color: $uds-background-color;
|
||||
color: $uds-foreground-color;
|
||||
}
|
||||
|
||||
&:nth-child(2n) > td {
|
||||
background-color: $uds-background-color-light;
|
||||
color: $uds-foreground-color;
|
||||
}
|
||||
|
||||
&:nth-child(2n+1) > td.sorting_1 {
|
||||
background-color: $uds-background-color-light;
|
||||
color: $uds-color-blue;
|
||||
}
|
||||
|
||||
&:nth-child(2n) > td.sorting_1 {
|
||||
background-color: $uds-background-color-light;
|
||||
color: $uds-color-blue;
|
||||
}
|
||||
}
|
||||
|
||||
/*table.dataTable tr.odd td.sorting_1 { background-color: #E5E5E5; }
|
||||
table.dataTable tr.even td.sorting_1 { background-color: #F5F5F5; }*/
|
||||
|
||||
.table tbody tr {
|
||||
&:hover {
|
||||
td, th {
|
||||
background-color: #08C !important;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
&.active a {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.table-striped tbody tr.active:nth-child(odd) {
|
||||
td, th {
|
||||
background-color: #017ebc;
|
||||
}
|
||||
}
|
||||
|
||||
table.DTTT_selectable tbody tr {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.DTTT .btn {
|
||||
color: #333 !important;
|
||||
font-size: 12px;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
ul.DTTT_dropdown.dropdown-menu {
|
||||
z-index: 2013;
|
||||
|
||||
a {
|
||||
color: #333 !important;
|
||||
|
||||
/* needed only when demo_page.css is included */
|
||||
}
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
|
||||
&:hover a {
|
||||
background-color: #0088cc;
|
||||
color: white !important;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div {
|
||||
&.DTTT_collection_background {
|
||||
z-index: 2009;
|
||||
}
|
||||
|
||||
&.DTTT_print_info {
|
||||
&.modal {
|
||||
height: 150px;
|
||||
margin-top: -75px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
font-size: 28px;
|
||||
line-height: 28px;
|
||||
margin: 1em;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
&.DTFC_LeftHeadWrapper table, &.DTFC_LeftFootWrapper table, &.DTFC_RightHeadWrapper table, &.DTFC_RightFootWrapper table {
|
||||
background-color: white;
|
||||
}
|
||||
}
|
||||
|
||||
/* TableTools information display */
|
||||
|
||||
/*
|
||||
* FixedColumns styles
|
||||
*/
|
||||
|
||||
table.DTFC_Cloned tr.even {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
div {
|
||||
&.DTFC_RightHeadWrapper table, &.DTFC_LeftHeadWrapper table {
|
||||
margin-bottom: 0 !important;
|
||||
border-top-right-radius: 0 !important;
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
|
||||
&.DTFC_RightHeadWrapper table thead tr:last-child {
|
||||
th:first-child, td:first-child {
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
&.DTFC_LeftHeadWrapper table thead tr:last-child {
|
||||
th:first-child, td:first-child {
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
&.DTFC_RightBodyWrapper table, &.DTFC_LeftBodyWrapper table {
|
||||
border-top: none;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
&.DTFC_RightBodyWrapper tbody tr:first-child {
|
||||
th, td {
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.DTFC_LeftBodyWrapper tbody tr:first-child {
|
||||
th, td {
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.DTFC_RightFootWrapper table, &.DTFC_LeftFootWrapper table {
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
This states displays as default
|
||||
tr.row-state-A > td, tr.row-state-F > td, tr.row-state-U > td, tr.row-state-W > td {
|
||||
}
|
||||
*/
|
||||
|
||||
tr {
|
||||
&.row-state-B:nth-child(2n) > td, &.row-state-C:nth-child(2n) > td, &.row-state-E:nth-child(2n) > td, &.row-state-Y:nth-child(2n) > td, &.row-state-B:nth-child(2n+1) > td, &.row-state-C:nth-child(2n+1) > td, &.row-state-E:nth-child(2n+1) > td, &.row-state-Y:nth-child(2n+1) > td {
|
||||
color: #FF6600 !important;
|
||||
}
|
||||
|
||||
&.row-state-M:nth-child(2n+1) > td, &.row-state-R:nth-child(2n+1) > td, &.row-state-I:nth-child(2n+1) > td, &.row-state-S > td:nth-child(2n+1) {
|
||||
color: #9A9A9A !important;
|
||||
}
|
||||
|
||||
&.row-state-M:nth-child(2n) > td, &.row-state-R:nth-child(2n) > td, &.row-state-I:nth-child(2n) > td, &.row-state-S > td:nth-child(2n) {
|
||||
color: #858585 !important;
|
||||
}
|
||||
|
||||
&.row-maintenance-true > td {
|
||||
color: #FF6600 !important;
|
||||
}
|
||||
|
||||
&.log-WARN {
|
||||
color: blue;
|
||||
}
|
||||
|
||||
&.log-DEBUG {
|
||||
color: green;
|
||||
}
|
||||
|
||||
&.log-INFO, &.log-OTHER {
|
||||
color: black;
|
||||
}
|
||||
|
||||
&.log-ERROR, &.log-FATAL {
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.dataTables_wrapper {
|
||||
overflow-x: hidden;
|
||||
min-height: 300px;
|
||||
}
|
||||
@ -1,112 +0,0 @@
|
||||
/*
|
||||
This states displays as default
|
||||
*/
|
||||
|
||||
.row-maintenance-true {
|
||||
color: $brand-danger;
|
||||
}
|
||||
|
||||
.log-WARN {
|
||||
color: $brand-warning;
|
||||
}
|
||||
|
||||
.log-DEBUG {
|
||||
color: $brand-success;
|
||||
}
|
||||
|
||||
.log-INFO, .log-OTHER {
|
||||
color: $brand-info;
|
||||
}
|
||||
|
||||
.log-ERROR, &.log-FATAL {
|
||||
color: $brand-danger;
|
||||
}
|
||||
|
||||
|
||||
/*tr {
|
||||
&.row-state-B:nth-child(2n) > td, &.row-state-C:nth-child(2n) > td, &.row-state-E:nth-child(2n) > td, &.row-state-Y:nth-child(2n) > td, &.row-state-B:nth-child(2n+1) > td, &.row-state-C:nth-child(2n+1) > td, &.row-state-E:nth-child(2n+1) > td, &.row-state-Y:nth-child(2n+1) > td {
|
||||
color: #FF6600 !important;
|
||||
}
|
||||
|
||||
&.row-state-M:nth-child(2n+1) > td, &.row-state-R:nth-child(2n+1) > td, &.row-state-I:nth-child(2n+1) > td, &.row-state-S > td:nth-child(2n+1) {
|
||||
color: #9A9A9A !important;
|
||||
}
|
||||
|
||||
&.row-state-M:nth-child(2n) > td, &.row-state-R:nth-child(2n) > td, &.row-state-I:nth-child(2n) > td, &.row-state-S > td:nth-child(2n) {
|
||||
color: #858585 !important;
|
||||
}
|
||||
|
||||
&.row-maintenance-true > td {
|
||||
color: #FF6600 !important;
|
||||
}
|
||||
|
||||
&.log-WARN {
|
||||
color: blue;
|
||||
}
|
||||
|
||||
&.log-DEBUG {
|
||||
color: green;
|
||||
}
|
||||
|
||||
&.log-INFO, &.log-OTHER {
|
||||
color: black;
|
||||
}
|
||||
|
||||
&.log-ERROR, &.log-FATAL {
|
||||
color: red;
|
||||
}
|
||||
}*/
|
||||
|
||||
|
||||
// To position correctly things
|
||||
.btn-tables {
|
||||
margin-top: 0px;
|
||||
margin-botton: 8px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.btns-tables {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.dataTables_info {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.dataTables_paginate {
|
||||
float: right;
|
||||
}
|
||||
|
||||
|
||||
.table {
|
||||
font-family: 'Andale Mono', 'Courier New'
|
||||
}
|
||||
|
||||
.table tbody tr.selected {
|
||||
background-color: $uds-color-blue;
|
||||
color: $brand-warning;
|
||||
&:hover {
|
||||
background-color: $uds-color-blue-dark;
|
||||
}
|
||||
}
|
||||
|
||||
/*.table-striped > tbody > tr {
|
||||
td.sorting_1 {
|
||||
color: $uds-color-blue;
|
||||
}
|
||||
}*/
|
||||
|
||||
.dataTables_wrapper {
|
||||
overflow-x: hidden;
|
||||
min-height: $uds-panel-min-height;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.label-tbl-button {
|
||||
display: none;
|
||||
|
||||
.dataTables_wrapper {
|
||||
min-height: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,20 +0,0 @@
|
||||
// fixes breadcrumb for using
|
||||
.breadcrumb {
|
||||
> li {
|
||||
+ li:before {
|
||||
content: "/ "; // Unicode space added since inline-block means non-collapsing white-space
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bootstrap-timepicker-widget a.btn, .bootstrap-timepicker-widget input {
|
||||
background: $input-bg;
|
||||
border-color: $brand-primary;
|
||||
border-radius: 0;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
}
|
||||
|
||||
.bootstrap-timepicker-widget table td a {
|
||||
color: $brand-primary;
|
||||
}
|
||||
@ -1,859 +0,0 @@
|
||||
//
|
||||
// Variables
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
//== Colors
|
||||
//
|
||||
//## Gray and brand colors for use across Bootstrap.
|
||||
$bg-color1: #252830;
|
||||
$bg-color2: lighten($bg-color1, 14%);
|
||||
|
||||
$gray-base: #FFFFFF;
|
||||
$gray-darker: darken($gray-base, 13.5%); // #222
|
||||
$gray-dark: darken($gray-base, 20%); // #333
|
||||
$gray: darken($gray-base, 33.5%); // #555
|
||||
$gray-light: darken($gray-base, 46.7%); // #777
|
||||
$gray-lighter: darken($gray-base, 93.5%); // #eee
|
||||
|
||||
$brand-primary: darken(#1CA8DD, 0%); // #337ab7
|
||||
$brand-success: #1BC98E;
|
||||
$brand-info: #9F86FF;
|
||||
$brand-warning: #E4D836;
|
||||
$brand-danger: #E64759;
|
||||
|
||||
|
||||
//== Scaffolding
|
||||
//
|
||||
//## Settings for some of the most global styles.
|
||||
|
||||
//** Background color for `<body>`.
|
||||
$body-bg: $bg-color1;
|
||||
//** Global text color on `<body>`.
|
||||
$text-color: $gray-darker;
|
||||
|
||||
//** Global textual link color.
|
||||
$link-color: $brand-primary;
|
||||
//** Link hover color set via `darken()` function.
|
||||
$link-hover-color: lighten($link-color, 15%);
|
||||
//** Link hover decoration.
|
||||
$link-hover-decoration: underline;
|
||||
|
||||
|
||||
//== Typography
|
||||
//
|
||||
//## Font, line-height, and color for body text, headings, and more.
|
||||
|
||||
$font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
$font-family-serif: Georgia, "Times New Roman", Times, serif;
|
||||
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
|
||||
$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
$font-family-base: $font-family-sans-serif;
|
||||
|
||||
$font-size-base: 14px;
|
||||
$font-size-large: ceil(($font-size-base * 1.25)); // ~18px
|
||||
$font-size-small: ceil(($font-size-base * 0.85)); // ~12px
|
||||
|
||||
$font-size-h1: floor(($font-size-base * 2.6)); // ~36px
|
||||
$font-size-h2: floor(($font-size-base * 2.15)); // ~30px
|
||||
$font-size-h3: ceil(($font-size-base * 1.7)); // ~24px
|
||||
$font-size-h4: ceil(($font-size-base * 1.25)); // ~18px
|
||||
$font-size-h5: $font-size-base;
|
||||
$font-size-h6: ceil(($font-size-base * 0.85)); // ~12px
|
||||
|
||||
//** Unit-less `line-height` for use in components like buttons.
|
||||
$line-height-base: 1.428571429; // 20/14
|
||||
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
|
||||
$line-height-computed: floor(($font-size-base * $line-height-base)); // ~20px
|
||||
|
||||
//** By default, this inherits from the `<body>`.
|
||||
$headings-font-family: inherit;
|
||||
$headings-font-weight: 500;
|
||||
$headings-line-height: 1.1;
|
||||
$headings-color: $brand-info;
|
||||
|
||||
|
||||
//== Iconography
|
||||
//
|
||||
//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
|
||||
|
||||
//** Load fonts from this directory.
|
||||
$icon-font-path: "../fonts/";
|
||||
//** File name for all font files.
|
||||
$icon-font-name: "glyphicons-halflings-regular";
|
||||
//** Element ID within SVG icon file.
|
||||
$icon-font-svg-id: "glyphicons_halflingsregular";
|
||||
|
||||
|
||||
//== Components
|
||||
//
|
||||
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
|
||||
|
||||
$padding-base-vertical: 6px;
|
||||
$padding-base-horizontal: 12px;
|
||||
|
||||
$padding-large-vertical: 10px;
|
||||
$padding-large-horizontal: 16px;
|
||||
|
||||
$padding-small-vertical: 5px;
|
||||
$padding-small-horizontal: 10px;
|
||||
|
||||
$padding-xs-vertical: 1px;
|
||||
$padding-xs-horizontal: 5px;
|
||||
|
||||
$line-height-large: 1.33;
|
||||
$line-height-small: 1.5;
|
||||
|
||||
$border-radius-base: 0px;
|
||||
$border-radius-large: 0px;
|
||||
$border-radius-small: 0px;
|
||||
|
||||
//** Global color for active items (e.g., navs or dropdowns).
|
||||
$component-active-color: #fff;
|
||||
//** Global background color for active items (e.g., navs or dropdowns).
|
||||
$component-active-bg: $brand-primary;
|
||||
|
||||
//** Width of the `border` for generating carets that indicator dropdowns.
|
||||
$caret-width-base: 4px;
|
||||
//** Carets increase slightly in size for larger components.
|
||||
$caret-width-large: 5px;
|
||||
|
||||
|
||||
//== Tables
|
||||
//
|
||||
//## Customizes the `.table` component with basic values, each used across all table variations.
|
||||
|
||||
//** Padding for `<th>`s and `<td>`s.
|
||||
$table-cell-padding: 8px;
|
||||
//** Padding for cells in `.table-condensed`.
|
||||
$table-condensed-cell-padding: 5px;
|
||||
|
||||
//** Default background color used for all tables.
|
||||
$table-bg: transparent;
|
||||
//** Background color used for `.table-striped`.
|
||||
$table-bg-accent: darken($brand-primary, 10%);
|
||||
//** Background color used for `.table-hover`.
|
||||
$table-bg-hover: darken($body-bg, 5%);
|
||||
$table-bg-active: $brand-primary;
|
||||
|
||||
//** Border color for table and cell borders.
|
||||
$table-border-color: darken($body-bg, 10%);
|
||||
|
||||
|
||||
//== Buttons
|
||||
//
|
||||
//## For each of Bootstrap's buttons, define text, background and border color.
|
||||
|
||||
$btn-font-weight: normal;
|
||||
|
||||
$btn-default-color: $gray-base;
|
||||
$btn-default-bg: $body-bg;
|
||||
$btn-default-border: $brand-primary;
|
||||
|
||||
$btn-primary-color: $gray-base;
|
||||
$btn-primary-bg: $brand-primary;
|
||||
$btn-primary-border: darken($btn-primary-bg, 5%);
|
||||
|
||||
$btn-success-color: #fff;
|
||||
$btn-success-bg: $brand-success;
|
||||
$btn-success-border: darken($btn-success-bg, 5%);
|
||||
|
||||
$btn-info-color: #fff;
|
||||
$btn-info-bg: $brand-info;
|
||||
$btn-info-border: darken($btn-info-bg, 5%);
|
||||
|
||||
$btn-warning-color: $gray-base;
|
||||
$btn-warning-bg: $brand-warning;
|
||||
$btn-warning-border: darken($btn-warning-bg, 5%);
|
||||
|
||||
$btn-danger-color: $gray-base;
|
||||
$btn-danger-bg: $brand-danger;
|
||||
$btn-danger-border: darken($btn-danger-bg, 5%);
|
||||
|
||||
$btn-link-disabled-color: $gray-light;
|
||||
|
||||
|
||||
//== Forms
|
||||
//
|
||||
//##
|
||||
|
||||
//** `<input>` background color
|
||||
$input-bg: $body-bg;
|
||||
//** `<input disabled>` background color
|
||||
$input-bg-disabled: lighten($body-bg, 15%);
|
||||
|
||||
//** Text color for `<input>`s
|
||||
$input-color: $gray-base;
|
||||
//** `<input>` border color
|
||||
$input-border: $brand-primary;
|
||||
|
||||
// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4
|
||||
//** Default `.form-control` border radius
|
||||
$input-border-radius: $border-radius-base;
|
||||
//** Large `.form-control` border radius
|
||||
$input-border-radius-large: $border-radius-large;
|
||||
//** Small `.form-control` border radius
|
||||
$input-border-radius-small: $border-radius-small;
|
||||
|
||||
//** Border color for inputs on focus
|
||||
$input-border-focus: $brand-info;
|
||||
|
||||
//** Placeholder text color
|
||||
$input-color-placeholder: darken($brand-primary, 15%);
|
||||
|
||||
//** Default `.form-control` height
|
||||
$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2);
|
||||
//** Large `.form-control` height
|
||||
$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2);
|
||||
//** Small `.form-control` height
|
||||
$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2);
|
||||
|
||||
$legend-color: $gray-dark;
|
||||
$legend-border-color: #e5e5e5;
|
||||
|
||||
//** Background color for textual input addons
|
||||
$input-group-addon-bg: $input-bg;
|
||||
//** Border color for textual input addons
|
||||
$input-group-addon-border-color: $input-border;
|
||||
|
||||
//** Disabled cursor for form controls and buttons.
|
||||
$cursor-disabled: not-allowed;
|
||||
|
||||
|
||||
//== Dropdowns
|
||||
//
|
||||
//## Dropdown menu container and contents.
|
||||
|
||||
//** Background for the dropdown menu.
|
||||
$dropdown-bg: lighten($body-bg, 15%);
|
||||
//** Dropdown menu `border-color`.
|
||||
$dropdown-border: lighten($body-bg, 40%);
|
||||
//** Dropdown menu `border-color` **for IE8**.
|
||||
$dropdown-fallback-border: lighten($body-bg, 40%);
|
||||
//** Divider color for between dropdown items.
|
||||
$dropdown-divider-bg: lighten($body-bg, 40%);
|
||||
|
||||
//** Dropdown link text color.
|
||||
$dropdown-link-color: $gray-dark;
|
||||
//** Hover color for dropdown links.
|
||||
$dropdown-link-hover-color: darken($gray-dark, 5%);
|
||||
//** Hover background for dropdown links.
|
||||
$dropdown-link-hover-bg: $gray-lighter;
|
||||
|
||||
//** Active dropdown menu item text color.
|
||||
$dropdown-link-active-color: $component-active-color;
|
||||
//** Active dropdown menu item background color.
|
||||
$dropdown-link-active-bg: $component-active-bg;
|
||||
|
||||
//** Disabled dropdown menu item background color.
|
||||
$dropdown-link-disabled-color: $gray-light;
|
||||
|
||||
//** Text color for headers within dropdown menus.
|
||||
$dropdown-header-color: $gray-light;
|
||||
|
||||
//** Deprecated `$dropdown-caret-color` as of v3.1.0
|
||||
$dropdown-caret-color: $gray-light;
|
||||
|
||||
|
||||
//-- Z-index master list
|
||||
//
|
||||
// Warning: Avoid customizing these values. They're used for a bird's eye view
|
||||
// of components dependent on the z-axis and are designed to all work together.
|
||||
//
|
||||
// Note: These variables are not generated into the Customizer.
|
||||
|
||||
$zindex-navbar: 1000;
|
||||
$zindex-dropdown: 1000;
|
||||
$zindex-popover: 1060;
|
||||
$zindex-tooltip: 1070;
|
||||
$zindex-navbar-fixed: 1030;
|
||||
$zindex-modal: 1050;
|
||||
$zindex-modal-background: 1040;
|
||||
|
||||
|
||||
//== Media queries breakpoints
|
||||
//
|
||||
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
|
||||
|
||||
// Extra small screen / phone
|
||||
//** Deprecated `$screen-xs` as of v3.0.1
|
||||
$screen-xs: 480px;
|
||||
//** Deprecated `$screen-xs-min` as of v3.2.0
|
||||
$screen-xs-min: $screen-xs;
|
||||
//** Deprecated `$screen-phone` as of v3.0.1
|
||||
$screen-phone: $screen-xs-min;
|
||||
|
||||
// Small screen / tablet
|
||||
//** Deprecated `$screen-sm` as of v3.0.1
|
||||
$screen-sm: 768px;
|
||||
$screen-sm-min: $screen-sm;
|
||||
//** Deprecated `$screen-tablet` as of v3.0.1
|
||||
$screen-tablet: $screen-sm-min;
|
||||
|
||||
// Medium screen / desktop
|
||||
//** Deprecated `$screen-md` as of v3.0.1
|
||||
$screen-md: 992px;
|
||||
$screen-md-min: $screen-md;
|
||||
//** Deprecated `$screen-desktop` as of v3.0.1
|
||||
$screen-desktop: $screen-md-min;
|
||||
|
||||
// Large screen / wide desktop
|
||||
//** Deprecated `$screen-lg` as of v3.0.1
|
||||
$screen-lg: 1200px;
|
||||
$screen-lg-min: $screen-lg;
|
||||
//** Deprecated `$screen-lg-desktop` as of v3.0.1
|
||||
$screen-lg-desktop: $screen-lg-min;
|
||||
|
||||
// So media queries don't overlap when required, provide a maximum
|
||||
$screen-xs-max: ($screen-sm-min - 1);
|
||||
$screen-sm-max: ($screen-md-min - 1);
|
||||
$screen-md-max: ($screen-lg-min - 1);
|
||||
|
||||
|
||||
//== Grid system
|
||||
//
|
||||
//## Define your custom responsive grid.
|
||||
|
||||
//** Number of columns in the grid.
|
||||
$grid-columns: 12;
|
||||
//** Padding between columns. Gets divided in half for the left and right.
|
||||
$grid-gutter-width: 30px;
|
||||
// Navbar collapse
|
||||
//** Point at which the navbar becomes uncollapsed.
|
||||
$grid-float-breakpoint: $screen-sm-min;
|
||||
//** Point at which the navbar begins collapsing.
|
||||
$grid-float-breakpoint-max: ($grid-float-breakpoint - 1);
|
||||
|
||||
|
||||
//== Container sizes
|
||||
//
|
||||
//## Define the maximum width of `.container` for different screen sizes.
|
||||
|
||||
// Small screen / tablet
|
||||
$container-tablet: (720px + $grid-gutter-width);
|
||||
//** For `$screen-sm-min` and up.
|
||||
$container-sm: $container-tablet;
|
||||
|
||||
// Medium screen / desktop
|
||||
$container-desktop: (940px + $grid-gutter-width);
|
||||
//** For `$screen-md-min` and up.
|
||||
$container-md: $container-desktop;
|
||||
|
||||
// Large screen / wide desktop
|
||||
$container-large-desktop: (1140px + $grid-gutter-width);
|
||||
//** For `$screen-lg-min` and up.
|
||||
$container-lg: $container-large-desktop;
|
||||
|
||||
|
||||
//== Navbar
|
||||
//
|
||||
//##
|
||||
|
||||
// Basics of a navbar
|
||||
$navbar-height: 50px;
|
||||
$navbar-margin-bottom: $line-height-computed;
|
||||
$navbar-border-radius: $border-radius-base;
|
||||
$navbar-padding-horizontal: floor(($grid-gutter-width / 2));
|
||||
$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2);
|
||||
$navbar-collapse-max-height: 340px;
|
||||
|
||||
$navbar-default-color: #777;
|
||||
$navbar-default-bg: #f8f8f8;
|
||||
$navbar-default-border: darken($navbar-default-bg, 6.5%);
|
||||
|
||||
// Navbar links
|
||||
$navbar-default-link-color: #777;
|
||||
$navbar-default-link-hover-color: #333;
|
||||
$navbar-default-link-hover-bg: transparent;
|
||||
$navbar-default-link-active-color: #555;
|
||||
$navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%);
|
||||
$navbar-default-link-disabled-color: #ccc;
|
||||
$navbar-default-link-disabled-bg: transparent;
|
||||
|
||||
// Navbar brand label
|
||||
$navbar-default-brand-color: $navbar-default-link-color;
|
||||
$navbar-default-brand-hover-color: darken($navbar-default-brand-color, 10%);
|
||||
$navbar-default-brand-hover-bg: transparent;
|
||||
|
||||
// Navbar toggle
|
||||
$navbar-default-toggle-hover-bg: #ddd;
|
||||
$navbar-default-toggle-icon-bar-bg: #888;
|
||||
$navbar-default-toggle-border-color: #ddd;
|
||||
|
||||
|
||||
// Inverted navbar
|
||||
// Reset inverted navbar basics
|
||||
$navbar-inverse-color: lighten($gray-light, 15%);
|
||||
$navbar-inverse-bg: darken($body-bg, 5%);
|
||||
$navbar-inverse-border: darken($navbar-inverse-bg, 10%);
|
||||
|
||||
// Inverted navbar links
|
||||
$navbar-inverse-link-color: lighten($gray-light, 15%);
|
||||
$navbar-inverse-link-hover-color: $brand-primary;
|
||||
$navbar-inverse-link-hover-bg: transparent;
|
||||
$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color;
|
||||
$navbar-inverse-link-active-bg: lighten($navbar-inverse-bg, 10%);
|
||||
$navbar-inverse-link-disabled-color: #444;
|
||||
$navbar-inverse-link-disabled-bg: transparent;
|
||||
|
||||
// Inverted navbar brand label
|
||||
$navbar-inverse-brand-color: $navbar-inverse-link-color;
|
||||
$navbar-inverse-brand-hover-color: $brand-primary;
|
||||
$navbar-inverse-brand-hover-bg: transparent;
|
||||
|
||||
// Inverted navbar toggle
|
||||
$navbar-inverse-toggle-hover-bg: #333;
|
||||
$navbar-inverse-toggle-icon-bar-bg: #fff;
|
||||
$navbar-inverse-toggle-border-color: #333;
|
||||
|
||||
|
||||
//== Navs
|
||||
//
|
||||
//##
|
||||
|
||||
//=== Shared nav styles
|
||||
$nav-link-padding: 10px 15px;
|
||||
$nav-link-hover-bg: $gray-lighter;
|
||||
|
||||
$nav-disabled-link-color: $gray-light;
|
||||
$nav-disabled-link-hover-color: $gray-light;
|
||||
|
||||
//== Tabs
|
||||
$nav-tabs-border-color: #ddd;
|
||||
|
||||
$nav-tabs-link-hover-border-color: $gray-lighter;
|
||||
|
||||
$nav-tabs-active-link-hover-bg: $body-bg;
|
||||
$nav-tabs-active-link-hover-color: $gray;
|
||||
$nav-tabs-active-link-hover-border-color: #ddd;
|
||||
|
||||
$nav-tabs-justified-link-border-color: #ddd;
|
||||
$nav-tabs-justified-active-link-border-color: $body-bg;
|
||||
|
||||
//== Pills
|
||||
$nav-pills-border-radius: $border-radius-base;
|
||||
$nav-pills-active-link-hover-bg: $component-active-bg;
|
||||
$nav-pills-active-link-hover-color: $component-active-color;
|
||||
|
||||
|
||||
//== Pagination
|
||||
//
|
||||
//##
|
||||
|
||||
$pagination-color: $link-color;
|
||||
$pagination-bg: $body-bg;
|
||||
$pagination-border: $brand-primary;
|
||||
|
||||
$pagination-hover-color: $gray-base;
|
||||
$pagination-hover-bg: $brand-primary;
|
||||
$pagination-hover-border: $pagination-border;
|
||||
|
||||
$pagination-active-color: $gray-lighter;
|
||||
$pagination-active-bg: $brand-primary;
|
||||
$pagination-active-border: $brand-primary;
|
||||
|
||||
$pagination-disabled-color: darken($pagination-color, 30%);
|
||||
$pagination-disabled-bg: darken($pagination-bg, 30%);
|
||||
$pagination-disabled-border: darken($pagination-border, 0%);
|
||||
|
||||
|
||||
//== Pager
|
||||
//
|
||||
//##
|
||||
|
||||
$pager-bg: $pagination-bg;
|
||||
$pager-border: $pagination-border;
|
||||
$pager-border-radius: 8px;
|
||||
|
||||
$pager-hover-bg: $pagination-hover-bg;
|
||||
|
||||
$pager-active-bg: $pagination-active-bg;
|
||||
$pager-active-color: $pagination-active-color;
|
||||
|
||||
$pager-disabled-color: $pagination-disabled-color;
|
||||
|
||||
|
||||
//== Jumbotron
|
||||
//
|
||||
//##
|
||||
|
||||
$jumbotron-padding: 30px;
|
||||
$jumbotron-color: inherit;
|
||||
$jumbotron-bg: $gray-lighter;
|
||||
$jumbotron-heading-color: inherit;
|
||||
$jumbotron-font-size: ceil(($font-size-base * 1.5));
|
||||
|
||||
|
||||
//== Form states and alerts
|
||||
//
|
||||
//## Define colors for form feedback states and, by default, alerts.
|
||||
|
||||
$state-success-text: $brand-success;
|
||||
$state-success-bg: darken($state-success-text, 50%);;
|
||||
$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%);
|
||||
|
||||
$state-info-text: $brand-info;
|
||||
$state-info-bg: darken($state-info-text, 50%);;
|
||||
$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%);
|
||||
|
||||
$state-warning-text: $brand-warning;
|
||||
$state-warning-bg: darken($state-warning-text, 50%);
|
||||
$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%);
|
||||
|
||||
$state-danger-text: $brand-danger;
|
||||
$state-danger-bg: darken($state-danger-text, 50%);
|
||||
$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%);
|
||||
|
||||
|
||||
//== Tooltips
|
||||
//
|
||||
//##
|
||||
|
||||
//** Tooltip max width
|
||||
$tooltip-max-width: 200px;
|
||||
//** Tooltip text color
|
||||
$tooltip-color: $gray-base;
|
||||
//** Tooltip background color
|
||||
$tooltip-bg: lighten($body-bg, 25%);
|
||||
$tooltip-opacity: .9;
|
||||
|
||||
//** Tooltip arrow width
|
||||
$tooltip-arrow-width: 5px;
|
||||
//** Tooltip arrow color
|
||||
$tooltip-arrow-color: $tooltip-bg;
|
||||
|
||||
|
||||
//== Popovers
|
||||
//
|
||||
//##
|
||||
|
||||
//** Popover body background color
|
||||
$popover-bg: #fff;
|
||||
//** Popover maximum width
|
||||
$popover-max-width: 276px;
|
||||
//** Popover border color
|
||||
$popover-border-color: rgba(0,0,0,.2);
|
||||
//** Popover fallback border color
|
||||
$popover-fallback-border-color: #ccc;
|
||||
|
||||
//** Popover title background color
|
||||
$popover-title-bg: darken($popover-bg, 3%);
|
||||
|
||||
//** Popover arrow width
|
||||
$popover-arrow-width: 10px;
|
||||
//** Popover arrow color
|
||||
$popover-arrow-color: $popover-bg;
|
||||
|
||||
//** Popover outer arrow width
|
||||
$popover-arrow-outer-width: ($popover-arrow-width + 1);
|
||||
//** Popover outer arrow color
|
||||
$popover-arrow-outer-color: fadein($popover-border-color, 5%);
|
||||
//** Popover outer arrow fallback color
|
||||
$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%);
|
||||
|
||||
|
||||
//== Labels
|
||||
//
|
||||
//##
|
||||
|
||||
//** Default label background color
|
||||
$label-default-bg: lighten($body-bg, 15%);
|
||||
//** Primary label background color
|
||||
$label-primary-bg: $brand-primary;
|
||||
//** Success label background color
|
||||
$label-success-bg: $brand-success;
|
||||
//** Info label background color
|
||||
$label-info-bg: $brand-info;
|
||||
//** Warning label background color
|
||||
$label-warning-bg: $brand-warning;
|
||||
//** Danger label background color
|
||||
$label-danger-bg: $brand-danger;
|
||||
|
||||
//** Default label text color
|
||||
$label-color: $gray-lighter;
|
||||
//** Default text color of a linked label
|
||||
$label-link-hover-color: #fff;
|
||||
|
||||
|
||||
//== Modals
|
||||
//
|
||||
//##
|
||||
|
||||
//** Padding applied to the modal body
|
||||
$modal-inner-padding: 15px;
|
||||
|
||||
//** Padding applied to the modal title
|
||||
$modal-title-padding: 15px;
|
||||
//** Modal title line-height
|
||||
$modal-title-line-height: $line-height-base;
|
||||
|
||||
//** Background color of modal content area
|
||||
$modal-content-bg: lighten($body-bg, 15%);
|
||||
//** Modal content border color
|
||||
$modal-content-border-color: $brand-primary;
|
||||
//** Modal content border color **for IE8**
|
||||
$modal-content-fallback-border-color: $brand-info;
|
||||
|
||||
//** Modal backdrop background color
|
||||
$modal-backdrop-bg: #000;
|
||||
//** Modal backdrop opacity
|
||||
$modal-backdrop-opacity: .4;
|
||||
//** Modal header border color
|
||||
$modal-header-border-color: $brand-primary;
|
||||
//** Modal footer border color
|
||||
$modal-footer-border-color: $modal-header-border-color;
|
||||
|
||||
$modal-lg: 900px;
|
||||
$modal-md: 600px;
|
||||
$modal-sm: 300px;
|
||||
|
||||
|
||||
//== Alerts
|
||||
//
|
||||
//## Define alert colors, border radius, and padding.
|
||||
|
||||
$alert-padding: 15px;
|
||||
$alert-border-radius: $border-radius-base;
|
||||
$alert-link-font-weight: bold;
|
||||
|
||||
$alert-success-bg: $state-success-bg;
|
||||
$alert-success-text: $state-success-text;
|
||||
$alert-success-border: $state-success-border;
|
||||
|
||||
$alert-info-bg: $state-info-bg;
|
||||
$alert-info-text: $state-info-text;
|
||||
$alert-info-border: $state-info-border;
|
||||
|
||||
$alert-warning-bg: $state-warning-bg;
|
||||
$alert-warning-text: $state-warning-text;
|
||||
$alert-warning-border: $state-warning-border;
|
||||
|
||||
$alert-danger-bg: $state-danger-bg;
|
||||
$alert-danger-text: $state-danger-text;
|
||||
$alert-danger-border: $state-danger-border;
|
||||
|
||||
|
||||
//== Progress bars
|
||||
//
|
||||
//##
|
||||
|
||||
//** Background color of the whole progress component
|
||||
$progress-bg: lighten($body-bg, 15%);
|
||||
//** Progress bar text color
|
||||
$progress-bar-color: #fff;
|
||||
//** Variable for setting rounded corners on progress bar.
|
||||
$progress-border-radius: $border-radius-base;
|
||||
|
||||
//** Default progress bar color
|
||||
$progress-bar-bg: $brand-primary;
|
||||
//** Success progress bar color
|
||||
$progress-bar-success-bg: $brand-success;
|
||||
//** Warning progress bar color
|
||||
$progress-bar-warning-bg: $brand-warning;
|
||||
//** Danger progress bar color
|
||||
$progress-bar-danger-bg: $brand-danger;
|
||||
//** Info progress bar color
|
||||
$progress-bar-info-bg: $brand-info;
|
||||
|
||||
|
||||
//== List group
|
||||
//
|
||||
//##
|
||||
|
||||
//** Background color on `.list-group-item`
|
||||
$list-group-bg: lighten($body-bg, 15%);
|
||||
//** `.list-group-item` border color
|
||||
$list-group-border: lighten($body-bg, 30%);
|
||||
//** List group border radius
|
||||
$list-group-border-radius: $border-radius-base;
|
||||
|
||||
//** Background color of single list items on hover
|
||||
$list-group-hover-bg: $gray-dark;
|
||||
//** Text color of active list items
|
||||
$list-group-active-color: $gray-base;
|
||||
//** Background color of active list items
|
||||
$list-group-active-bg: $gray-darker;
|
||||
//** Border color of active list elements
|
||||
$list-group-active-border: $list-group-active-bg;
|
||||
//** Text color for content within active list items
|
||||
$list-group-active-text-color: lighten($list-group-active-bg, 40%);
|
||||
|
||||
//** Text color of disabled list items
|
||||
$list-group-disabled-color: $gray-darker;
|
||||
//** Background color of disabled list items
|
||||
$list-group-disabled-bg: $gray-lighter;
|
||||
//** Text color for content within disabled list items
|
||||
$list-group-disabled-text-color: $list-group-disabled-color;
|
||||
|
||||
$list-group-link-color: $brand-primary;
|
||||
$list-group-link-hover-color: $list-group-link-color;
|
||||
$list-group-link-heading-color: $gray-base;
|
||||
|
||||
|
||||
//== Panels
|
||||
//
|
||||
//##
|
||||
|
||||
$panel-bg: lighten($body-bg, 15%);
|
||||
$panel-body-padding: 15px;
|
||||
$panel-heading-padding: 10px 15px;
|
||||
$panel-footer-padding: $panel-heading-padding;
|
||||
$panel-border-radius: $border-radius-base;
|
||||
|
||||
//** Border color for elements within panels
|
||||
$panel-inner-border: $brand-primary;
|
||||
$panel-footer-bg: lighten($body-bg,5%);
|
||||
|
||||
$panel-default-text: $gray-lighter;
|
||||
$panel-default-border: $brand-primary;
|
||||
$panel-default-heading-bg: lighten($body-bg, 45%);
|
||||
|
||||
$panel-primary-text: $gray-lighter;
|
||||
$panel-primary-border: $brand-primary;
|
||||
$panel-primary-heading-bg: $brand-primary;
|
||||
|
||||
$panel-success-text: $state-success-text;
|
||||
$panel-success-border: $state-success-border;
|
||||
$panel-success-heading-bg: $state-success-bg;
|
||||
|
||||
$panel-info-text: $state-info-text;
|
||||
$panel-info-border: $state-info-border;
|
||||
$panel-info-heading-bg: $state-info-bg;
|
||||
|
||||
$panel-warning-text: $state-warning-text;
|
||||
$panel-warning-border: $state-warning-border;
|
||||
$panel-warning-heading-bg: $state-warning-bg;
|
||||
|
||||
$panel-danger-text: $state-danger-text;
|
||||
$panel-danger-border: $state-danger-border;
|
||||
$panel-danger-heading-bg: $state-danger-bg;
|
||||
|
||||
|
||||
//== Thumbnails
|
||||
//
|
||||
//##
|
||||
|
||||
//** Padding around the thumbnail image
|
||||
$thumbnail-padding: 4px;
|
||||
//** Thumbnail background color
|
||||
$thumbnail-bg: $body-bg;
|
||||
//** Thumbnail border color
|
||||
$thumbnail-border: #ddd;
|
||||
//** Thumbnail border radius
|
||||
$thumbnail-border-radius: $border-radius-base;
|
||||
|
||||
//** Custom text color for thumbnail captions
|
||||
$thumbnail-caption-color: $text-color;
|
||||
//** Padding around the thumbnail caption
|
||||
$thumbnail-caption-padding: 9px;
|
||||
|
||||
|
||||
//== Wells
|
||||
//
|
||||
//##
|
||||
|
||||
$well-bg: #f5f5f5;
|
||||
$well-border: darken($well-bg, 7%);
|
||||
|
||||
|
||||
//== Badges
|
||||
//
|
||||
//##
|
||||
|
||||
$badge-color: #fff;
|
||||
//** Linked badge text color on hover
|
||||
$badge-link-hover-color: #fff;
|
||||
$badge-bg: $gray-light;
|
||||
|
||||
//** Badge text color in active nav link
|
||||
$badge-active-color: $link-color;
|
||||
//** Badge background color in active nav link
|
||||
$badge-active-bg: #fff;
|
||||
|
||||
$badge-font-weight: bold;
|
||||
$badge-line-height: 1;
|
||||
$badge-border-radius: 10px;
|
||||
|
||||
|
||||
//== Breadcrumbs
|
||||
//
|
||||
//##
|
||||
|
||||
$breadcrumb-padding-vertical: 8px;
|
||||
$breadcrumb-padding-horizontal: 15px;
|
||||
//** Breadcrumb background color
|
||||
$breadcrumb-bg: $body-bg;
|
||||
//** Breadcrumb text color
|
||||
$breadcrumb-color: #ccc;
|
||||
//** Text color of current page in the breadcrumb
|
||||
$breadcrumb-active-color: $gray-light;
|
||||
//** Textual separator for between breadcrumb elements
|
||||
$breadcrumb-separator: "/ ";
|
||||
|
||||
|
||||
//== Carousel
|
||||
//
|
||||
//##
|
||||
|
||||
$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6);
|
||||
|
||||
$carousel-control-color: #fff;
|
||||
$carousel-control-width: 15%;
|
||||
$carousel-control-opacity: .5;
|
||||
$carousel-control-font-size: 20px;
|
||||
|
||||
$carousel-indicator-active-bg: #fff;
|
||||
$carousel-indicator-border-color: #fff;
|
||||
|
||||
$carousel-caption-color: #fff;
|
||||
|
||||
|
||||
//== Close
|
||||
//
|
||||
//##
|
||||
|
||||
$close-font-weight: bold;
|
||||
$close-color: #000;
|
||||
$close-text-shadow: 0 1px 0 #fff;
|
||||
|
||||
|
||||
//== Code
|
||||
//
|
||||
//##
|
||||
|
||||
$code-color: #c7254e;
|
||||
$code-bg: #f9f2f4;
|
||||
|
||||
$kbd-color: #fff;
|
||||
$kbd-bg: #333;
|
||||
|
||||
$pre-bg: #f5f5f5;
|
||||
$pre-color: $gray-dark;
|
||||
$pre-border-color: #ccc;
|
||||
$pre-scrollable-max-height: 340px;
|
||||
|
||||
|
||||
//== Type
|
||||
//
|
||||
//##
|
||||
|
||||
//** Horizontal offset for forms and lists.
|
||||
$component-offset-horizontal: 180px;
|
||||
//** Text muted color
|
||||
$text-muted: $gray-light;
|
||||
//** Abbreviations and acronyms border color
|
||||
$abbr-border-color: $gray-light;
|
||||
//** Headings small color
|
||||
$headings-small-color: $gray-light;
|
||||
//** Blockquote small color
|
||||
$blockquote-small-color: $gray-light;
|
||||
//** Blockquote font size
|
||||
$blockquote-font-size: ($font-size-base * 1.25);
|
||||
//** Blockquote border color
|
||||
$blockquote-border-color: $gray-lighter;
|
||||
//** Page header border color
|
||||
$page-header-border-color: $gray-lighter;
|
||||
//** Width of horizontal description list titles
|
||||
$dl-horizontal-offset: $component-offset-horizontal;
|
||||
//** Horizontal line color.
|
||||
$hr-border: $gray-lighter;
|
||||
@ -1,353 +0,0 @@
|
||||
// Widgets
|
||||
.widget {
|
||||
background: #fff;
|
||||
border: 1px solid $uds-background-color-light;
|
||||
margin: 0 auto 20px;
|
||||
position: static;
|
||||
|
||||
.tab-content {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.widget-head {
|
||||
background-color: $uds-background-color;
|
||||
background-image: linear-gradient(to bottom, $uds-background-color, $uds-background-color);
|
||||
background-image: -moz-linear-gradient(top, $uds-background-color, $uds-background-color);
|
||||
background-image: -o-linear-gradient(top, $uds-background-color, $uds-background-color);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from($uds-background-color), to($uds-background-color));
|
||||
background-image: -webkit-linear-gradient(top, $uds-background-color, $uds-background-color);
|
||||
background-repeat: repeat-x;
|
||||
border-bottom: 1px solid #434857;
|
||||
color: $uds-foreground-color;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
padding: 0 15px 0 0;
|
||||
position: relative;
|
||||
// text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
||||
|
||||
&.progress {
|
||||
border-radius: 0 0 0 0;
|
||||
margin: 0;
|
||||
moz-border-radius: 0 0 0 0;
|
||||
padding: 0;
|
||||
webkit-border-radius: 0 0 0 0;
|
||||
}
|
||||
|
||||
.glyphicons {
|
||||
height: 40px;
|
||||
padding: 0;
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.fai:before {
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
font-size: 16px;
|
||||
height: 40px;
|
||||
line-height: 31px;
|
||||
text-align: center;
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.heading {
|
||||
color: $uds-foreground-color;
|
||||
float: left;
|
||||
font-size: 14px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
margin: 0;
|
||||
padding: 0 15px;
|
||||
|
||||
&.glyphicons {
|
||||
display: block;
|
||||
padding: 0 0 0 35px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
&.fai:before {
|
||||
color: #45484d;
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
height: 40px;
|
||||
left: 0;
|
||||
line-height: 40px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
text-shadow: none;
|
||||
top: 0;
|
||||
width: 35px;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.dropdown-menu li > a {
|
||||
&:hover, &:focus {
|
||||
background-color: $uds-background-color;
|
||||
background-image: linear-gradient(to bottom, $uds-background-color, #d24343);
|
||||
background-image: -moz-linear-gradient(top, $uds-background-color, #d24343);
|
||||
background-image: -o-linear-gradient(top, $uds-background-color, #d24343);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from($uds-background-color), to(#d24343));
|
||||
background-image: -webkit-linear-gradient(top, $uds-background-color, #d24343);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffda4c4c', endColorstr='#ffd24343', GradientType=0);
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-submenu:hover > a {
|
||||
background-color: $uds-background-color;
|
||||
background-image: linear-gradient(to bottom, $uds-background-color, #d24343);
|
||||
background-image: -moz-linear-gradient(top, $uds-background-color, #d24343);
|
||||
background-image: -o-linear-gradient(top, $uds-background-color, #d24343);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from($uds-background-color), to(#d24343));
|
||||
background-image: -webkit-linear-gradient(top, $uds-background-color, #d24343);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffda4c4c', endColorstr='#ffd24343', GradientType=0);
|
||||
}
|
||||
}
|
||||
|
||||
.details {
|
||||
color: $uds-foreground-color;
|
||||
font-size: 8pt;
|
||||
}
|
||||
|
||||
.widget-body {
|
||||
padding: 20px 15px;
|
||||
background-color: $uds-background-color;
|
||||
|
||||
form {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.count {
|
||||
font-size: 15pt;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
> p:last-child {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
&.list {
|
||||
color: #575655;
|
||||
padding: 0;
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
|
||||
li {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.02);
|
||||
clear: both;
|
||||
height: 39px;
|
||||
line-height: 39px;
|
||||
padding: 0 10px;
|
||||
text-align: left;
|
||||
|
||||
&:first-child {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.count {
|
||||
color: $uds-background-color;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.sparkline {
|
||||
margin-left: 5px;
|
||||
position: relative;
|
||||
top: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.products {
|
||||
li {
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
}
|
||||
|
||||
.img {
|
||||
background: #272729;
|
||||
border-radius: 3px 3px 3px 3px;
|
||||
color: #818181;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
font-size: 10pt;
|
||||
font-weight: 600;
|
||||
height: 44px;
|
||||
line-height: 44px;
|
||||
margin: 8px 8px 0 0;
|
||||
moz-border-radius: 3px 3px 3px 3px;
|
||||
text-align: center;
|
||||
webkit-border-radius: 3px 3px 3px 3px;
|
||||
width: 48px;
|
||||
}
|
||||
|
||||
.title {
|
||||
display: inline-block;
|
||||
font-family: "Raleway",sans-serif;
|
||||
line-height: normal;
|
||||
padding: 13px 0 0;
|
||||
text-transform: uppercase;
|
||||
|
||||
strong {
|
||||
font-family: "Open Sans",sans-serif;
|
||||
text-transform: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.fluid ul li {
|
||||
height: auto;
|
||||
line-height: normal;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
&.list-2 ul li {
|
||||
background: #f8f8f8;
|
||||
border-bottom: 1px solid #d8d9da;
|
||||
border-top: none;
|
||||
|
||||
&.active {
|
||||
background: #fff;
|
||||
border-color: #dddddd;
|
||||
|
||||
i:before {
|
||||
background: $uds-background-color;
|
||||
color: #fff;
|
||||
font-weight: normal;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $uds-background-color;
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #222;
|
||||
display: block;
|
||||
padding: 0 0 0 30px;
|
||||
|
||||
i:before {
|
||||
background: #dddddd;
|
||||
border: 1px solid #ccc;
|
||||
color: #555;
|
||||
font-size: 14px;
|
||||
height: 17px;
|
||||
left: 0;
|
||||
padding-top: 3px;
|
||||
text-align: center;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
top: 9px;
|
||||
vertical-align: middle;
|
||||
width: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
&.hasSubmenu {
|
||||
height: auto;
|
||||
|
||||
ul {
|
||||
padding: 0 0 10px;
|
||||
|
||||
li {
|
||||
background: none;
|
||||
border: none;
|
||||
height: auto;
|
||||
line-height: 20px;
|
||||
line-height: normal;
|
||||
|
||||
a {
|
||||
color: #333;
|
||||
padding: 0 0 0 20px;
|
||||
}
|
||||
|
||||
&.active a {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.widget-footer {
|
||||
background: $uds-background-color;
|
||||
border-bottom: 1px solid $uds-background-color-light;
|
||||
border-top: 1px solid $uds-background-color-light;
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
|
||||
.fa {
|
||||
float: right;
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
padding: 0;
|
||||
width: 25px;
|
||||
|
||||
i:before {
|
||||
color: #c3c3c3;
|
||||
font-size: 16px;
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
text-align: center;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
&:hover i:before {
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.margin-bottom-none {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
&.widget-gray {
|
||||
background: #f5f5f5;
|
||||
|
||||
.widget-head {
|
||||
background: #e9e9e9;
|
||||
border-color: #d1d2d3;
|
||||
box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0);
|
||||
moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0);
|
||||
webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0);
|
||||
|
||||
.heading {
|
||||
color: #555555;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
|
||||
&.fai:before {
|
||||
background: none;
|
||||
border-color: rgba(0, 0, 0, 0.1);
|
||||
color: #555;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.widget-body-white .widget-body {
|
||||
background: $uds-background-color;
|
||||
}
|
||||
}
|
||||
|
||||
.widget-icon {
|
||||
margin-left: 0.6em !important;
|
||||
cursor: pointer;
|
||||
}
|
||||
@ -1,229 +0,0 @@
|
||||
// Own variables
|
||||
$sidebar-size: 225px;
|
||||
$sidebar-size-collapsed: 40px;
|
||||
$sidebar-top: 50px;
|
||||
|
||||
$uds-background-color: #252830;
|
||||
$uds-background-color-light: #434857;
|
||||
$uds-background-color-lighter: #444444;
|
||||
$uds-foreground-color: #ffffff;
|
||||
|
||||
$uds-color-blue: #1CA8DD;
|
||||
$uds-color-blue-dark: #165B75;
|
||||
|
||||
$uds-panel-min-height: 500px;
|
||||
|
||||
// Bootstrap
|
||||
$icon-font-path: "../fonts/";
|
||||
|
||||
@import "_udsvars";
|
||||
|
||||
// bower:scss
|
||||
@import "bower_components/bootstrap-sass/assets/stylesheets/_bootstrap.scss";
|
||||
// endbower
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: 'Droid Sans Mono';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Droid Sans Mono'), local('DroidSansMono'), url(DroidSansMono.woff2) format('woff2');
|
||||
}
|
||||
|
||||
// Fix for firefox for fieldsets
|
||||
@-moz-document url-prefix() {
|
||||
fieldset {
|
||||
display: table-cell;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
background-color: $uds-background-color;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
#page-wrapper {
|
||||
width: 100%;
|
||||
padding: 5px 15px;
|
||||
}
|
||||
|
||||
/* collapsable && closeable pannels */
|
||||
|
||||
.chevron {
|
||||
&:before {
|
||||
content: "\f139";
|
||||
}
|
||||
|
||||
&.collapsed:before {
|
||||
content: "\f13a";
|
||||
}
|
||||
}
|
||||
|
||||
.panel-icon {
|
||||
margin-left: 0.6em !important;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.table-icon {
|
||||
width: 1.2em;
|
||||
padding-bottom: 3px;
|
||||
}
|
||||
|
||||
.info-img {
|
||||
width: 5em;
|
||||
}
|
||||
|
||||
.navbar-img {
|
||||
width: 2em;
|
||||
margin-top: -8px;
|
||||
}
|
||||
|
||||
.cursor-pointer {
|
||||
cursor: pointer !important;
|
||||
}
|
||||
|
||||
#minimized {
|
||||
margin-top: 0.6em;
|
||||
margin-bottom: 0.3em;
|
||||
}
|
||||
|
||||
/* modal dialogs & related*/
|
||||
|
||||
.modal-dialog {
|
||||
/* new custom width */
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
/*.modal-backdrop {
|
||||
background-color: gray;
|
||||
}*/
|
||||
|
||||
.modal {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.tab-pane {
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
.tooltip {
|
||||
z-index: 2014;
|
||||
}
|
||||
|
||||
/* Tables */
|
||||
|
||||
/* Logs */
|
||||
|
||||
.chart-big {
|
||||
display: block;
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
.chart-medium {
|
||||
display: block;
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
.chart-small {
|
||||
display: block;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
/* End tables styling */
|
||||
/* Charts */
|
||||
|
||||
.chart-content {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* Edit Below to Customize Widths > 768px */
|
||||
@media (min-width: 768px) {
|
||||
/* Wrappers */
|
||||
|
||||
#wrapper {
|
||||
padding-left: 64px;
|
||||
}
|
||||
|
||||
#page-wrapper {
|
||||
padding: 15px 25px;
|
||||
}
|
||||
|
||||
/* Side Nav */
|
||||
|
||||
.side-nav {
|
||||
margin-left: -$sidebar-size;
|
||||
left: $sidebar-size;
|
||||
width: $sidebar-size-collapsed;
|
||||
position: fixed;
|
||||
top: $sidebar-top;
|
||||
height: 100%;
|
||||
border-radius: 0;
|
||||
border-color: $navbar-inverse-border;
|
||||
border-style: solid;
|
||||
border-width: 0 1px 0 0;
|
||||
background-color: $navbar-inverse-bg;
|
||||
overflow-y: auto;
|
||||
-webkit-transition: width 0.3s; /* For Safari 3.1 to 6.0 */
|
||||
transition: width 0.3s;
|
||||
|
||||
&:hover {
|
||||
width: $sidebar-size;
|
||||
}
|
||||
|
||||
|
||||
> li {
|
||||
&.dropdown > ul.dropdown-menu {
|
||||
position: relative;
|
||||
min-width: $sidebar-size;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
|
||||
> li > a {
|
||||
color: #999999;
|
||||
padding: 15px 15px 15px 15px;
|
||||
|
||||
&:hover, &.active, &:focus {
|
||||
color: #fff;
|
||||
background-color: #080808;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> a {
|
||||
width: $sidebar-size;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Bootstrap Default Overrides - Customized Dropdowns for the Side Nav */
|
||||
|
||||
/*.navbar-inverse .navbar-nav > li > a {
|
||||
&:hover, &:focus {
|
||||
background-color: #080808;
|
||||
}
|
||||
}*/
|
||||
|
||||
.modal-dialog {
|
||||
/* new custom width */
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* theme */
|
||||
|
||||
@import "_theme";
|
||||
@import "_widgets";
|
||||
//@import "_data-tables";
|
||||
@import "_tables";
|
||||
@ -1,859 +0,0 @@
|
||||
//
|
||||
// Variables
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
//== Colors
|
||||
//
|
||||
//## Gray and brand colors for use across Bootstrap.
|
||||
@bg-color1: #252830;
|
||||
@bg-color2: lighten(@bg-color1, 14%);
|
||||
|
||||
@gray-base: #FFFFFF;
|
||||
@gray-darker: darken(@gray-base, 13.5%); // #222
|
||||
@gray-dark: darken(@gray-base, 20%); // #333
|
||||
@gray: darken(@gray-base, 33.5%); // #555
|
||||
@gray-light: darken(@gray-base, 46.7%); // #777
|
||||
@gray-lighter: darken(@gray-base, 93.5%); // #eee
|
||||
|
||||
@brand-primary: darken(#1CA8DD, 0%); // #337ab7
|
||||
@brand-success: #1BC98E;
|
||||
@brand-info: #9F86FF;
|
||||
@brand-warning: #E4D836;
|
||||
@brand-danger: #E64759;
|
||||
|
||||
|
||||
//== Scaffolding
|
||||
//
|
||||
//## Settings for some of the most global styles.
|
||||
|
||||
//** Background color for `<body>`.
|
||||
@body-bg: @bg-color1;
|
||||
//** Global text color on `<body>`.
|
||||
@text-color: @gray-darker;
|
||||
|
||||
//** Global textual link color.
|
||||
@link-color: @brand-primary;
|
||||
//** Link hover color set via `darken()` function.
|
||||
@link-hover-color: lighten(@link-color, 15%);
|
||||
//** Link hover decoration.
|
||||
@link-hover-decoration: underline;
|
||||
|
||||
|
||||
//== Typography
|
||||
//
|
||||
//## Font, line-height, and color for body text, headings, and more.
|
||||
|
||||
@font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
@font-family-serif: Georgia, "Times New Roman", Times, serif;
|
||||
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
|
||||
@font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
@font-family-base: @font-family-sans-serif;
|
||||
|
||||
@font-size-base: 14px;
|
||||
@font-size-large: ceil((@font-size-base * 1.25)); // ~18px
|
||||
@font-size-small: ceil((@font-size-base * 0.85)); // ~12px
|
||||
|
||||
@font-size-h1: floor((@font-size-base * 2.6)); // ~36px
|
||||
@font-size-h2: floor((@font-size-base * 2.15)); // ~30px
|
||||
@font-size-h3: ceil((@font-size-base * 1.7)); // ~24px
|
||||
@font-size-h4: ceil((@font-size-base * 1.25)); // ~18px
|
||||
@font-size-h5: @font-size-base;
|
||||
@font-size-h6: ceil((@font-size-base * 0.85)); // ~12px
|
||||
|
||||
//** Unit-less `line-height` for use in components like buttons.
|
||||
@line-height-base: 1.428571429; // 20/14
|
||||
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
|
||||
@line-height-computed: floor((@font-size-base * @line-height-base)); // ~20px
|
||||
|
||||
//** By default, this inherits from the `<body>`.
|
||||
@headings-font-family: inherit;
|
||||
@headings-font-weight: 500;
|
||||
@headings-line-height: 1.1;
|
||||
@headings-color: @brand-info;
|
||||
|
||||
|
||||
//== Iconography
|
||||
//
|
||||
//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
|
||||
|
||||
//** Load fonts from this directory.
|
||||
@icon-font-path: "../fonts/";
|
||||
//** File name for all font files.
|
||||
@icon-font-name: "glyphicons-halflings-regular";
|
||||
//** Element ID within SVG icon file.
|
||||
@icon-font-svg-id: "glyphicons_halflingsregular";
|
||||
|
||||
|
||||
//== Components
|
||||
//
|
||||
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
|
||||
|
||||
@padding-base-vertical: 6px;
|
||||
@padding-base-horizontal: 12px;
|
||||
|
||||
@padding-large-vertical: 10px;
|
||||
@padding-large-horizontal: 16px;
|
||||
|
||||
@padding-small-vertical: 5px;
|
||||
@padding-small-horizontal: 10px;
|
||||
|
||||
@padding-xs-vertical: 1px;
|
||||
@padding-xs-horizontal: 5px;
|
||||
|
||||
@line-height-large: 1.33;
|
||||
@line-height-small: 1.5;
|
||||
|
||||
@border-radius-base: 0px;
|
||||
@border-radius-large: 0px;
|
||||
@border-radius-small: 0px;
|
||||
|
||||
//** Global color for active items (e.g., navs or dropdowns).
|
||||
@component-active-color: #fff;
|
||||
//** Global background color for active items (e.g., navs or dropdowns).
|
||||
@component-active-bg: @brand-primary;
|
||||
|
||||
//** Width of the `border` for generating carets that indicator dropdowns.
|
||||
@caret-width-base: 4px;
|
||||
//** Carets increase slightly in size for larger components.
|
||||
@caret-width-large: 5px;
|
||||
|
||||
|
||||
//== Tables
|
||||
//
|
||||
//## Customizes the `.table` component with basic values, each used across all table variations.
|
||||
|
||||
//** Padding for `<th>`s and `<td>`s.
|
||||
@table-cell-padding: 8px;
|
||||
//** Padding for cells in `.table-condensed`.
|
||||
@table-condensed-cell-padding: 5px;
|
||||
|
||||
//** Default background color used for all tables.
|
||||
@table-bg: transparent;
|
||||
//** Background color used for `.table-striped`.
|
||||
@table-bg-accent: darken(@brand-primary, 10%);
|
||||
//** Background color used for `.table-hover`.
|
||||
@table-bg-hover: darken(@body-bg, 5%);
|
||||
@table-bg-active: @brand-primary;
|
||||
|
||||
//** Border color for table and cell borders.
|
||||
@table-border-color: darken(@body-bg, 10%);
|
||||
|
||||
|
||||
//== Buttons
|
||||
//
|
||||
//## For each of Bootstrap's buttons, define text, background and border color.
|
||||
|
||||
@btn-font-weight: normal;
|
||||
|
||||
@btn-default-color: @gray-base;
|
||||
@btn-default-bg: @body-bg;
|
||||
@btn-default-border: @brand-primary;
|
||||
|
||||
@btn-primary-color: @gray-base;
|
||||
@btn-primary-bg: @brand-primary;
|
||||
@btn-primary-border: darken(@btn-primary-bg, 5%);
|
||||
|
||||
@btn-success-color: #fff;
|
||||
@btn-success-bg: @brand-success;
|
||||
@btn-success-border: darken(@btn-success-bg, 5%);
|
||||
|
||||
@btn-info-color: #fff;
|
||||
@btn-info-bg: @brand-info;
|
||||
@btn-info-border: darken(@btn-info-bg, 5%);
|
||||
|
||||
@btn-warning-color: @gray-base;
|
||||
@btn-warning-bg: @brand-warning;
|
||||
@btn-warning-border: darken(@btn-warning-bg, 5%);
|
||||
|
||||
@btn-danger-color: @gray-base;
|
||||
@btn-danger-bg: @brand-danger;
|
||||
@btn-danger-border: darken(@btn-danger-bg, 5%);
|
||||
|
||||
@btn-link-disabled-color: @gray-light;
|
||||
|
||||
|
||||
//== Forms
|
||||
//
|
||||
//##
|
||||
|
||||
//** `<input>` background color
|
||||
@input-bg: @body-bg;
|
||||
//** `<input disabled>` background color
|
||||
@input-bg-disabled: lighten(@body-bg, 15%);
|
||||
|
||||
//** Text color for `<input>`s
|
||||
@input-color: @gray-base;
|
||||
//** `<input>` border color
|
||||
@input-border: @brand-primary;
|
||||
|
||||
// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4
|
||||
//** Default `.form-control` border radius
|
||||
@input-border-radius: @border-radius-base;
|
||||
//** Large `.form-control` border radius
|
||||
@input-border-radius-large: @border-radius-large;
|
||||
//** Small `.form-control` border radius
|
||||
@input-border-radius-small: @border-radius-small;
|
||||
|
||||
//** Border color for inputs on focus
|
||||
@input-border-focus: @brand-info;
|
||||
|
||||
//** Placeholder text color
|
||||
@input-color-placeholder: darken(@brand-primary, 15%);
|
||||
|
||||
//** Default `.form-control` height
|
||||
@input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2);
|
||||
//** Large `.form-control` height
|
||||
@input-height-large: (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
|
||||
//** Small `.form-control` height
|
||||
@input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
|
||||
|
||||
@legend-color: @gray-dark;
|
||||
@legend-border-color: #e5e5e5;
|
||||
|
||||
//** Background color for textual input addons
|
||||
@input-group-addon-bg: @input-bg;
|
||||
//** Border color for textual input addons
|
||||
@input-group-addon-border-color: @input-border;
|
||||
|
||||
//** Disabled cursor for form controls and buttons.
|
||||
@cursor-disabled: not-allowed;
|
||||
|
||||
|
||||
//== Dropdowns
|
||||
//
|
||||
//## Dropdown menu container and contents.
|
||||
|
||||
//** Background for the dropdown menu.
|
||||
@dropdown-bg: lighten(@body-bg, 15%);
|
||||
//** Dropdown menu `border-color`.
|
||||
@dropdown-border: lighten(@body-bg, 40%);
|
||||
//** Dropdown menu `border-color` **for IE8**.
|
||||
@dropdown-fallback-border: lighten(@body-bg, 40%);
|
||||
//** Divider color for between dropdown items.
|
||||
@dropdown-divider-bg: lighten(@body-bg, 40%);
|
||||
|
||||
//** Dropdown link text color.
|
||||
@dropdown-link-color: @gray-dark;
|
||||
//** Hover color for dropdown links.
|
||||
@dropdown-link-hover-color: darken(@gray-dark, 5%);
|
||||
//** Hover background for dropdown links.
|
||||
@dropdown-link-hover-bg: @gray-lighter;
|
||||
|
||||
//** Active dropdown menu item text color.
|
||||
@dropdown-link-active-color: @component-active-color;
|
||||
//** Active dropdown menu item background color.
|
||||
@dropdown-link-active-bg: @component-active-bg;
|
||||
|
||||
//** Disabled dropdown menu item background color.
|
||||
@dropdown-link-disabled-color: @gray-light;
|
||||
|
||||
//** Text color for headers within dropdown menus.
|
||||
@dropdown-header-color: @gray-light;
|
||||
|
||||
//** Deprecated `@dropdown-caret-color` as of v3.1.0
|
||||
@dropdown-caret-color: @gray-light;
|
||||
|
||||
|
||||
//-- Z-index master list
|
||||
//
|
||||
// Warning: Avoid customizing these values. They're used for a bird's eye view
|
||||
// of components dependent on the z-axis and are designed to all work together.
|
||||
//
|
||||
// Note: These variables are not generated into the Customizer.
|
||||
|
||||
@zindex-navbar: 1000;
|
||||
@zindex-dropdown: 1000;
|
||||
@zindex-popover: 1060;
|
||||
@zindex-tooltip: 1070;
|
||||
@zindex-navbar-fixed: 1030;
|
||||
@zindex-modal: 1050;
|
||||
@zindex-modal-background: 1040;
|
||||
|
||||
|
||||
//== Media queries breakpoints
|
||||
//
|
||||
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
|
||||
|
||||
// Extra small screen / phone
|
||||
//** Deprecated `@screen-xs` as of v3.0.1
|
||||
@screen-xs: 480px;
|
||||
//** Deprecated `@screen-xs-min` as of v3.2.0
|
||||
@screen-xs-min: @screen-xs;
|
||||
//** Deprecated `@screen-phone` as of v3.0.1
|
||||
@screen-phone: @screen-xs-min;
|
||||
|
||||
// Small screen / tablet
|
||||
//** Deprecated `@screen-sm` as of v3.0.1
|
||||
@screen-sm: 768px;
|
||||
@screen-sm-min: @screen-sm;
|
||||
//** Deprecated `@screen-tablet` as of v3.0.1
|
||||
@screen-tablet: @screen-sm-min;
|
||||
|
||||
// Medium screen / desktop
|
||||
//** Deprecated `@screen-md` as of v3.0.1
|
||||
@screen-md: 992px;
|
||||
@screen-md-min: @screen-md;
|
||||
//** Deprecated `@screen-desktop` as of v3.0.1
|
||||
@screen-desktop: @screen-md-min;
|
||||
|
||||
// Large screen / wide desktop
|
||||
//** Deprecated `@screen-lg` as of v3.0.1
|
||||
@screen-lg: 1200px;
|
||||
@screen-lg-min: @screen-lg;
|
||||
//** Deprecated `@screen-lg-desktop` as of v3.0.1
|
||||
@screen-lg-desktop: @screen-lg-min;
|
||||
|
||||
// So media queries don't overlap when required, provide a maximum
|
||||
@screen-xs-max: (@screen-sm-min - 1);
|
||||
@screen-sm-max: (@screen-md-min - 1);
|
||||
@screen-md-max: (@screen-lg-min - 1);
|
||||
|
||||
|
||||
//== Grid system
|
||||
//
|
||||
//## Define your custom responsive grid.
|
||||
|
||||
//** Number of columns in the grid.
|
||||
@grid-columns: 12;
|
||||
//** Padding between columns. Gets divided in half for the left and right.
|
||||
@grid-gutter-width: 30px;
|
||||
// Navbar collapse
|
||||
//** Point at which the navbar becomes uncollapsed.
|
||||
@grid-float-breakpoint: @screen-sm-min;
|
||||
//** Point at which the navbar begins collapsing.
|
||||
@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
|
||||
|
||||
|
||||
//== Container sizes
|
||||
//
|
||||
//## Define the maximum width of `.container` for different screen sizes.
|
||||
|
||||
// Small screen / tablet
|
||||
@container-tablet: (720px + @grid-gutter-width);
|
||||
//** For `@screen-sm-min` and up.
|
||||
@container-sm: @container-tablet;
|
||||
|
||||
// Medium screen / desktop
|
||||
@container-desktop: (940px + @grid-gutter-width);
|
||||
//** For `@screen-md-min` and up.
|
||||
@container-md: @container-desktop;
|
||||
|
||||
// Large screen / wide desktop
|
||||
@container-large-desktop: (1140px + @grid-gutter-width);
|
||||
//** For `@screen-lg-min` and up.
|
||||
@container-lg: @container-large-desktop;
|
||||
|
||||
|
||||
//== Navbar
|
||||
//
|
||||
//##
|
||||
|
||||
// Basics of a navbar
|
||||
@navbar-height: 50px;
|
||||
@navbar-margin-bottom: @line-height-computed;
|
||||
@navbar-border-radius: @border-radius-base;
|
||||
@navbar-padding-horizontal: floor((@grid-gutter-width / 2));
|
||||
@navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2);
|
||||
@navbar-collapse-max-height: 340px;
|
||||
|
||||
@navbar-default-color: #777;
|
||||
@navbar-default-bg: #f8f8f8;
|
||||
@navbar-default-border: darken(@navbar-default-bg, 6.5%);
|
||||
|
||||
// Navbar links
|
||||
@navbar-default-link-color: #777;
|
||||
@navbar-default-link-hover-color: #333;
|
||||
@navbar-default-link-hover-bg: transparent;
|
||||
@navbar-default-link-active-color: #555;
|
||||
@navbar-default-link-active-bg: darken(@navbar-default-bg, 6.5%);
|
||||
@navbar-default-link-disabled-color: #ccc;
|
||||
@navbar-default-link-disabled-bg: transparent;
|
||||
|
||||
// Navbar brand label
|
||||
@navbar-default-brand-color: @navbar-default-link-color;
|
||||
@navbar-default-brand-hover-color: darken(@navbar-default-brand-color, 10%);
|
||||
@navbar-default-brand-hover-bg: transparent;
|
||||
|
||||
// Navbar toggle
|
||||
@navbar-default-toggle-hover-bg: #ddd;
|
||||
@navbar-default-toggle-icon-bar-bg: #888;
|
||||
@navbar-default-toggle-border-color: #ddd;
|
||||
|
||||
|
||||
// Inverted navbar
|
||||
// Reset inverted navbar basics
|
||||
@navbar-inverse-color: lighten(@gray-light, 15%);
|
||||
@navbar-inverse-bg: darken(@body-bg, 5%);
|
||||
@navbar-inverse-border: darken(@navbar-inverse-bg, 10%);
|
||||
|
||||
// Inverted navbar links
|
||||
@navbar-inverse-link-color: lighten(@gray-light, 15%);
|
||||
@navbar-inverse-link-hover-color: @brand-primary;
|
||||
@navbar-inverse-link-hover-bg: transparent;
|
||||
@navbar-inverse-link-active-color: @navbar-inverse-link-hover-color;
|
||||
@navbar-inverse-link-active-bg: lighten(@navbar-inverse-bg, 10%);
|
||||
@navbar-inverse-link-disabled-color: #444;
|
||||
@navbar-inverse-link-disabled-bg: transparent;
|
||||
|
||||
// Inverted navbar brand label
|
||||
@navbar-inverse-brand-color: @navbar-inverse-link-color;
|
||||
@navbar-inverse-brand-hover-color: @brand-primary;
|
||||
@navbar-inverse-brand-hover-bg: transparent;
|
||||
|
||||
// Inverted navbar toggle
|
||||
@navbar-inverse-toggle-hover-bg: #333;
|
||||
@navbar-inverse-toggle-icon-bar-bg: #fff;
|
||||
@navbar-inverse-toggle-border-color: #333;
|
||||
|
||||
|
||||
//== Navs
|
||||
//
|
||||
//##
|
||||
|
||||
//=== Shared nav styles
|
||||
@nav-link-padding: 10px 15px;
|
||||
@nav-link-hover-bg: @gray-lighter;
|
||||
|
||||
@nav-disabled-link-color: @gray-light;
|
||||
@nav-disabled-link-hover-color: @gray-light;
|
||||
|
||||
//== Tabs
|
||||
@nav-tabs-border-color: #ddd;
|
||||
|
||||
@nav-tabs-link-hover-border-color: @gray-lighter;
|
||||
|
||||
@nav-tabs-active-link-hover-bg: @body-bg;
|
||||
@nav-tabs-active-link-hover-color: @gray;
|
||||
@nav-tabs-active-link-hover-border-color: #ddd;
|
||||
|
||||
@nav-tabs-justified-link-border-color: #ddd;
|
||||
@nav-tabs-justified-active-link-border-color: @body-bg;
|
||||
|
||||
//== Pills
|
||||
@nav-pills-border-radius: @border-radius-base;
|
||||
@nav-pills-active-link-hover-bg: @component-active-bg;
|
||||
@nav-pills-active-link-hover-color: @component-active-color;
|
||||
|
||||
|
||||
//== Pagination
|
||||
//
|
||||
//##
|
||||
|
||||
@pagination-color: @link-color;
|
||||
@pagination-bg: @body-bg;
|
||||
@pagination-border: @brand-primary;
|
||||
|
||||
@pagination-hover-color: @gray-base;
|
||||
@pagination-hover-bg: @brand-primary;
|
||||
@pagination-hover-border: @pagination-border;
|
||||
|
||||
@pagination-active-color: @gray-lighter;
|
||||
@pagination-active-bg: @brand-primary;
|
||||
@pagination-active-border: @brand-primary;
|
||||
|
||||
@pagination-disabled-color: darken(@pagination-color, 30%);
|
||||
@pagination-disabled-bg: darken(@pagination-bg, 30%);
|
||||
@pagination-disabled-border: darken(@pagination-border, 0%);
|
||||
|
||||
|
||||
//== Pager
|
||||
//
|
||||
//##
|
||||
|
||||
@pager-bg: @pagination-bg;
|
||||
@pager-border: @pagination-border;
|
||||
@pager-border-radius: 8px;
|
||||
|
||||
@pager-hover-bg: @pagination-hover-bg;
|
||||
|
||||
@pager-active-bg: @pagination-active-bg;
|
||||
@pager-active-color: @pagination-active-color;
|
||||
|
||||
@pager-disabled-color: @pagination-disabled-color;
|
||||
|
||||
|
||||
//== Jumbotron
|
||||
//
|
||||
//##
|
||||
|
||||
@jumbotron-padding: 30px;
|
||||
@jumbotron-color: inherit;
|
||||
@jumbotron-bg: @gray-lighter;
|
||||
@jumbotron-heading-color: inherit;
|
||||
@jumbotron-font-size: ceil((@font-size-base * 1.5));
|
||||
|
||||
|
||||
//== Form states and alerts
|
||||
//
|
||||
//## Define colors for form feedback states and, by default, alerts.
|
||||
|
||||
@state-success-text: @brand-success;
|
||||
@state-success-bg: darken(@state-success-text, 50%);;
|
||||
@state-success-border: darken(spin(@state-success-bg, -10), 5%);
|
||||
|
||||
@state-info-text: @brand-info;
|
||||
@state-info-bg: darken(@state-info-text, 50%);;
|
||||
@state-info-border: darken(spin(@state-info-bg, -10), 7%);
|
||||
|
||||
@state-warning-text: @brand-warning;
|
||||
@state-warning-bg: darken(@state-warning-text, 50%);
|
||||
@state-warning-border: darken(spin(@state-warning-bg, -10), 5%);
|
||||
|
||||
@state-danger-text: @brand-danger;
|
||||
@state-danger-bg: darken(@state-danger-text, 50%);
|
||||
@state-danger-border: darken(spin(@state-danger-bg, -10), 5%);
|
||||
|
||||
|
||||
//== Tooltips
|
||||
//
|
||||
//##
|
||||
|
||||
//** Tooltip max width
|
||||
@tooltip-max-width: 200px;
|
||||
//** Tooltip text color
|
||||
@tooltip-color: @gray-base;
|
||||
//** Tooltip background color
|
||||
@tooltip-bg: lighten(@body-bg, 25%);
|
||||
@tooltip-opacity: .9;
|
||||
|
||||
//** Tooltip arrow width
|
||||
@tooltip-arrow-width: 5px;
|
||||
//** Tooltip arrow color
|
||||
@tooltip-arrow-color: @tooltip-bg;
|
||||
|
||||
|
||||
//== Popovers
|
||||
//
|
||||
//##
|
||||
|
||||
//** Popover body background color
|
||||
@popover-bg: #fff;
|
||||
//** Popover maximum width
|
||||
@popover-max-width: 276px;
|
||||
//** Popover border color
|
||||
@popover-border-color: rgba(0,0,0,.2);
|
||||
//** Popover fallback border color
|
||||
@popover-fallback-border-color: #ccc;
|
||||
|
||||
//** Popover title background color
|
||||
@popover-title-bg: darken(@popover-bg, 3%);
|
||||
|
||||
//** Popover arrow width
|
||||
@popover-arrow-width: 10px;
|
||||
//** Popover arrow color
|
||||
@popover-arrow-color: @popover-bg;
|
||||
|
||||
//** Popover outer arrow width
|
||||
@popover-arrow-outer-width: (@popover-arrow-width + 1);
|
||||
//** Popover outer arrow color
|
||||
@popover-arrow-outer-color: fadein(@popover-border-color, 5%);
|
||||
//** Popover outer arrow fallback color
|
||||
@popover-arrow-outer-fallback-color: darken(@popover-fallback-border-color, 20%);
|
||||
|
||||
|
||||
//== Labels
|
||||
//
|
||||
//##
|
||||
|
||||
//** Default label background color
|
||||
@label-default-bg: lighten(@body-bg, 15%);
|
||||
//** Primary label background color
|
||||
@label-primary-bg: @brand-primary;
|
||||
//** Success label background color
|
||||
@label-success-bg: @brand-success;
|
||||
//** Info label background color
|
||||
@label-info-bg: @brand-info;
|
||||
//** Warning label background color
|
||||
@label-warning-bg: @brand-warning;
|
||||
//** Danger label background color
|
||||
@label-danger-bg: @brand-danger;
|
||||
|
||||
//** Default label text color
|
||||
@label-color: @gray-lighter;
|
||||
//** Default text color of a linked label
|
||||
@label-link-hover-color: #fff;
|
||||
|
||||
|
||||
//== Modals
|
||||
//
|
||||
//##
|
||||
|
||||
//** Padding applied to the modal body
|
||||
@modal-inner-padding: 15px;
|
||||
|
||||
//** Padding applied to the modal title
|
||||
@modal-title-padding: 15px;
|
||||
//** Modal title line-height
|
||||
@modal-title-line-height: @line-height-base;
|
||||
|
||||
//** Background color of modal content area
|
||||
@modal-content-bg: lighten(@body-bg, 15%);
|
||||
//** Modal content border color
|
||||
@modal-content-border-color: @brand-primary;
|
||||
//** Modal content border color **for IE8**
|
||||
@modal-content-fallback-border-color: @brand-info;
|
||||
|
||||
//** Modal backdrop background color
|
||||
@modal-backdrop-bg: #000;
|
||||
//** Modal backdrop opacity
|
||||
@modal-backdrop-opacity: .4;
|
||||
//** Modal header border color
|
||||
@modal-header-border-color: @brand-primary;
|
||||
//** Modal footer border color
|
||||
@modal-footer-border-color: @modal-header-border-color;
|
||||
|
||||
@modal-lg: 900px;
|
||||
@modal-md: 600px;
|
||||
@modal-sm: 300px;
|
||||
|
||||
|
||||
//== Alerts
|
||||
//
|
||||
//## Define alert colors, border radius, and padding.
|
||||
|
||||
@alert-padding: 15px;
|
||||
@alert-border-radius: @border-radius-base;
|
||||
@alert-link-font-weight: bold;
|
||||
|
||||
@alert-success-bg: @state-success-bg;
|
||||
@alert-success-text: @state-success-text;
|
||||
@alert-success-border: @state-success-border;
|
||||
|
||||
@alert-info-bg: @state-info-bg;
|
||||
@alert-info-text: @state-info-text;
|
||||
@alert-info-border: @state-info-border;
|
||||
|
||||
@alert-warning-bg: @state-warning-bg;
|
||||
@alert-warning-text: @state-warning-text;
|
||||
@alert-warning-border: @state-warning-border;
|
||||
|
||||
@alert-danger-bg: @state-danger-bg;
|
||||
@alert-danger-text: @state-danger-text;
|
||||
@alert-danger-border: @state-danger-border;
|
||||
|
||||
|
||||
//== Progress bars
|
||||
//
|
||||
//##
|
||||
|
||||
//** Background color of the whole progress component
|
||||
@progress-bg: lighten(@body-bg, 15%);
|
||||
//** Progress bar text color
|
||||
@progress-bar-color: #fff;
|
||||
//** Variable for setting rounded corners on progress bar.
|
||||
@progress-border-radius: @border-radius-base;
|
||||
|
||||
//** Default progress bar color
|
||||
@progress-bar-bg: @brand-primary;
|
||||
//** Success progress bar color
|
||||
@progress-bar-success-bg: @brand-success;
|
||||
//** Warning progress bar color
|
||||
@progress-bar-warning-bg: @brand-warning;
|
||||
//** Danger progress bar color
|
||||
@progress-bar-danger-bg: @brand-danger;
|
||||
//** Info progress bar color
|
||||
@progress-bar-info-bg: @brand-info;
|
||||
|
||||
|
||||
//== List group
|
||||
//
|
||||
//##
|
||||
|
||||
//** Background color on `.list-group-item`
|
||||
@list-group-bg: lighten(@body-bg, 15%);
|
||||
//** `.list-group-item` border color
|
||||
@list-group-border: lighten(@body-bg, 30%);
|
||||
//** List group border radius
|
||||
@list-group-border-radius: @border-radius-base;
|
||||
|
||||
//** Background color of single list items on hover
|
||||
@list-group-hover-bg: @gray-dark;
|
||||
//** Text color of active list items
|
||||
@list-group-active-color: @gray-base;
|
||||
//** Background color of active list items
|
||||
@list-group-active-bg: @gray-darker;
|
||||
//** Border color of active list elements
|
||||
@list-group-active-border: @list-group-active-bg;
|
||||
//** Text color for content within active list items
|
||||
@list-group-active-text-color: lighten(@list-group-active-bg, 40%);
|
||||
|
||||
//** Text color of disabled list items
|
||||
@list-group-disabled-color: @gray-darker;
|
||||
//** Background color of disabled list items
|
||||
@list-group-disabled-bg: @gray-lighter;
|
||||
//** Text color for content within disabled list items
|
||||
@list-group-disabled-text-color: @list-group-disabled-color;
|
||||
|
||||
@list-group-link-color: @brand-primary;
|
||||
@list-group-link-hover-color: @list-group-link-color;
|
||||
@list-group-link-heading-color: @gray-base;
|
||||
|
||||
|
||||
//== Panels
|
||||
//
|
||||
//##
|
||||
|
||||
@panel-bg: lighten(@body-bg, 15%);
|
||||
@panel-body-padding: 15px;
|
||||
@panel-heading-padding: 10px 15px;
|
||||
@panel-footer-padding: @panel-heading-padding;
|
||||
@panel-border-radius: @border-radius-base;
|
||||
|
||||
//** Border color for elements within panels
|
||||
@panel-inner-border: @brand-primary;
|
||||
@panel-footer-bg: lighten(@body-bg,5%);
|
||||
|
||||
@panel-default-text: @gray-lighter;
|
||||
@panel-default-border: @brand-primary;
|
||||
@panel-default-heading-bg: lighten(@body-bg, 45%);
|
||||
|
||||
@panel-primary-text: @gray-lighter;
|
||||
@panel-primary-border: @brand-primary;
|
||||
@panel-primary-heading-bg: @brand-primary;
|
||||
|
||||
@panel-success-text: @state-success-text;
|
||||
@panel-success-border: @state-success-border;
|
||||
@panel-success-heading-bg: @state-success-bg;
|
||||
|
||||
@panel-info-text: @state-info-text;
|
||||
@panel-info-border: @state-info-border;
|
||||
@panel-info-heading-bg: @state-info-bg;
|
||||
|
||||
@panel-warning-text: @state-warning-text;
|
||||
@panel-warning-border: @state-warning-border;
|
||||
@panel-warning-heading-bg: @state-warning-bg;
|
||||
|
||||
@panel-danger-text: @state-danger-text;
|
||||
@panel-danger-border: @state-danger-border;
|
||||
@panel-danger-heading-bg: @state-danger-bg;
|
||||
|
||||
|
||||
//== Thumbnails
|
||||
//
|
||||
//##
|
||||
|
||||
//** Padding around the thumbnail image
|
||||
@thumbnail-padding: 4px;
|
||||
//** Thumbnail background color
|
||||
@thumbnail-bg: @body-bg;
|
||||
//** Thumbnail border color
|
||||
@thumbnail-border: #ddd;
|
||||
//** Thumbnail border radius
|
||||
@thumbnail-border-radius: @border-radius-base;
|
||||
|
||||
//** Custom text color for thumbnail captions
|
||||
@thumbnail-caption-color: @text-color;
|
||||
//** Padding around the thumbnail caption
|
||||
@thumbnail-caption-padding: 9px;
|
||||
|
||||
|
||||
//== Wells
|
||||
//
|
||||
//##
|
||||
|
||||
@well-bg: #f5f5f5;
|
||||
@well-border: darken(@well-bg, 7%);
|
||||
|
||||
|
||||
//== Badges
|
||||
//
|
||||
//##
|
||||
|
||||
@badge-color: #fff;
|
||||
//** Linked badge text color on hover
|
||||
@badge-link-hover-color: #fff;
|
||||
@badge-bg: @gray-light;
|
||||
|
||||
//** Badge text color in active nav link
|
||||
@badge-active-color: @link-color;
|
||||
//** Badge background color in active nav link
|
||||
@badge-active-bg: #fff;
|
||||
|
||||
@badge-font-weight: bold;
|
||||
@badge-line-height: 1;
|
||||
@badge-border-radius: 10px;
|
||||
|
||||
|
||||
//== Breadcrumbs
|
||||
//
|
||||
//##
|
||||
|
||||
@breadcrumb-padding-vertical: 8px;
|
||||
@breadcrumb-padding-horizontal: 15px;
|
||||
//** Breadcrumb background color
|
||||
@breadcrumb-bg: @body-bg;
|
||||
//** Breadcrumb text color
|
||||
@breadcrumb-color: #ccc;
|
||||
//** Text color of current page in the breadcrumb
|
||||
@breadcrumb-active-color: @gray-light;
|
||||
//** Textual separator for between breadcrumb elements
|
||||
@breadcrumb-separator: "/ ";
|
||||
|
||||
|
||||
//== Carousel
|
||||
//
|
||||
//##
|
||||
|
||||
@carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6);
|
||||
|
||||
@carousel-control-color: #fff;
|
||||
@carousel-control-width: 15%;
|
||||
@carousel-control-opacity: .5;
|
||||
@carousel-control-font-size: 20px;
|
||||
|
||||
@carousel-indicator-active-bg: #fff;
|
||||
@carousel-indicator-border-color: #fff;
|
||||
|
||||
@carousel-caption-color: #fff;
|
||||
|
||||
|
||||
//== Close
|
||||
//
|
||||
//##
|
||||
|
||||
@close-font-weight: bold;
|
||||
@close-color: #000;
|
||||
@close-text-shadow: 0 1px 0 #fff;
|
||||
|
||||
|
||||
//== Code
|
||||
//
|
||||
//##
|
||||
|
||||
@code-color: #c7254e;
|
||||
@code-bg: #f9f2f4;
|
||||
|
||||
@kbd-color: #fff;
|
||||
@kbd-bg: #333;
|
||||
|
||||
@pre-bg: #f5f5f5;
|
||||
@pre-color: @gray-dark;
|
||||
@pre-border-color: #ccc;
|
||||
@pre-scrollable-max-height: 340px;
|
||||
|
||||
|
||||
//== Type
|
||||
//
|
||||
//##
|
||||
|
||||
//** Horizontal offset for forms and lists.
|
||||
@component-offset-horizontal: 180px;
|
||||
//** Text muted color
|
||||
@text-muted: @gray-light;
|
||||
//** Abbreviations and acronyms border color
|
||||
@abbr-border-color: @gray-light;
|
||||
//** Headings small color
|
||||
@headings-small-color: @gray-light;
|
||||
//** Blockquote small color
|
||||
@blockquote-small-color: @gray-light;
|
||||
//** Blockquote font size
|
||||
@blockquote-font-size: (@font-size-base * 1.25);
|
||||
//** Blockquote border color
|
||||
@blockquote-border-color: @gray-lighter;
|
||||
//** Page header border color
|
||||
@page-header-border-color: @gray-lighter;
|
||||
//** Width of horizontal description list titles
|
||||
@dl-horizontal-offset: @component-offset-horizontal;
|
||||
//** Horizontal line color.
|
||||
@hr-border: @gray-lighter;
|
||||
@ -2,8 +2,7 @@
|
||||
"name": "admin",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"bootstrap-sass": "~3.3.5",
|
||||
"modernizr": "~2.8.3"
|
||||
"bootstrap-sass": ">=3.3.5"
|
||||
},
|
||||
"overrides": {
|
||||
"bootstrap-sass": {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user