form > table > tbody > tr:nth-child(2) > td:first").html().replace(':','');
26 | var pass_text = $(".bloc > form > table > tbody > tr:nth-child(3) > td:first").html().replace(':','');
27 |
28 |
29 | /* Login Elements */
30 | $("div.main-content").attr('style', 'box-shadow: none;')//Remove unwanted Shadow effect
31 | $('div.bloc h4').addClass('login_header'); //Adds classes to main-content
32 | $("div.main-content > table").removeAttr("style"); //Removes style from table.
33 | $("div.main-content > table").attr('align', 'center');//Center it.
34 | $("div.main-content > table").attr('style', 'padding: 0px 10px 1px 10px;margin-top: 80px;'); //Removes style from table + droping it little down..
35 | $("input[name=login]").addClass('login_button');//Adding class
36 | $("div.bloc > form > table > tbody > tr:first").appendTo("div.bloc > form > table > tbody");//droping language tr down.
37 | $("div.bloc > form > table > tbody > tr:last").find('td').contents().unwrap();//Removing all Td tags
38 | $("div.bloc > form > table > tbody > tr:last").contents().wrapAll("");//Wrapping who td with that.
39 | $("div.bloc > form > table > tbody > tr:last").append("");
40 | $("div.bloc > form > table > tbody > tr:last").contents().wrapAll("| ");
41 | $("div.bloc > form > table > tbody > tr td > a").appendTo("div.bloc > form > table > tbody > tr:last > td > span.forgotp");
42 | if ($(".g-recaptcha")[0]) { //There is Google Captcha
43 | $("div.bloc > form > table > tbody > tr:nth-child(4)").appendTo("div.bloc > form > table > tbody");
44 | $("div.bloc > form > table > tbody > tr:nth-child(3) > td:first").remove();
45 | $("div.bloc > form > table > tbody > tr:nth-child(3) > td").attr('align', 'center');
46 | $("div.bloc > form > table > tbody > tr:nth-child(4) > td:first").attr('style', 'padding: 20px 25px 10px;');
47 | }else {
48 | $("div.bloc > form > table > tbody > tr:nth-child(3)").appendTo("div.bloc > form > table > tbody");
49 | $("div.bloc > form > table > tbody > tr:nth-child(3) > td:first").attr('style', 'padding: 20px 25px 10px;');
50 | }
51 | $("div.bloc > form > table > tbody > tr:nth-child(2) > td:first").remove();
52 | $("div.bloc > form > table > tbody > tr:first > td:first").remove();
53 | $("div.bloc > form > table > tbody > tr:last > td:last").remove();
54 | $('input[name=ulogin]').attr('placeholder', username_text);
55 | $('input[name=upassword]').attr('placeholder', pass_text);
56 | $("div.bloc > form > table > tbody > tr:first > td:first").attr('style', 'padding: 25px 20px 10px;');
57 | $("input[name=ulogin]").attr('style', 'width: 320px; height: 25px; border: 1px solid rgb(204, 204, 204); padding: 3px;');
58 | $("div.bloc > form > table > tbody > tr:nth-child(2) > td:first").attr('style', 'padding: 5px 20px;');
59 | $("input[name=upassword]").attr('style', 'width: 320px; height: 25px; border: 1px solid rgb(204, 204, 204); padding: 3px;');
60 | $("div.bloc > form > table > tbody > tr:last > td:first").attr('style', 'text-align: center;');
61 | $("div.bloc").attr('style', 'background-color: #fff;');
62 | }
63 |
64 | //Replacing images/ path with themes/Flat/images/ path
65 | $('img').each(function() {
66 | if ($(this).attr('src') == 'images/edit.png') {
67 | $(this).attr('src', 'themes/Flat/images/edit.png');
68 | }else if ($(this).attr('src') == 'images/file_size.png') {
69 | $(this).attr('src', 'themes/Flat/images/file_size.png');
70 | }else if ($(this).attr('src') == 'images/ftp.png') {
71 | $(this).attr('src', 'themes/Flat/images/ftp.png');
72 | }else if ($(this).attr('src') == 'images/install.png') {
73 | $(this).attr('src', 'themes/Flat/images/install.png');
74 | }else if ($(this).attr('src') == 'images/txt.png') {
75 | $(this).attr('src', 'themes/Flat/images/txt.png');
76 | }else if ($(this).attr('src') == 'images/log.png') {
77 | $(this).attr('src', 'themes/Flat/images/log.png');
78 | }else if ($(this).attr('src') == 'images/rsync.png') {
79 | $(this).attr('src', 'themes/Flat/images/rsync.png');
80 | }
81 | });
82 |
83 | $(".unclickmmddyyyy").click(function() {
84 | $(".ddmmyyyy").hide();
85 | $(".mmddyyyy").show();
86 | $(this).hide();
87 | $(".clickedmmddyyyy").show();
88 | $(".unclickddmmyyyy").show();
89 | $(".clickedddmmyyyy").hide();
90 | $.cookie('dateview', "ddmmyyyy", { expires: 365, path: '/' });
91 | return false;
92 | });
93 |
94 | $(".unclickddmmyyyy").click(function() {
95 | $(".mmddyyyy").hide();
96 | $(".ddmmyyyy").show();
97 | $(this).hide();
98 | $(".clickedddmmyyyy").show();
99 | $(".unclickmmddyyyy").show();
100 | $(".clickedmmddyyyy").hide();
101 | $.cookie('dateview', "mmddyyyy", { expires: 365, path: '/' });
102 | return false;
103 | });
104 |
105 | if($.cookie("dateview") == "ddmmyyyy") {
106 | $(".ddmmyyyy").hide();
107 | $(".mmddyyyy").show();
108 | $(".clickedmmddyyyy").show();
109 | $(".unclickddmmyyyy").show();
110 | $(".unclickmmddyyyy").hide();
111 | $(".clickedddmmyyyy").hide();
112 | }
113 | else if($.cookie("dateview") == "mmddyyyy") {
114 | $(".mmddyyyy").hide();
115 | $(".ddmmyyyy").show();
116 | $(".clickedddmmyyyy").show();
117 | $(".unclickmmddyyyy").show();
118 | $(".unclickddmmyyyy").hide();
119 | $(".clickedmmddyyyy").hide();
120 | } else {
121 | $(".mmddyyyy").hide();
122 | $(".ddmmyyyy").show();
123 | $(".clickedddmmyyyy").show();
124 | $(".unclickmmddyyyy").show();
125 | $(".unclickddmmyyyy").hide();
126 | $(".clickedmmddyyyy").hide();
127 | };
128 |
129 | //sidebar//
130 | $('div.menu li:has(ul)').addClass('treeview');
131 | $('div.menu li:has(ul) > a').append('');
132 | $('div.menu ul ul').addClass('treeview-sub');
133 | $('.treeview > a').addClass('treeview-a');
134 |
135 | $.sidebarMenu = function(menu) {
136 | var animationSpeed = 300;
137 |
138 | $(menu).on('click', 'li a', function(e) {
139 | var $this = $(this);
140 | var checkElement = $this.next();
141 |
142 | if (checkElement.is('.treeview-sub') && checkElement.is(':visible')) {
143 | checkElement.slideUp(animationSpeed, function() {
144 | checkElement.removeClass('menu-open');
145 | });
146 |
147 | checkElement.parent("li").removeClass("active");
148 | }
149 |
150 | //If the menu is not visible
151 | else if ((checkElement.is('.treeview-sub')) && (!checkElement.is(':visible'))) {
152 | //Get the parent menu
153 | var parent = $this.parents('ul').first();
154 | //Close all open menus within the parent
155 | var ul = parent.find('ul:visible').slideUp(animationSpeed);
156 | //Remove the menu-open class from the parent
157 | ul.removeClass('menu-open');
158 | //Get the parent li
159 | var parent_li = $this.parent("li");
160 |
161 | //Open the target menu and add the menu-open class
162 | checkElement.slideDown(animationSpeed, function() {
163 | //Add the class active to the parent li
164 | checkElement.addClass('menu-open');
165 | parent.find('li.active').removeClass('active');
166 | parent_li.addClass('active');
167 | });
168 | }
169 |
170 | //if this isn't a link, prevent the page from being redirected
171 | if (checkElement.is('.treeview-sub')) {
172 | e.preventDefault();
173 | }
174 | });
175 | } //sidebarMenu end.
176 |
177 | //GOT HELP//
178 | $('li.treeview').each(function() {
179 | $('').html($(this).children('a').clone()).prependTo($(this).children('ul')).find('> a > span').html('Overview');
180 | });
181 | $(".copied > a").removeClass('admin_menu_link_selected');
182 | $(".copied > a").removeClass('user_menu_link_selected');
183 | $(".copied > a > span").removeAttr('data-icon_path');
184 | $(".treeview > a").removeClass('treeview-a');
185 | $('.treeview').each(function() {
186 | var $linked = $(this);
187 | if ($linked.find('.admin_menu_link_selected').length > 0) {
188 | $linked.addClass('active');
189 | } else if ($linked.find('.user_menu_link_selected').length > 0) {
190 | $linked.addClass('active');
191 | }
192 | }); //treeview.each end.
193 | $.sidebarMenu($('.menu'));
194 |
195 | $(".copied > a > span").css("background", "");
196 | $(".copied > a > span").css("padding", "");
197 | if(window.location.href.indexOf("home.php?m=") > -1) {
198 | $(".menu").prepend(' Online ');
199 | $(".avatar-username").text($("li.treeview > a.user_menu_link span.username").text());
200 |
201 | if(localStorage.Avatar) {
202 | var img = new Image();
203 | img.src = localStorage.Avatar;
204 |
205 | $(".avatar-cover").prepend(img);
206 | $(".avatar-cover > img").attr('id', 'avatar');
207 | } else {
208 | $(".menu .avatar-cover").prepend(' ');
209 | }
210 |
211 | $("#avatar").attr('style', 'border-radius: 100%;width: 64px;height: 64px;');
212 | } //href index of end.
213 |
214 | //You might want to do if check to see if localstorage set for theImage here
215 |
216 | $('body').on('click', '#remove_avatar',function(){
217 | localStorage.removeItem("Avatar");
218 | $("#avatar").remove();
219 | $(".menu .avatar-cover").prepend('');
220 | $("#avatar").attr('style', 'border-radius: 100%;width: 64px;height: 64px;');
221 | }); //body.on.click end.
222 |
223 | $("body").on("change",".avatarinput",function(){
224 | //Equivalent of getElementById
225 | var fileInput = $(this)[0];//returns a HTML DOM object by putting the [0] since it's really an associative array.
226 | var file = fileInput.files[0]; //there is only '1' file since they are not multiple type.
227 |
228 | var reader = new FileReader();
229 | reader.onload = function(e) {
230 | // Create a new image.
231 | var img = new Image();
232 |
233 | img.src = reader.result;
234 | localStorage.Avatar = reader.result; //stores the image to localStorage
235 | $("#avatar").remove();
236 | $(".avatar-cover").prepend(img);
237 | $(".avatar-cover > img").attr('id', 'avatar');
238 | $("#avatar").attr('style', 'border-radius: 100%;width: 64px;height: 64px;');
239 | }
240 |
241 | reader.readAsDataURL(file);//attempts to read the file in question.
242 | }); //body.on.change end.
243 |
244 | }); //document.ready end
245 |
--------------------------------------------------------------------------------
/themes/Flat/js/Flat.js main:
--------------------------------------------------------------------------------
1 |
2 | jQuery(function($){
3 | $(".slider").click(function() {
4 | if ($("#wrapper").hasClass("wrapper-hidder")){
5 | $(".menu-bg").removeClass("menu-hidder");
6 | $("#wrapper").removeClass("wrapper-hidder");
7 | $.cookie('menu-bg-options', "show", { expires: 365, path: '/' });
8 | }
9 | else {
10 | $(".menu-bg").addClass("menu-hidder");
11 | $("#wrapper").addClass("wrapper-hidder");
12 | $.cookie('menu-bg-options', "hide", { expires: 365, path: '/' });
13 | }
14 | });
15 |
16 | if($.cookie("menu-bg-options") == "show") {
17 | $(".menu-bg").removeClass("menu-hidder");
18 | $("#wrapper").removeClass("wrapper-hidder");
19 | } else if($.cookie("menu-bg-options") == "hide") {
20 | $(".menu-bg").addClass("menu-hidder");
21 | $("#wrapper").addClass("wrapper-hidder");
22 | }
23 | /* Login */
24 | if((window.location.href.indexOf("index.php") != -1 && window.location.href.indexOf("index.php?") == -1 ) || $('input[name=ulogin]').length != false) {
25 | var username_text = $(".bloc > form > table > tbody > tr:nth-child(2) > td:first").html().replace(':','');
26 | var pass_text = $(".bloc > form > table > tbody > tr:nth-child(3) > td:first").html().replace(':','');
27 |
28 |
29 | /* Login Elements */
30 | $("div.main-content").attr('style', 'box-shadow: none;')//Remove unwanted Shadow effect
31 | $('div.bloc h4').addClass('login_header'); //Adds classes to main-content
32 | $("div.main-content > table").removeAttr("style"); //Removes style from table.
33 | $("div.main-content > table").attr('align', 'center');//Center it.
34 | $("div.main-content > table").attr('style', 'padding: 0px 10px 1px 10px;margin-top: 80px;'); //Removes style from table + droping it little down..
35 | $("input[name=login]").addClass('login_button');//Adding class
36 | $("div.bloc > form > table > tbody > tr:first").appendTo("div.bloc > form > table > tbody");//droping language tr down.
37 | $("div.bloc > form > table > tbody > tr:last").find('td').contents().unwrap();//Removing all Td tags
38 | $("div.bloc > form > table > tbody > tr:last").contents().wrapAll("");//Wrapping who td with that.
39 | $("div.bloc > form > table > tbody > tr:last").append("");
40 | $("div.bloc > form > table > tbody > tr:last").contents().wrapAll(" | ");
41 | $("div.bloc > form > table > tbody > tr td > a").appendTo("div.bloc > form > table > tbody > tr:last > td > span.forgotp");
42 | if ($(".g-recaptcha")[0]) { //There is Google Captcha
43 | $("div.bloc > form > table > tbody > tr:nth-child(4)").appendTo("div.bloc > form > table > tbody");
44 | $("div.bloc > form > table > tbody > tr:nth-child(3) > td:first").remove();
45 | $("div.bloc > form > table > tbody > tr:nth-child(3) > td").attr('align', 'center');
46 | $("div.bloc > form > table > tbody > tr:nth-child(4) > td:first").attr('style', 'padding: 20px 25px 10px;');
47 | }else {
48 | $("div.bloc > form > table > tbody > tr:nth-child(3)").appendTo("div.bloc > form > table > tbody");
49 | $("div.bloc > form > table > tbody > tr:nth-child(3) > td:first").attr('style', 'padding: 20px 25px 10px;');
50 | }
51 | $("div.bloc > form > table > tbody > tr:nth-child(2) > td:first").remove();
52 | $("div.bloc > form > table > tbody > tr:first > td:first").remove();
53 | $("div.bloc > form > table > tbody > tr:last > td:last").remove();
54 | $('input[name=ulogin]').attr('placeholder', username_text);
55 | $('input[name=upassword]').attr('placeholder', pass_text);
56 | $("div.bloc > form > table > tbody > tr:first > td:first").attr('style', 'padding: 25px 20px 10px;');
57 | $("input[name=ulogin]").attr('style', 'width: 320px; height: 25px; border: 1px solid rgb(204, 204, 204); padding: 3px;');
58 | $("div.bloc > form > table > tbody > tr:nth-child(2) > td:first").attr('style', 'padding: 5px 20px;');
59 | $("input[name=upassword]").attr('style', 'width: 320px; height: 25px; border: 1px solid rgb(204, 204, 204); padding: 3px;');
60 | $("div.bloc > form > table > tbody > tr:last > td:first").attr('style', 'text-align: center;');
61 | $("div.bloc").attr('style', 'background-color: #fff;');
62 | }
63 |
64 | //Replacing images/ path with themes/Flat/images/ path
65 | $('img').each(function() {
66 | if ($(this).attr('src') == 'images/edit.png') {
67 | $(this).attr('src', 'themes/Flat/images/edit.png');
68 | }else if ($(this).attr('src') == 'images/file_size.png') {
69 | $(this).attr('src', 'themes/Flat/images/file_size.png');
70 | }else if ($(this).attr('src') == 'images/ftp.png') {
71 | $(this).attr('src', 'themes/Flat/images/ftp.png');
72 | }else if ($(this).attr('src') == 'images/install.png') {
73 | $(this).attr('src', 'themes/Flat/images/install.png');
74 | }else if ($(this).attr('src') == 'images/txt.png') {
75 | $(this).attr('src', 'themes/Flat/images/txt.png');
76 | }else if ($(this).attr('src') == 'images/log.png') {
77 | $(this).attr('src', 'themes/Flat/images/log.png');
78 | }else if ($(this).attr('src') == 'images/rsync.png') {
79 | $(this).attr('src', 'themes/Flat/images/rsync.png');
80 | }
81 | });
82 |
83 | $(".unclickmmddyyyy").click(function() {
84 | $(".ddmmyyyy").hide();
85 | $(".mmddyyyy").show();
86 | $(this).hide();
87 | $(".clickedmmddyyyy").show();
88 | $(".unclickddmmyyyy").show();
89 | $(".clickedddmmyyyy").hide();
90 | $.cookie('dateview', "ddmmyyyy", { expires: 365, path: '/' });
91 | return false;
92 | });
93 |
94 | $(".unclickddmmyyyy").click(function() {
95 | $(".mmddyyyy").hide();
96 | $(".ddmmyyyy").show();
97 | $(this).hide();
98 | $(".clickedddmmyyyy").show();
99 | $(".unclickmmddyyyy").show();
100 | $(".clickedmmddyyyy").hide();
101 | $.cookie('dateview', "mmddyyyy", { expires: 365, path: '/' });
102 | return false;
103 | });
104 |
105 | if($.cookie("dateview") == "ddmmyyyy") {
106 | $(".ddmmyyyy").hide();
107 | $(".mmddyyyy").show();
108 | $(".clickedmmddyyyy").show();
109 | $(".unclickddmmyyyy").show();
110 | $(".unclickmmddyyyy").hide();
111 | $(".clickedddmmyyyy").hide();
112 | }
113 | else if($.cookie("dateview") == "mmddyyyy") {
114 | $(".mmddyyyy").hide();
115 | $(".ddmmyyyy").show();
116 | $(".clickedddmmyyyy").show();
117 | $(".unclickmmddyyyy").show();
118 | $(".unclickddmmyyyy").hide();
119 | $(".clickedmmddyyyy").hide();
120 | } else {
121 | $(".mmddyyyy").hide();
122 | $(".ddmmyyyy").show();
123 | $(".clickedddmmyyyy").show();
124 | $(".unclickmmddyyyy").show();
125 | $(".unclickddmmyyyy").hide();
126 | $(".clickedmmddyyyy").hide();
127 | };
128 |
129 | //sidebar//
130 | $('div.menu li:has(ul)').addClass('treeview');
131 | $('div.menu li:has(ul) > a').append('');
132 | $('div.menu ul ul').addClass('treeview-sub');
133 | $('.treeview > a').addClass('treeview-a');
134 |
135 | $.sidebarMenu = function(menu) {
136 | var animationSpeed = 300;
137 |
138 | $(menu).on('click', 'li a', function(e) {
139 | var $this = $(this);
140 | var checkElement = $this.next();
141 |
142 | if (checkElement.is('.treeview-sub') && checkElement.is(':visible')) {
143 | checkElement.slideUp(animationSpeed, function() {
144 | checkElement.removeClass('menu-open');
145 | });
146 |
147 | checkElement.parent("li").removeClass("active");
148 | }
149 |
150 | //If the menu is not visible
151 | else if ((checkElement.is('.treeview-sub')) && (!checkElement.is(':visible'))) {
152 | //Get the parent menu
153 | var parent = $this.parents('ul').first();
154 | //Close all open menus within the parent
155 | var ul = parent.find('ul:visible').slideUp(animationSpeed);
156 | //Remove the menu-open class from the parent
157 | ul.removeClass('menu-open');
158 | //Get the parent li
159 | var parent_li = $this.parent("li");
160 |
161 | //Open the target menu and add the menu-open class
162 | checkElement.slideDown(animationSpeed, function() {
163 | //Add the class active to the parent li
164 | checkElement.addClass('menu-open');
165 | parent.find('li.active').removeClass('active');
166 | parent_li.addClass('active');
167 | });
168 | }
169 |
170 | //if this isn't a link, prevent the page from being redirected
171 | if (checkElement.is('.treeview-sub')) {
172 | e.preventDefault();
173 | }
174 | });
175 | } //sidebarMenu end.
176 |
177 | //GOT HELP//
178 | $('li.treeview').each(function() {
179 | $('').html($(this).children('a').clone()).prependTo($(this).children('ul')).find('> a > span').html('Overview');
180 | });
181 | $(".copied > a").removeClass('admin_menu_link_selected');
182 | $(".copied > a").removeClass('user_menu_link_selected');
183 | $(".copied > a > span").removeAttr('data-icon_path');
184 | $(".treeview > a").removeClass('treeview-a');
185 | $('.treeview').each(function() {
186 | var $linked = $(this);
187 | if ($linked.find('.admin_menu_link_selected').length > 0) {
188 | $linked.addClass('active');
189 | } else if ($linked.find('.user_menu_link_selected').length > 0) {
190 | $linked.addClass('active');
191 | }
192 | }); //treeview.each end.
193 | $.sidebarMenu($('.menu'));
194 | if(window.location.href.indexOf("home.php?m=") > -1) {
195 | $(".menu").prepend(' Online ');
196 | $(".avatar-username").text($("li.treeview > a.user_menu_link span.username").text());
197 |
198 | if(localStorage.Avatar) {
199 | var img = new Image();
200 | img.src = localStorage.Avatar;
201 |
202 | $(".avatar-cover").prepend(img);
203 | $(".avatar-cover > img").attr('id', 'avatar');
204 | } else {
205 | $(".menu .avatar-cover").prepend('');
206 | }
207 |
208 | $("#avatar").attr('style', 'border-radius: 100%;width: 64px;height: 64px;');
209 | } //href index of end.
210 |
211 | var nodes = document.getElementById('submenu_0').getElementsByTagName('span');
212 |
213 | for(var i=0; i a > span").css("background", "");
223 | $(".copied > a > span").css("padding", "");
224 |
225 | //You might want to do if check to see if localstorage set for theImage here
226 |
227 | $('body').on('click', '#remove_avatar',function(){
228 | localStorage.removeItem("Avatar");
229 | $("#avatar").remove();
230 | $(".menu .avatar-cover").prepend('');
231 | $("#avatar").attr('style', 'border-radius: 100%;width: 64px;height: 64px;');
232 | }); //body.on.click end.
233 |
234 | $("body").on("change",".avatarinput",function(){
235 | //Equivalent of getElementById
236 | var fileInput = $(this)[0];//returns a HTML DOM object by putting the [0] since it's really an associative array.
237 | var file = fileInput.files[0]; //there is only '1' file since they are not multiple type.
238 |
239 | var reader = new FileReader();
240 | reader.onload = function(e) {
241 | // Create a new image.
242 | var img = new Image();
243 |
244 | img.src = reader.result;
245 | localStorage.Avatar = reader.result; //stores the image to localStorage
246 | $("#avatar").remove();
247 | $(".avatar-cover").prepend(img);
248 | $(".avatar-cover > img").attr('id', 'avatar');
249 | $("#avatar").attr('style', 'border-radius: 100%;width: 64px;height: 64px;');
250 | }
251 |
252 | reader.readAsDataURL(file);//attempts to read the file in question.
253 | }); //body.on.change end.
254 |
255 | }); //document.ready end
256 |
--------------------------------------------------------------------------------
/themes/Flat/js/pace.min.js:
--------------------------------------------------------------------------------
1 | /*! pace 1.0.2 */
2 | (function(){var a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X=[].slice,Y={}.hasOwnProperty,Z=function(a,b){function c(){this.constructor=a}for(var d in b)Y.call(b,d)&&(a[d]=b[d]);return c.prototype=b.prototype,a.prototype=new c,a.__super__=b.prototype,a},$=[].indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(b in this&&this[b]===a)return b;return-1};for(u={catchupTime:100,initialRate:.01,minTime:100,ghostTime:100,maxProgressPerFrame:200,easeFactor:1.25,startOnPageLoad:!0,restartOnPushState:!0,restartOnRequestAfter:100,target:"body",elements:{checkInterval:100,selectors:["body"]},eventLag:{minSamples:10,sampleCount:3,lagThreshold:3},ajax:{trackMethods:["GET"],trackWebSockets:!0,ignoreURLs:[]}},C=function(){var a;return null!=(a="undefined"!=typeof performance&&null!==performance&&"function"==typeof performance.now?performance.now():void 0)?a:+new Date},E=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame,t=window.cancelAnimationFrame||window.mozCancelAnimationFrame,null==E&&(E=function(a){return setTimeout(a,50)},t=function(a){return clearTimeout(a)}),G=function(a){var b,c;return b=C(),(c=function(){var d;return d=C()-b,d>=33?(b=C(),a(d,function(){return E(c)})):setTimeout(c,33-d)})()},F=function(){var a,b,c;return c=arguments[0],b=arguments[1],a=3<=arguments.length?X.call(arguments,2):[],"function"==typeof c[b]?c[b].apply(c,a):c[b]},v=function(){var a,b,c,d,e,f,g;for(b=arguments[0],d=2<=arguments.length?X.call(arguments,1):[],f=0,g=d.length;g>f;f++)if(c=d[f])for(a in c)Y.call(c,a)&&(e=c[a],null!=b[a]&&"object"==typeof b[a]&&null!=e&&"object"==typeof e?v(b[a],e):b[a]=e);return b},q=function(a){var b,c,d,e,f;for(c=b=0,e=0,f=a.length;f>e;e++)d=a[e],c+=Math.abs(d),b++;return c/b},x=function(a,b){var c,d,e;if(null==a&&(a="options"),null==b&&(b=!0),e=document.querySelector("[data-pace-"+a+"]")){if(c=e.getAttribute("data-pace-"+a),!b)return c;try{return JSON.parse(c)}catch(f){return d=f,"undefined"!=typeof console&&null!==console?console.error("Error parsing inline pace options",d):void 0}}},g=function(){function a(){}return a.prototype.on=function(a,b,c,d){var e;return null==d&&(d=!1),null==this.bindings&&(this.bindings={}),null==(e=this.bindings)[a]&&(e[a]=[]),this.bindings[a].push({handler:b,ctx:c,once:d})},a.prototype.once=function(a,b,c){return this.on(a,b,c,!0)},a.prototype.off=function(a,b){var c,d,e;if(null!=(null!=(d=this.bindings)?d[a]:void 0)){if(null==b)return delete this.bindings[a];for(c=0,e=[];cQ;Q++)K=U[Q],D[K]===!0&&(D[K]=u[K]);i=function(a){function b(){return V=b.__super__.constructor.apply(this,arguments)}return Z(b,a),b}(Error),b=function(){function a(){this.progress=0}return a.prototype.getElement=function(){var a;if(null==this.el){if(a=document.querySelector(D.target),!a)throw new i;this.el=document.createElement("div"),this.el.className="pace pace-active",document.body.className=document.body.className.replace(/pace-done/g,""),document.body.className+=" pace-running",this.el.innerHTML='\n',null!=a.firstChild?a.insertBefore(this.el,a.firstChild):a.appendChild(this.el)}return this.el},a.prototype.finish=function(){var a;return a=this.getElement(),a.className=a.className.replace("pace-active",""),a.className+=" pace-inactive",document.body.className=document.body.className.replace("pace-running",""),document.body.className+=" pace-done"},a.prototype.update=function(a){return this.progress=a,this.render()},a.prototype.destroy=function(){try{this.getElement().parentNode.removeChild(this.getElement())}catch(a){i=a}return this.el=void 0},a.prototype.render=function(){var a,b,c,d,e,f,g;if(null==document.querySelector(D.target))return!1;for(a=this.getElement(),d="translate3d("+this.progress+"%, 0, 0)",g=["webkitTransform","msTransform","transform"],e=0,f=g.length;f>e;e++)b=g[e],a.children[0].style[b]=d;return(!this.lastRenderedProgress||this.lastRenderedProgress|0!==this.progress|0)&&(a.children[0].setAttribute("data-progress-text",""+(0|this.progress)+"%"),this.progress>=100?c="99":(c=this.progress<10?"0":"",c+=0|this.progress),a.children[0].setAttribute("data-progress",""+c)),this.lastRenderedProgress=this.progress},a.prototype.done=function(){return this.progress>=100},a}(),h=function(){function a(){this.bindings={}}return a.prototype.trigger=function(a,b){var c,d,e,f,g;if(null!=this.bindings[a]){for(f=this.bindings[a],g=[],d=0,e=f.length;e>d;d++)c=f[d],g.push(c.call(this,b));return g}},a.prototype.on=function(a,b){var c;return null==(c=this.bindings)[a]&&(c[a]=[]),this.bindings[a].push(b)},a}(),P=window.XMLHttpRequest,O=window.XDomainRequest,N=window.WebSocket,w=function(a,b){var c,d,e;e=[];for(d in b.prototype)try{null==a[d]&&"function"!=typeof b[d]?"function"==typeof Object.defineProperty?e.push(Object.defineProperty(a,d,{get:function(){return b.prototype[d]},configurable:!0,enumerable:!0})):e.push(a[d]=b.prototype[d]):e.push(void 0)}catch(f){c=f}return e},A=[],j.ignore=function(){var a,b,c;return b=arguments[0],a=2<=arguments.length?X.call(arguments,1):[],A.unshift("ignore"),c=b.apply(null,a),A.shift(),c},j.track=function(){var a,b,c;return b=arguments[0],a=2<=arguments.length?X.call(arguments,1):[],A.unshift("track"),c=b.apply(null,a),A.shift(),c},J=function(a){var b;if(null==a&&(a="GET"),"track"===A[0])return"force";if(!A.length&&D.ajax){if("socket"===a&&D.ajax.trackWebSockets)return!0;if(b=a.toUpperCase(),$.call(D.ajax.trackMethods,b)>=0)return!0}return!1},k=function(a){function b(){var a,c=this;b.__super__.constructor.apply(this,arguments),a=function(a){var b;return b=a.open,a.open=function(d,e,f){return J(d)&&c.trigger("request",{type:d,url:e,request:a}),b.apply(a,arguments)}},window.XMLHttpRequest=function(b){var c;return c=new P(b),a(c),c};try{w(window.XMLHttpRequest,P)}catch(d){}if(null!=O){window.XDomainRequest=function(){var b;return b=new O,a(b),b};try{w(window.XDomainRequest,O)}catch(d){}}if(null!=N&&D.ajax.trackWebSockets){window.WebSocket=function(a,b){var d;return d=null!=b?new N(a,b):new N(a),J("socket")&&c.trigger("request",{type:"socket",url:a,protocols:b,request:d}),d};try{w(window.WebSocket,N)}catch(d){}}}return Z(b,a),b}(h),R=null,y=function(){return null==R&&(R=new k),R},I=function(a){var b,c,d,e;for(e=D.ajax.ignoreURLs,c=0,d=e.length;d>c;c++)if(b=e[c],"string"==typeof b){if(-1!==a.indexOf(b))return!0}else if(b.test(a))return!0;return!1},y().on("request",function(b){var c,d,e,f,g;return f=b.type,e=b.request,g=b.url,I(g)?void 0:j.running||D.restartOnRequestAfter===!1&&"force"!==J(f)?void 0:(d=arguments,c=D.restartOnRequestAfter||0,"boolean"==typeof c&&(c=0),setTimeout(function(){var b,c,g,h,i,k;if(b="socket"===f?e.readyState<2:0<(h=e.readyState)&&4>h){for(j.restart(),i=j.sources,k=[],c=0,g=i.length;g>c;c++){if(K=i[c],K instanceof a){K.watch.apply(K,d);break}k.push(void 0)}return k}},c))}),a=function(){function a(){var a=this;this.elements=[],y().on("request",function(){return a.watch.apply(a,arguments)})}return a.prototype.watch=function(a){var b,c,d,e;return d=a.type,b=a.request,e=a.url,I(e)?void 0:(c="socket"===d?new n(b):new o(b),this.elements.push(c))},a}(),o=function(){function a(a){var b,c,d,e,f,g,h=this;if(this.progress=0,null!=window.ProgressEvent)for(c=null,a.addEventListener("progress",function(a){return a.lengthComputable?h.progress=100*a.loaded/a.total:h.progress=h.progress+(100-h.progress)/2},!1),g=["load","abort","timeout","error"],d=0,e=g.length;e>d;d++)b=g[d],a.addEventListener(b,function(){return h.progress=100},!1);else f=a.onreadystatechange,a.onreadystatechange=function(){var b;return 0===(b=a.readyState)||4===b?h.progress=100:3===a.readyState&&(h.progress=50),"function"==typeof f?f.apply(null,arguments):void 0}}return a}(),n=function(){function a(a){var b,c,d,e,f=this;for(this.progress=0,e=["error","open"],c=0,d=e.length;d>c;c++)b=e[c],a.addEventListener(b,function(){return f.progress=100},!1)}return a}(),d=function(){function a(a){var b,c,d,f;for(null==a&&(a={}),this.elements=[],null==a.selectors&&(a.selectors=[]),f=a.selectors,c=0,d=f.length;d>c;c++)b=f[c],this.elements.push(new e(b))}return a}(),e=function(){function a(a){this.selector=a,this.progress=0,this.check()}return a.prototype.check=function(){var a=this;return document.querySelector(this.selector)?this.done():setTimeout(function(){return a.check()},D.elements.checkInterval)},a.prototype.done=function(){return this.progress=100},a}(),c=function(){function a(){var a,b,c=this;this.progress=null!=(b=this.states[document.readyState])?b:100,a=document.onreadystatechange,document.onreadystatechange=function(){return null!=c.states[document.readyState]&&(c.progress=c.states[document.readyState]),"function"==typeof a?a.apply(null,arguments):void 0}}return a.prototype.states={loading:0,interactive:50,complete:100},a}(),f=function(){function a(){var a,b,c,d,e,f=this;this.progress=0,a=0,e=[],d=0,c=C(),b=setInterval(function(){var g;return g=C()-c-50,c=C(),e.push(g),e.length>D.eventLag.sampleCount&&e.shift(),a=q(e),++d>=D.eventLag.minSamples&&a=100&&(this.done=!0),b===this.last?this.sinceLastUpdate+=a:(this.sinceLastUpdate&&(this.rate=(b-this.last)/this.sinceLastUpdate),this.catchup=(b-this.progress)/D.catchupTime,this.sinceLastUpdate=0,this.last=b),b>this.progress&&(this.progress+=this.catchup*a),c=1-Math.pow(this.progress/100,D.easeFactor),this.progress+=c*this.rate*a,this.progress=Math.min(this.lastProgress+D.maxProgressPerFrame,this.progress),this.progress=Math.max(0,this.progress),this.progress=Math.min(100,this.progress),this.lastProgress=this.progress,this.progress},a}(),L=null,H=null,r=null,M=null,p=null,s=null,j.running=!1,z=function(){return D.restartOnPushState?j.restart():void 0},null!=window.history.pushState&&(T=window.history.pushState,window.history.pushState=function(){return z(),T.apply(window.history,arguments)}),null!=window.history.replaceState&&(W=window.history.replaceState,window.history.replaceState=function(){return z(),W.apply(window.history,arguments)}),l={ajax:a,elements:d,document:c,eventLag:f},(B=function(){var a,c,d,e,f,g,h,i;for(j.sources=L=[],g=["ajax","elements","document","eventLag"],c=0,e=g.length;e>c;c++)a=g[c],D[a]!==!1&&L.push(new l[a](D[a]));for(i=null!=(h=D.extraSources)?h:[],d=0,f=i.length;f>d;d++)K=i[d],L.push(new K(D));return j.bar=r=new b,H=[],M=new m})(),j.stop=function(){return j.trigger("stop"),j.running=!1,r.destroy(),s=!0,null!=p&&("function"==typeof t&&t(p),p=null),B()},j.restart=function(){return j.trigger("restart"),j.stop(),j.start()},j.go=function(){var a;return j.running=!0,r.render(),a=C(),s=!1,p=G(function(b,c){var d,e,f,g,h,i,k,l,n,o,p,q,t,u,v,w;for(l=100-r.progress,e=p=0,f=!0,i=q=0,u=L.length;u>q;i=++q)for(K=L[i],o=null!=H[i]?H[i]:H[i]=[],h=null!=(w=K.elements)?w:[K],k=t=0,v=h.length;v>t;k=++t)g=h[k],n=null!=o[k]?o[k]:o[k]=new m(g),f&=n.done,n.done||(e++,p+=n.tick(b));return d=p/e,r.update(M.tick(b,d)),r.done()||f||s?(r.update(100),j.trigger("done"),setTimeout(function(){return r.finish(),j.running=!1,j.trigger("hide")},Math.max(D.ghostTime,Math.max(D.minTime-(C()-a),0)))):c()})},j.start=function(a){v(D,a),j.running=!0;try{r.render()}catch(b){i=b}return document.querySelector(".pace")?(j.trigger("start"),j.go()):setTimeout(j.start,50)},"function"==typeof define&&define.amd?define(["pace"],function(){return j}):"object"==typeof exports?module.exports=j:D.startOnPageLoad&&j.start()}).call(this);
--------------------------------------------------------------------------------
/themes/Flat/js/colpick.js:
--------------------------------------------------------------------------------
1 | /*
2 | colpick Color Picker
3 | Copyright 2013 Jose Vargas. Licensed under GPL license. Based on Stefan Petre's Color Picker www.eyecon.ro, dual licensed under the MIT and GPL licenses
4 |
5 | For usage and examples: colpick.com/plugin
6 | */
7 |
8 | (function ($) {var colpick=function () {var tpl='', defaults={showEvent: 'click', onShow: function () {}, onBeforeShow: function(){}, onHide: function () {}, onChange: function () {}, onSubmit: function () {}, livePreview: true, flat: false, layout: 'full', submit: 1, submitText: 'SAVE', height: 156 }, fillRGBFields=function (hsb, cal) {var rgb=hsbToRgb(hsb);$(cal).data('colpick').fields .eq(1).val(rgb.r).end() .eq(2).val(rgb.g).end() .eq(3).val(rgb.b).end();}, fillHSBFields=function (hsb, cal) {$(cal).data('colpick').fields .eq(4).val(Math.round(hsb.h)).end() .eq(5).val(Math.round(hsb.s)).end() .eq(6).val(Math.round(hsb.b)).end();}, fillHexFields=function (hsb, cal) {$(cal).data('colpick').fields.eq(0).val(hsbToHex(hsb));}, setSelector=function (hsb, cal) {$(cal).data('colpick').selector.css('backgroundColor', '#' + hsbToHex({h: hsb.h, s: 100, b: 100}));$(cal).data('colpick').selectorIndic.css({left: parseInt($(cal).data('colpick').height * hsb.s/100, 10), top: parseInt($(cal).data('colpick').height * (100-hsb.b)/100, 10) });}, setHue=function (hsb, cal) {$(cal).data('colpick').hue.css('top', parseInt($(cal).data('colpick').height - $(cal).data('colpick').height * hsb.h/360, 10));}, setCurrentColor=function (hsb, cal) {$(cal).data('colpick').currentColor.css('backgroundColor', '#' + hsbToHex(hsb));}, setNewColor=function (hsb, cal) {$(cal).data('colpick').newColor.css('backgroundColor', '#' + hsbToHex(hsb));}, change=function (ev) {var cal=$(this).parent().parent(), col;if (this.parentNode.className.indexOf('_hex') > 0) {cal.data('colpick').color=col=hexToHsb(fixHex(this.value));fillRGBFields(col, cal.get(0));fillHSBFields(col, cal.get(0));} else if (this.parentNode.className.indexOf('_hsb') > 0) {cal.data('colpick').color=col=fixHSB({h: parseInt(cal.data('colpick').fields.eq(4).val(), 10), s: parseInt(cal.data('colpick').fields.eq(5).val(), 10), b: parseInt(cal.data('colpick').fields.eq(6).val(), 10) });fillRGBFields(col, cal.get(0));fillHexFields(col, cal.get(0));} else {cal.data('colpick').color=col=rgbToHsb(fixRGB({r: parseInt(cal.data('colpick').fields.eq(1).val(), 10), g: parseInt(cal.data('colpick').fields.eq(2).val(), 10), b: parseInt(cal.data('colpick').fields.eq(3).val(), 10) }));fillHexFields(col, cal.get(0));fillHSBFields(col, cal.get(0));} setSelector(col, cal.get(0));setHue(col, cal.get(0));setNewColor(col, cal.get(0));cal.data('colpick').onChange.apply(cal.parent(), [col, hsbToHex(col), hsbToRgb(col), cal.data('colpick').el, 0]);}, blur=function (ev) {$(this).parent().removeClass('colpick_focus');}, focus=function () {$(this).parent().parent().data('colpick').fields.parent().removeClass('colpick_focus');$(this).parent().addClass('colpick_focus');}, downIncrement=function (ev) {ev.preventDefault ? ev.preventDefault() : ev.returnValue=false;var field=$(this).parent().find('input').focus();var current={el: $(this).parent().addClass('colpick_slider'), max: this.parentNode.className.indexOf('_hsb_h') > 0 ? 360 : (this.parentNode.className.indexOf('_hsb') > 0 ? 100 : 255), y: ev.pageY, field: field, val: parseInt(field.val(), 10), preview: $(this).parent().parent().data('colpick').livePreview };$(document).mouseup(current, upIncrement);$(document).mousemove(current, moveIncrement);}, moveIncrement=function (ev) {ev.data.field.val(Math.max(0, Math.min(ev.data.max, parseInt(ev.data.val - ev.pageY + ev.data.y, 10))));if (ev.data.preview) {change.apply(ev.data.field.get(0), [true]);} return false;}, upIncrement=function (ev) {change.apply(ev.data.field.get(0), [true]);ev.data.el.removeClass('colpick_slider').find('input').focus();$(document).off('mouseup', upIncrement);$(document).off('mousemove', moveIncrement);return false;}, downHue=function (ev) {ev.preventDefault ? ev.preventDefault() : ev.returnValue=false;var current={cal: $(this).parent(), y: $(this).offset().top };$(document).on('mouseup touchend',current,upHue);$(document).on('mousemove touchmove',current,moveHue);var pageY=((ev.type=='touchstart') ? ev.originalEvent.changedTouches[0].pageY : ev.pageY );change.apply( current.cal.data('colpick') .fields.eq(4).val(parseInt(360*(current.cal.data('colpick').height - (pageY - current.y))/current.cal.data('colpick').height, 10)) .get(0), [current.cal.data('colpick').livePreview] );return false;}, moveHue=function (ev) {var pageY=((ev.type=='touchmove') ? ev.originalEvent.changedTouches[0].pageY : ev.pageY );change.apply( ev.data.cal.data('colpick') .fields.eq(4).val(parseInt(360*(ev.data.cal.data('colpick').height - Math.max(0,Math.min(ev.data.cal.data('colpick').height,(pageY - ev.data.y))))/ev.data.cal.data('colpick').height, 10)) .get(0), [ev.data.preview] );return false;}, upHue=function (ev) {fillRGBFields(ev.data.cal.data('colpick').color, ev.data.cal.get(0));fillHexFields(ev.data.cal.data('colpick').color, ev.data.cal.get(0));$(document).off('mouseup touchend',upHue);$(document).off('mousemove touchmove',moveHue);return false;}, downSelector=function (ev) {ev.preventDefault ? ev.preventDefault() : ev.returnValue=false;var current={cal: $(this).parent(), pos: $(this).offset() };current.preview=current.cal.data('colpick').livePreview;$(document).on('mouseup touchend',current,upSelector);$(document).on('mousemove touchmove',current,moveSelector);var payeX,pageY;if(ev.type=='touchstart') {pageX=ev.originalEvent.changedTouches[0].pageX, pageY=ev.originalEvent.changedTouches[0].pageY;} else {pageX=ev.pageX;pageY=ev.pageY;} change.apply( current.cal.data('colpick').fields .eq(6).val(parseInt(100*(current.cal.data('colpick').height - (pageY - current.pos.top))/current.cal.data('colpick').height, 10)).end() .eq(5).val(parseInt(100*(pageX - current.pos.left)/current.cal.data('colpick').height, 10)) .get(0), [current.preview] );return false;}, moveSelector=function (ev) {var payeX,pageY;if(ev.type=='touchmove') {pageX=ev.originalEvent.changedTouches[0].pageX, pageY=ev.originalEvent.changedTouches[0].pageY;} else {pageX=ev.pageX;pageY=ev.pageY;} change.apply( ev.data.cal.data('colpick').fields .eq(6).val(parseInt(100*(ev.data.cal.data('colpick').height - Math.max(0,Math.min(ev.data.cal.data('colpick').height,(pageY - ev.data.pos.top))))/ev.data.cal.data('colpick').height, 10)).end() .eq(5).val(parseInt(100*(Math.max(0,Math.min(ev.data.cal.data('colpick').height,(pageX - ev.data.pos.left))))/ev.data.cal.data('colpick').height, 10)) .get(0), [ev.data.preview] );return false;}, upSelector=function (ev) {fillRGBFields(ev.data.cal.data('colpick').color, ev.data.cal.get(0));fillHexFields(ev.data.cal.data('colpick').color, ev.data.cal.get(0));$(document).off('mouseup touchend',upSelector);$(document).off('mousemove touchmove',moveSelector);return false;}, clickSubmit=function (ev) {var cal=$(this).parent();var col=cal.data('colpick').color;cal.data('colpick').origColor=col;setCurrentColor(col, cal.get(0));cal.data('colpick').onSubmit(col, hsbToHex(col), hsbToRgb(col), cal.data('colpick').el);}, show=function (ev) {ev.stopPropagation();var cal=$('#' + $(this).data('colpickId'));cal.data('colpick').onBeforeShow.apply(this, [cal.get(0)]);var pos=$(this).offset();var top=pos.top + this.offsetHeight;var left=pos.left;var viewPort=getViewport();var calW=cal.width();if (left + calW>viewPort.l + viewPort.w) {left -= calW;} cal.css({left: left + 'px', top: top + 'px'});if (cal.data('colpick').onShow.apply(this, [cal.get(0)]) != false) {cal.show();} $('html').mousedown({cal:cal}, hide);cal.mousedown(function(ev){ev.stopPropagation();}) }, hide=function (ev) {if (ev.data.cal.data('colpick').onHide.apply(this, [ev.data.cal.get(0)]) != false) {ev.data.cal.hide();} $('html').off('mousedown', hide);}, getViewport=function () {var m=document.compatMode=='CSS1Compat';return {l : window.pageXOffset || (m ? document.documentElement.scrollLeft : document.body.scrollLeft), w : window.innerWidth || (m ? document.documentElement.clientWidth : document.body.clientWidth) };}, fixHSB=function (hsb) {return {h: Math.min(360, Math.max(0, hsb.h)), s: Math.min(100, Math.max(0, hsb.s)), b: Math.min(100, Math.max(0, hsb.b)) };}, fixRGB=function (rgb) {return {r: Math.min(255, Math.max(0, rgb.r)), g: Math.min(255, Math.max(0, rgb.g)), b: Math.min(255, Math.max(0, rgb.b)) };}, fixHex=function (hex) {var len=6 - hex.length;if (len>0) {var o=[];for (var i=0;i').attr('style','height:8.333333%;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='+stops[i]+', endColorstr='+stops[i+1]+');-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='+stops[i]+', endColorstr='+stops[i+1]+')";');huebar.append(div);}} else {stopList=stops.join(',');huebar.attr('style','background:-webkit-linear-gradient(top,'+stopList+');background: -o-linear-gradient(top,'+stopList+');background: -ms-linear-gradient(top,'+stopList+');background:-moz-linear-gradient(top,'+stopList+');-webkit-linear-gradient(top,'+stopList+');background:linear-gradient(to bottom,'+stopList+');');} cal.find('div.colpick_hue').on('mousedown touchstart',downHue);options.newColor=cal.find('div.colpick_new_color');options.currentColor=cal.find('div.colpick_current_color');cal.data('colpick', options);fillRGBFields(options.color, cal.get(0));fillHSBFields(options.color, cal.get(0));fillHexFields(options.color, cal.get(0));setHue(options.color, cal.get(0));setSelector(options.color, cal.get(0));setCurrentColor(options.color, cal.get(0));setNewColor(options.color, cal.get(0));if (options.flat) {cal.appendTo(this).show();cal.css({position: 'relative', display: 'block' });} else {cal.appendTo(document.body);$(this).on(options.showEvent, show);cal.css({position:'absolute' });}} });}, showPicker: function() {return this.each( function () {if ($(this).data('colpickId')) {show.apply(this);}});}, hidePicker: function() {return this.each( function () {if ($(this).data('colpickId')) {$('#' + $(this).data('colpickId')).hide();}});}, setColor: function(col, setCurrent) {if (col!=undefined) {setCurrent=(typeof setCurrent=== "undefined") ? 1 : setCurrent;if (typeof col=='string') {col=hexToHsb(col);} else if (col.r!=undefined && col.g!=undefined && col.b!=undefined) {col=rgbToHsb(col);} else if (col.h!=undefined && col.s!=undefined && col.b!=undefined) {col=fixHSB(col);} else {return this;} return this.each(function(){if ($(this).data('colpickId')) {var cal=$('#' + $(this).data('colpickId'));cal.data('colpick').color=col;cal.data('colpick').origColor=col;fillRGBFields(col, cal.get(0));fillHSBFields(col, cal.get(0));fillHexFields(col, cal.get(0));setHue(col, cal.get(0));setSelector(col, cal.get(0));setNewColor(col, cal.get(0));cal.data('colpick').onChange.apply(cal.parent(), [col, hsbToHex(col), hsbToRgb(col), cal.data('colpick').el, 1]);if(setCurrent) {setCurrentColor(col, cal.get(0));}} });}} };}();var hexToRgb=function (hex) {var hex=parseInt(((hex.indexOf('#') > -1) ? hex.substring(1) : hex), 16);return {r: hex>> 16, g: (hex & 0x00FF00) >> 8, b: (hex & 0x0000FF)};};var hexToHsb=function (hex) {return rgbToHsb(hexToRgb(hex));};var rgbToHsb=function (rgb) {var hsb={h: 0, s: 0, b: 0};var min=Math.min(rgb.r, rgb.g, rgb.b);var max=Math.max(rgb.r, rgb.g, rgb.b);var delta=max - min;hsb.b=max;hsb.s=max!=0 ? 255 * delta / max : 0;if (hsb.s!=0) {if (rgb.r==max) hsb.h=(rgb.g - rgb.b) / delta;else if (rgb.g==max) hsb.h=2 + (rgb.b - rgb.r) / delta;else hsb.h=4 + (rgb.r - rgb.g) / delta;} else hsb.h=-1;hsb.h *= 60;if (hsb.h<0) hsb.h+=360;hsb.s *= 100/255;hsb.b *= 100/255;return hsb;};var hsbToRgb=function (hsb) {var rgb={};var h=hsb.h;var s=hsb.s*255/100;var v=hsb.b*255/100;if(s==0) {rgb.r=rgb.g=rgb.b=v;} else {var t1 = v;var t2 = (255-s)*v/255;var t3 = (t1-t2)*(h%60)/60;if(h==360) h=0;if(h<60) {rgb.r=t1;rgb.b=t2;rgb.g=t2+t3} else if(h<120) {rgb.g=t1;rgb.b=t2;rgb.r=t1-t3} else if(h<180) {rgb.g=t1;rgb.r=t2;rgb.b=t2+t3} else if(h<240) {rgb.b=t1;rgb.r=t2;rgb.g=t1-t3} else if(h<300) {rgb.b=t1;rgb.g=t2;rgb.r=t2+t3} else if(h<360) {rgb.r=t1;rgb.g=t2;rgb.b=t1-t3} else {rgb.r=0;rgb.g=0;rgb.b=0}} return {r:Math.round(rgb.r), g:Math.round(rgb.g), b:Math.round(rgb.b)};};var rgbToHex=function (rgb) {var hex=[ rgb.r.toString(16), rgb.g.toString(16), rgb.b.toString(16) ];$.each(hex, function (nr, val) {if (val.length==1) {hex[nr] = '0' + val;}});return hex.join('');};var hsbToHex=function (hsb) {return rgbToHex(hsbToRgb(hsb));};$.fn.extend({colpick: colpick.init, colpickHide: colpick.hidePicker, colpickShow: colpick.showPicker, colpickSetColor: colpick.setColor });$.extend({colpick:{rgbToHex: rgbToHex, rgbToHsb: rgbToHsb, hsbToHex: hsbToHex, hsbToRgb: hsbToRgb, hexToHsb: hexToHsb, hexToRgb: hexToRgb }});})(jQuery);
--------------------------------------------------------------------------------
/themes/Flat/style.css:
--------------------------------------------------------------------------------
1 | @charset "UTF-8";
2 | html {
3 | background: $bottomWrapper.bg.color;
4 | margin: 0 0 0 -1px;
5 | padding: 0;
6 | overflow-Y: scroll
7 | }
8 |
9 | select[name="home_cfg_id"] {
10 | margin-bottom: 10px
11 | }
12 |
13 | select[name="home_id-mod_id-ip-port"] {
14 | margin-bottom: 10px
15 | }
16 |
17 | body {
18 | padding: 0;
19 | margin: 0;
20 | width: 100%;
21 | background-position: center 190px;
22 | color: #444;
23 | font-family: 'Trebuchet MS', sans-serif;
24 | font-size: 13px;
25 | font-style: normal;
26 | font-weight: normal;
27 | text-transform: normal;
28 | background-color: #ecf0f5
29 | }
30 |
31 | #ipaddress {
32 | color: #fff
33 | }
34 |
35 | #datetime {
36 | background: #398bba;
37 | color: #fff;
38 | height: 48px;
39 | }
40 |
41 | #wrapper {
42 | margin: 0;
43 | background-color: #ecf0f5;
44 | border-left: 230px solid #222d32
45 | }
46 |
47 | #topWrapper {
48 | border: 0;
49 | border: 0;
50 | margin: 0;
51 | padding: 0;
52 | background-color: #000
53 | }
54 |
55 | #topBanner {
56 | background-position: center;
57 | height: 120px;
58 | background-image: url(images/topBanner.png);
59 | background-repeat: no-repeat
60 | }
61 |
62 | #refresh-manual {
63 | color: #333;
64 | height: 23px;
65 | background: #eee;
66 | padding-top: 5px;
67 | padding-left: 5px;
68 | padding-right: 5px;
69 | text-align: center;
70 | font-family: "Trebuchet MS";
71 | font-size: 12px;
72 | border-radius: 0 0 7px 7px;
73 | right: 5%;
74 | position: absolute;
75 | box-shadow: inset 0 0 12px 0 #dbdbdb
76 | }
77 |
78 | /*
79 | #servermonitor tbody tr.odd td {
80 | text-align: center;
81 | }
82 | */
83 |
84 | .main-content {
85 | background: #FFF;
86 | border-radius: 2px;
87 | -moz-border-radius: 2px;
88 | overflow-x: hidden;
89 | padding-right: 1%;
90 | padding-bottom: 1%;
91 | padding-left: 1%;
92 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
93 | border-top: 3px solid #398bba
94 | }
95 |
96 | tr.maintr.odd {
97 | border-bottom: 1px solid #398bba
98 | }
99 |
100 | tr.maintr.expandme.odd {
101 | border-bottom: 1px solid #379bb9
102 | }
103 |
104 | tr.maintr.even {
105 | border-bottom: 1px solid #398bba
106 | }
107 |
108 | tr.maintr.expandme.even {
109 | border-bottom: 1px solid #379bb9
110 | }
111 |
112 | tr.expand-child.odd {
113 | border-bottom: 1px solid #379bb9
114 | }
115 |
116 | tr.expand-child.even {
117 | border-bottom: 1px solid #379bb9
118 | }
119 |
120 | div.submit-start {
121 | margin-top: 10px
122 | }
123 |
124 | table.start-server td.info {
125 | border-top: 0
126 | }
127 |
128 | table.start-server tbody tr td {
129 | border-top: 0
130 | }
131 |
132 | table.start-server td.left {
133 | border-top: 0
134 | }
135 |
136 | table.start-server td.right {
137 | text-align: left;
138 | border-top: 0
139 | }
140 |
141 | hr {
142 | display: none
143 | }
144 |
145 | .user_menu_link_selected,
146 | .admin_menu_link_selected {
147 | color: #fff!important;
148 | border-left-color: #3c8dbc!important;
149 | background: #182124!important;
150 | text-shadow: none!important
151 | }
152 |
153 | .pull-right {
154 | margin-top: 3px;
155 | font-size: 14px!important
156 | }
157 |
158 | .menu>ul li>ul>li>a>span:before,
159 | .menu>ul>li>a>span:before,
160 | .menu ul>li>a>span:before,
161 | .menu>ul li>ul>li.copied>a>span:before {
162 | font: normal normal normal 18px/1 FontAwesome;
163 | padding-right: 10px
164 | }
165 |
166 | .menu>ul li>ul>li>a>.addons_manager:before {
167 | content: "\f055"
168 | }
169 |
170 | .menu>ul li>ul>li.copied>a>span:before {
171 | content: "\f0db"
172 | }
173 |
174 | .menu>ul li>ul>li>a>.extras:before {
175 | content: "\f06b"
176 | }
177 |
178 | .menu>ul li>ul>li>a>.ftp_admin:before {
179 | content: "\f07b"
180 | }
181 |
182 | .menu>ul li>ul>li>a>.user_games:before {
183 | content: "\f11b"
184 | }
185 |
186 | .menu>ul li>ul>li>a>.config_games:before {
187 | content: "\f0c3"
188 | }
189 |
190 | .menu>ul li>ul>li>a>.show_groups:before,
191 | .menu ul>li>a>span.groups:before {
192 | content: "\f0c0"
193 | }
194 |
195 | .menu>ul li>ul>li>a>.modulemanager:before {
196 | content: "\f12e"
197 | }
198 |
199 | .menu>ul li>ul>li>a>.settings:before {
200 | content: "\f013"
201 | }
202 |
203 | .menu>ul li>ul>li>a>.server:before {
204 | content: "\f17c"
205 | }
206 |
207 | .menu>ul li>ul>li>a>.themes:before {
208 | content: "\f009"
209 | }
210 |
211 | .menu>ul li>ul>li>a>.update:before {
212 | content: "\f0ac"
213 | }
214 |
215 | .menu>ul li>ul>li>a>.lgsl_admin:before {
216 | content: "\f080"
217 | }
218 |
219 | .menu>ul li>ul>li>a>.orders:before {
220 | content: "\f217"
221 | }
222 |
223 | .menu>ul li>ul>li>a>.rcon:before {
224 | content: "\f069"
225 | }
226 |
227 | .menu>ul li>ul>li>a>.services:before {
228 | content: "\f218"
229 | }
230 |
231 | .menu>ul li>ul>li>a>.shop_settings:before {
232 | content: "\f07a"
233 | }
234 |
235 | .menu>ul li>ul>li>a>.admin_dsi:before {
236 | content: "\f03e"
237 | }
238 |
239 | .menu>ul li>ul>li>a>.cron:before {
240 | content: "\f1da"
241 | }
242 |
243 | .menu>ul li>ul>li>a>.fastdl:before {
244 | content: "\f019"
245 | }
246 | .menu > ul li > ul > li > a > .fast_download:before {
247 | content: "\f019"
248 | }
249 | .menu>ul li>ul>li>a>.user_admin:before,
250 | .menu ul>li>a>span.subusers:before {
251 | content: "\f234"
252 | }
253 |
254 | .menu>ul li>ul>li>a>.watch_logger:before {
255 | content: "\f15c"
256 | }
257 |
258 | .menu>ul li>ul>li>a>.litefm_settings:before {
259 | content: "\f085"
260 | }
261 |
262 | .menu>ul li>ul>li>a>.mysql_admin:before {
263 | content: "\f1c0"
264 | }
265 |
266 | .menu>ul>li>a>span.dashboard:before {
267 | content: "\f0e4"
268 | }
269 |
270 | .menu>ul>li>a>span.game_monitor:before {
271 | content: "\f109"
272 | }
273 |
274 | .menu>ul>li>a>span.TS3Admin:before {
275 | content: "\f025"
276 | }
277 |
278 | .menu>ul>li>a>span.ftp:before {
279 | content: "\f07c"
280 | }
281 |
282 | .menu>ul>li>a>span.administration:before {
283 | content: "\f0ae"
284 | }
285 |
286 | .menu>ul>li>a>span.username:before {
287 | content: "\f007"
288 | }
289 |
290 | .menu ul>li>a>span.logout:before {
291 | content: "\f011"
292 | }
293 |
294 | .menu>ul>li>a>span.controlpanellogin:before {
295 | content: "\f090"
296 | }
297 |
298 | .menu>ul>li>a>span.form:before {
299 | content: "\f234"
300 | }
301 |
302 | .menu>ul>li>a>span.lgsl:before {
303 | content: "\f080"
304 | }
305 |
306 | .menu>ul>li>a>span.user_cron:before {
307 | content: "\f1da"
308 | }
309 |
310 | .menu>ul>li>a>span.user_dsi:before,
311 | .menu>ul>li>a>span.list_dsi:before {
312 | content: "\f03e"
313 | }
314 |
315 | .menu>ul>li>a>span.fd_user:before {
316 | content: "\f019"
317 | }
318 |
319 | .menu>ul>li>a>span.support:before {
320 | content: "\f1cd"
321 | }
322 |
323 | .menu>ul>li>a>span.util:before {
324 | content: "\f085"
325 | }
326 |
327 | .menu>ul>li>a>span.shop:before,
328 | .menu>ul>li>a>span.shop_guest:before {
329 | content: "\f07a"
330 | }
331 |
332 | .menu>ul>li>a>span.dashboard,
333 | .menu>ul>li>a>span.game_monitor,
334 | .menu>ul>li>a>span.TS3Admin,
335 | .menu>ul>li>a>span.ftp,
336 | .menu>ul>li>a>span.administration,
337 | .menu>ul>li>a>span.username,
338 | .menu ul>li>a>span.logout,
339 | .menu>ul>li>a>span.controlpanellogin,
340 | .menu>ul>li>a>span.form,
341 | .menu ul>li>a>span.subusers,
342 | .menu ul>li>a>span.groups,
343 | .menu>ul>li>a>span.lgsl,
344 | .menu>ul>li>a>span.user_cron,
345 | .menu>ul>li>a>span.user_dsi,
346 | .menu>ul>li>a>span.fd_user,
347 | .menu>ul>li>a>span.support,
348 | .menu>ul>li>a>span.util,
349 | .menu>ul>li>a>span.shop,
350 | .menu>ul>li>a>span.shop_guest,
351 | .menu>ul>li>a>span.list_dsi {
352 | padding-top: 5px;
353 | padding-bottom: 5px
354 | }
355 |
356 | .menu ul>li>a>span.customtab {
357 | background: url(images/menu/customtab1.png) no-repeat scroll left center transparent;
358 | padding-left: 35px;
359 | padding-top: 5px;
360 | padding-bottom: 5px
361 | }
362 |
363 | .menu-bg {
364 | float: left
365 | }
366 |
367 | .menu>ul {
368 | list-style: none;
369 | margin: 0;
370 | padding: 0;
371 | vertical-align: baseline;
372 | line-height: 1
373 | }
374 |
375 | .menu>ul {
376 | z-index: 100;
377 | display: block;
378 | position: relative;
379 | width: 230px
380 | }
381 |
382 | .menu>ul li {
383 | display: block;
384 | position: relative;
385 | margin: 0;
386 | padding: 0;
387 | width: 100%;
388 | }
389 |
390 | .menu>ul>li>a {
391 | display: block;
392 | position: relative;
393 | margin: 0;
394 | padding: 11px 20px;
395 | font-family: Helvetica, Arial, sans-serif;
396 | color: #d8d8d8;
397 | text-decoration: none;
398 | font-size: 12px;
399 | font-weight: 300;
400 | background: #222d32;
401 | border-left: 5px solid transparent;
402 | line-height: 1.42857143
403 | }
404 |
405 | .menu>ul li:first-child>a {
406 | border-top: 0
407 | }
408 |
409 | .menu>ul li:last-child>a {
410 | border-bottom: 0
411 | }
412 |
413 | .menu>ul>li>a:hover,
414 | .menu>ul>li:hover>a {
415 | color: #fff;
416 | text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
417 | border-left-color: #398bba;
418 | background: #1e282c
419 | }
420 |
421 | .menu>ul .has-sub>a::after {
422 | content: "";
423 | position: absolute;
424 | top: 16px;
425 | right: 10px;
426 | width: 0;
427 | height: 0;
428 | border: 4px solid transparent;
429 | border-left: 4px solid #d8d8d8
430 | }
431 |
432 | .menu>ul .has-sub>a::before {
433 | content: "";
434 | position: absolute;
435 | top: 17px;
436 | right: 10px;
437 | width: 0;
438 | height: 0;
439 | border: 4px solid transparent;
440 | border-left: 4px solid #000
441 | }
442 |
443 | .menu>ul li>a:hover::after,
444 | .menu>ul li:hover>a::after {
445 | border-left: 4px solid #fff
446 | }
447 |
448 | .menu>ul li>a:hover::before,
449 | .menu>ul li:hover>a::before {
450 | border-left: 4px solid rgba(0, 0, 0, 0.3)
451 | }
452 |
453 | .treeview-sub {
454 | background-color: #2c3b41;
455 | list-style: none;
456 | padding: 0;
457 | padding-left: 5px;
458 | opacity: 1;
459 | display: none
460 | }
461 |
462 | .menu li.active>.treeview-sub {
463 | display: block
464 | }
465 |
466 | .treeview-sub>li>a {
467 | padding: 7px 7px 7px 15px;
468 | display: block;
469 | font-size: 14px;
470 | color: #8aa4af;
471 | text-decoration: none
472 | }
473 |
474 | .treeview-sub>li:hover>a {
475 | color: #fff
476 | }
477 |
478 | .menu>ul li:hover>ul {
479 | left: 100%;
480 | opacity: 1;
481 | visibility: visible
482 | }
483 |
484 | .menu li {}
485 |
486 | #submenu_0,
487 | #submenu_1 {
488 | margin-top: -1px
489 | }
490 |
491 | #container {
492 | min-height: 500px;
493 | padding: 1%
494 | }
495 |
496 | #banner {
497 | margin: 15px auto;
498 | width: 100%
499 | }
500 |
501 | #content {
502 | margin: 0 auto;
503 | text-align: left
504 | }
505 |
506 | #content a:link,
507 | #content a:visited {
508 | color: #398bba;
509 | font-weight: bold;
510 | text-decoration: none
511 | }
512 |
513 | #content p {
514 | margin-top: 10px;
515 | text-align: left
516 | }
517 |
518 | .last {
519 | margin-right: 0!important;
520 | clear: right
521 | }
522 |
523 | .one_two {
524 | float: left;
525 | width: 48%;
526 | position: relative;
527 | margin-left: 1%;
528 | margin-right: 1%
529 | }
530 |
531 | .one_fourth {
532 | float: left;
533 | width: 25%;
534 | position: relative
535 | }
536 |
537 | .bloc {
538 | padding: 0 15px 1px 15px;
539 | background-color: #e4f3f7;
540 | border-radius: 2px;
541 | -moz-border-radius: 2px;
542 | overflow: hidden;
543 | text-align: left;
544 | font-size: .9em
545 | }
546 |
547 | .bloc h4 {
548 | font-size: 15px;
549 | margin-left: -15px;
550 | margin-right: -15px;
551 | cursor: move
552 | }
553 |
554 | .dragbox-content {
555 | padding-top: 15px;
556 | padding-bottom: 15px
557 | }
558 |
559 | .column {
560 | min-height: 150px
561 | }
562 |
563 | .column .dragbox {
564 | margin-bottom: 20px
565 | }
566 |
567 | .column .placeholder {
568 | background: #f0f0f0;
569 | border: 1px solid #ddd
570 | }
571 |
572 | .dragbox h4.collapse {
573 | background: #398bba url('images/collapse.png') no-repeat top right;
574 | background-size: 25px 100%
575 | }
576 |
577 | .dragbox h4 .configure {
578 | font-size: 11px;
579 | font-weight: normal;
580 | margin-right: 30px;
581 | float: right
582 | }
583 |
584 | .half {
585 | float: left;
586 | width: 440px;
587 | margin: 20px 40px 20px 0;
588 | position: relative
589 | }
590 |
591 | .padd15 {
592 | padding: 15px
593 | }
594 |
595 | .padd20 {
596 | padding: 20px
597 | }
598 |
599 | p {
600 | letter-spacing: normal;
601 | line-height: 1.7em
602 | }
603 |
604 | p2 {
605 | text-align: left;
606 | margin: 10px 0 10px 0;
607 | color: #fff;
608 | font-size: 20px;
609 | clear: both
610 | }
611 |
612 | h0 {
613 | color: #333;
614 | margin: 10px 0 10px 0;
615 | clear: both;
616 | width: 99.8%;
617 | height: 35px;
618 | background: #f5f5f5;
619 | border-style: solid;
620 | border-color: #cfcfcf;
621 | border-width: 1px;
622 | margin-top: 20px;
623 | padding-top: 10px;
624 | text-align: center;
625 | font-family: "Trebuchet MS";
626 | font-size: 20px;
627 | display: block;
628 | font-weight: bold;
629 | border-radius: 2px
630 | }
631 |
632 | h1 {
633 | color: #333;
634 | margin: 20px 0 10px 0;
635 | clear: both
636 | }
637 |
638 | h2 {
639 | color: #fff;
640 | clear: both;
641 | height: 35px;
642 | background: #398bba;
643 | padding-top: 10px;
644 | margin-top: -1px;
645 | margin-right: -1%;
646 | margin-left: -1%;
647 | text-align: center;
648 | color: #FFFF;
649 | font-weight: normal;
650 | font-family: "Trebuchet MS"
651 | }
652 |
653 | h3 {
654 | color: #333;
655 | margin: 10px 0 5px 0;
656 | clear: both
657 | }
658 |
659 | h4 {
660 | color: #fff;
661 | margin: 0 auto;
662 | height: 31px;
663 | background: #398bba;
664 | padding-top: 10px;
665 | text-align: center;
666 | font-family: "Trebuchet MS"
667 | }
668 |
669 | a:link,
670 | a:visited {
671 | color: #9b251b;
672 | text-decoration: none
673 | }
674 |
675 | a:hover {
676 | text-decoration: underline
677 | }
678 |
679 | #bottomWrapper {
680 | background-color: #182124;
681 | background-position: center top;
682 | background-repeat: repeat-x;
683 | text-align: center;
684 | color: #fff;
685 | text-align: center;
686 | width: 100%;
687 | height: 110px;
688 | bottom: 0;
689 | position: relative;
690 | clear: both
691 | }
692 |
693 | #bottomWrapper a:link,
694 | #bottomWrapper a:visited {
695 | color: #379bb9
696 | }
697 |
698 | #bottomWrapper a:hover {
699 | color: #cdb380;
700 | text-decoration: none
701 | }
702 |
703 | #footer {
704 | min-height: 260px;
705 | width: 920px;
706 | margin: 0 auto;
707 | background-color: #101010;
708 | background-image: url(images/footer-bg.png);
709 | background-position: center top;
710 | background-repeat: no-repeat
711 | }
712 |
713 | .footer-last {
714 | margin-right: 0!important;
715 | clear: right
716 | }
717 |
718 | .footer-one-third {
719 | float: left;
720 | margin: 40px 100px 20px 0;
721 | width: 240px;
722 | position: relative;
723 | text-align: left;
724 | overflow: hidden
725 | }
726 |
727 | .footer-one-third h2 {
728 | margin-top: 10px;
729 | color: #FFF
730 | }
731 |
732 | .footer-one-third ul {
733 | border-top: 1px solid #1a1a1a;
734 | padding: 0
735 | }
736 |
737 | .footer-one-third ul,
738 | .footer-one-third li {
739 | list-style: none;
740 | margin-left: 0
741 | }
742 |
743 | .footer-one-third li {
744 | border-bottom: 1px solid #1a1a1a;
745 | padding: 5px 0
746 | }
747 |
748 | #bottom-links {
749 | height: 60px;
750 | background: #010101 url('images/bottomLinks-bg.png') center top repeat-x
751 | }
752 |
753 | a img {
754 | border: 0;
755 | padding-right: 10px
756 | }
757 |
758 | .online_servers {
759 | color: #000;
760 | background-color: #FCBG0D;
761 | margin-left: auto;
762 | margin-right: auto;
763 | text-align: center
764 | }
765 |
766 | .online_servers tr td {
767 | padding: 5px 10px;
768 | background-color: #4fd27f;
769 | border-radius: 3px;
770 | color: transparent;
771 | -webkit-border-radius: 3px
772 | }
773 |
774 | .online_servers tr td>div>a {
775 | color: #fff!important
776 | }
777 |
778 | table.tablesorter {
779 | font-family: arial;
780 | background-color: #FFF;
781 | margin: 10px 0 15px;
782 | width: 100%;
783 | text-align: left;
784 | border-collapse: collapse;
785 | border-spacing: 1px;
786 | border-left: 1px solid #379bb9;
787 | border-right: 1px solid #379bb9
788 | }
789 |
790 | table.tablesorter thead tr th,
791 | table.tablesorter tfoot tr th {
792 | background-color: #398bba;
793 | font-size: 8pt;
794 | padding: 4px
795 | }
796 |
797 | table.tablesorter thead tr .header {
798 | cursor: pointer;
799 | color: #fff
800 | }
801 |
802 | table.tablesorter tbody td {
803 | color: #3d3d3d;
804 | padding: 4px;
805 | background-color: #FFF;
806 | vertical-align: top
807 | }
808 |
809 | table.tablesorter tbody tr.odd td {
810 | background-color: #e4f3f7
811 | }
812 |
813 | table.tablesorter thead tr .headerSortUp {
814 | background-image: url(images/asc.gif);
815 | background-repeat: no-repeat;
816 | background-position: center right
817 | }
818 |
819 | table.tablesorter thead tr .headerSortDown {
820 | background-image: url(images/desc.gif);
821 | background-repeat: no-repeat;
822 | background-position: center right
823 | }
824 |
825 | table.tablesorter thead tr .headerSortDown,
826 | table.tablesorter thead tr .headerSortUp {
827 | background-color: #398bba
828 | }
829 |
830 | table.tablesorter tfoot td {
831 | color: #3d3d3d;
832 | padding-top: 15px;
833 | padding-left: 4px;
834 | padding-right: 4px;
835 | padding-bottom: 4px;
836 | background-color: #e4f3f7;
837 | vertical-align: top;
838 | border: 1px solid #379bb9
839 | }
840 |
841 | .hidden {
842 | visibility: hidden;
843 | font-size: 0
844 | }
845 |
846 | .install {
847 | margin-left: auto;
848 | margin-right: auto;
849 | text-align: left;
850 | font-size: 1.1em
851 | }
852 |
853 | .failure {
854 | color: red;
855 | text-align: center
856 | }
857 |
858 | .success {
859 | color: green;
860 | text-align: center
861 | }
862 |
863 | pre {
864 | text-decoration: none;
865 | text-align: left;
866 | clear: both;
867 | margin: 0 auto;
868 | padding: 0;
869 | color: white;
870 | background-color: black;
871 | border-left: 10px #000 solid;
872 | border-right: 10px #000 solid;
873 | border-top: 5px #000 solid;
874 | border-bottom: 5px #000 solid;
875 | word-wrap:
876 | /
877 | overflow: auto
878 | }
879 |
880 | .log {
881 | text-decoration: none;
882 | color: white;
883 | background-color: black;
884 | border-left: 5px #000 solid;
885 | border-right: 5px #000 solid;
886 | border-top: 5px #000 solid;
887 | border-bottom: 5px #000 solid;
888 | word-wrap:
889 | /
890 | overflow: auto
891 | }
892 |
893 | .button {
894 | border: 1px dotted gray
895 | }
896 |
897 | .server_monitor {
898 | background: #eee
899 | }
900 |
901 | .monitor-1 {
902 | float: left;
903 | display: inline-block
904 | }
905 |
906 | .monitor-1 div {
907 | float: left;
908 | padding-right: 5px;
909 | display: inline-block
910 | }
911 |
912 | .monitor-2 {
913 | background-color: #d7edf3;
914 | float: right;
915 | display: inline-block;
916 | text-align: center;
917 | padding: 10px
918 | }
919 |
920 | .monitor-2 div {
921 | display: inline-block
922 | }
923 |
924 | .monitor-3 {
925 | clear: both;
926 | position: relative;
927 | top: 5px;
928 | margin-bottom: 5px
929 | }
930 |
931 | .srvctrl {
932 | border: 0;
933 | border-collapse: collapse;
934 | border-spacing: 0;
935 | font-weight: normal
936 | }
937 |
938 | .srvctrl td,
939 | .srvctrl th {
940 | padding: 0;
941 | border: 0
942 | }
943 |
944 | .mapicon {
945 | width: 135px;
946 | height: 100px;
947 | float: left
948 | }
949 |
950 | .hostname {
951 | width: 100px
952 | }
953 |
954 | .login {
955 | margin-left: auto;
956 | margin-right: auto
957 | }
958 |
959 | .lostpass {
960 | margin-left: auto;
961 | margin-right: auto
962 | }
963 |
964 | .note {
965 | text-align: center
966 | }
967 |
968 | p {
969 | text-align: center
970 | }
971 |
972 | .player_monitor {
973 | border-collapse: collapse
974 | }
975 |
976 | .player_monitor th {
977 | background: #CCC
978 | }
979 |
980 | .player_monitor tbody tr td .odd {
981 | background: 333
982 | }
983 |
984 | .input {
985 | border: 1px solid #006
986 | }
987 |
988 | input[type="submit"],
989 | button {
990 | border: 2px solid #398bba;
991 | padding: 4px 8px;
992 | background: #398bba;
993 | color: #fff;
994 | border-radius: 2px;
995 | cursor: pointer;
996 | transition: all 300ms linear;
997 | -moz-transition: all 300ms linear;
998 | -webkit-transition: all 300ms linear;
999 | margin: 0 2px
1000 | }
1001 |
1002 | input[type="submit"]:hover,
1003 | button:hover {
1004 | border: 2px solid #398bba;
1005 | background: transparent!important;
1006 | color: #398bba;
1007 | border-radius: 2px;
1008 | transition: all 300ms linear;
1009 | -moz-transition: all 300ms linear;
1010 | -webkit-transition: all 300ms linear
1011 | }
1012 |
1013 | input[type="text"],
1014 | input[type="password"],
1015 | textarea {
1016 | color: #333;
1017 | padding: 3px;
1018 | border: 1px solid #ccc;
1019 | border-radius: 2px
1020 | }
1021 |
1022 | input[type="text"]:focus,
1023 | input[type="password"]:focus,
1024 | textarea:focus,
1025 | input[type="text"]:hover,
1026 | input[type="password"]:hover,
1027 | textarea:hover {
1028 | border-color: #398bba
1029 | }
1030 |
1031 | .jqmWindow {
1032 | display: none;
1033 | position: fixed;
1034 | top: 17%;
1035 | left: 50%;
1036 | margin-left: -300px;
1037 | width: 600px;
1038 | background-color: #EEE;
1039 | color: #333;
1040 | border: 1px solid black;
1041 | padding: 12px
1042 | }
1043 |
1044 | .jqmOverlay {
1045 | background-color: #000
1046 | }
1047 |
1048 | * iframe.jqm {
1049 | position: absolute;
1050 | top: 0;
1051 | left: 0;
1052 | z-index: -1;
1053 | width: expression(this.parentNode.offsetWidth+'px');
1054 | height: expression(this.parentNode.offsetHeight+'px')
1055 | }
1056 |
1057 | * html .jqmWindow {
1058 | position: absolute;
1059 | top: expression((document.documentElement.scrollTop || document.body.scrollTop)+Math.round(17 *(document.documentElement.offsetHeight || document.body.clientHeight) / 100)+'px')
1060 | }
1061 |
1062 | .administration-table {
1063 | text-align: center;
1064 | margin-left: auto;
1065 | margin-right: auto;
1066 | margin-bottom: 20px
1067 | }
1068 |
1069 | .administration-buttons {
1070 | padding: 15px
1071 | }
1072 |
1073 | .remove-button {
1074 | width: 10px;
1075 | border: 0 solid transparent
1076 | }
1077 |
1078 | .start-server {
1079 | width: 100%;
1080 | word-wrap: break-word;
1081 | table-layout: fixed
1082 | }
1083 |
1084 | .start-server td.left select {
1085 | max-width: 265px
1086 | }
1087 |
1088 | .start-server td.left input[type=text] {
1089 | word-break: normal
1090 | }
1091 |
1092 | .start-server td.right {
1093 | width: 50%;
1094 | text-align: right !important
1095 | }
1096 |
1097 | .start-server td.left {
1098 | width: 50%;
1099 | text-align: left !important
1100 | }
1101 |
1102 | .submit-start {
1103 | text-align: center
1104 | }
1105 |
1106 | .owner {
1107 | width: 90px;
1108 | word-break: break-all
1109 | }
1110 |
1111 | .operations {
1112 | width: 320px
1113 | }
1114 |
1115 | .ts3-add-virtual select {
1116 | max-width: 194px
1117 | }
1118 |
1119 | .server-starting,
1120 | .list_table {
1121 | width: 100%
1122 | }
1123 |
1124 | .server-starting td.right,
1125 | .list_table td.right {
1126 | width: 200px
1127 | }
1128 |
1129 | #servermonitor>tfoot .bloc {
1130 | display: inline-block
1131 | }
1132 |
1133 | #servermonitor>tfoot .bloc.right {
1134 | float: right
1135 | }
1136 |
1137 | .login_button:hover {
1138 | color: #398bba;
1139 | transition: all 300ms linear
1140 | }
1141 |
1142 | .login_button {
1143 | width: 320px;
1144 | background-color: #378cd5;
1145 | padding: 8px!important;
1146 | color: #fff;
1147 | text-transform: uppercase;
1148 | font-size: 14px;
1149 | cursor: pointer;
1150 | transition: all 300ms linear;
1151 | border-radius: 2px
1152 | }
1153 |
1154 | #datetime>a>img {
1155 | width: 230px;
1156 | padding: 6.08px 0;
1157 | transition: all 300ms linear;
1158 | -moz-transition: all 300ms linear;
1159 | -webkit-transition: all 300ms linear;
1160 | }
1161 |
1162 | #datetime>a>img:hover {
1163 | background: url("images/light-bg.png");
1164 | transition: all 300ms linear;
1165 | -moz-transition: all 300ms linear;
1166 | -webkit-transition: all 300ms linear
1167 | }
1168 |
1169 | .slider,
1170 | .picker {
1171 | position: relative;
1172 | padding: 15px;
1173 | top: -19px;
1174 | left: -4px;
1175 | font-size: 14px;
1176 | cursor: pointer
1177 | }
1178 |
1179 | .slider:hover,
1180 | .picker:hover {
1181 | background: url("images/dark-bg.png")
1182 | }
1183 |
1184 | .datetime {
1185 | float: right;
1186 | height: 48px;
1187 | position: relative;
1188 | right: 15px;
1189 | width: 170px;
1190 | line-height: 48px;
1191 | text-align: center;
1192 | cursor: pointer
1193 | }
1194 |
1195 | .datetime>ul {
1196 | position: absolute;
1197 | background: #398bba url("images/dark-bg.png");
1198 | list-style: none;
1199 | top: 50px;
1200 | width: 170px;
1201 | padding: 0;
1202 | z-index: 9999;
1203 | opacity: 0;
1204 | visibility: hidden;
1205 | transition: all 300ms linear;
1206 | -moz-transition: all 300ms linear;
1207 | -webkit-transition: all 300ms linear;
1208 | cursor: default
1209 | }
1210 |
1211 | .datetime:hover {
1212 | background: url("images/dark-bg.png")
1213 | }
1214 |
1215 | .datetime:hover>ul {
1216 | top: 35px;
1217 | opacity: 1;
1218 | visibility: visible;
1219 | transition: all 300ms linear;
1220 | -moz-transition: all 300ms linear;
1221 | -webkit-transition: all 300ms linear
1222 | }
1223 |
1224 | .datetime>ul>li>span>i {
1225 | cursor: pointer
1226 | }
1227 |
1228 | .menu-hidder {
1229 | margin-left: -230px;
1230 | display: none;
1231 | }
1232 |
1233 | .wrapper-hidder {
1234 | border-left: 0!important
1235 | }
1236 |
1237 | .copied>.treeview-a>.fa-angle-left:before {
1238 | content: none
1239 | }
1240 |
1241 | .treeview .treeview .copied {}
1242 |
1243 | .treeview.active>a>.fa-angle-left {
1244 | transform: rotate(-90deg);
1245 | -webkit-transform: rotate(-90deg)
1246 | }
1247 |
1248 | .treeview>a.treeview-a {
1249 | padding-left: 5px;
1250 | padding-right: 18px
1251 | }
1252 |
1253 | .treeview-sub>li>a.admin_menu_link_selected {
1254 | border-left: none!important;
1255 | background: #2c3b41!important
1256 | }
1257 |
1258 | .treeview-sub>li>a.user_menu_link_selected {
1259 | border-left: none!important;
1260 | background: #2c3b41!important
1261 | }
1262 |
1263 | .treeview-sub>li.treeview>a {
1264 | padding-right: 18px;
1265 | padding-left: 16px
1266 | }
1267 |
1268 | .avatar-cover {
1269 | padding: 12px;
1270 | background-color: #3B3B3B33;
1271 | }
1272 |
1273 | .avatar-username {
1274 | color: #fff;
1275 | font-size: 15px;
1276 | left: 20px;
1277 | position: relative;
1278 | top: 10px;
1279 | vertical-align: top;
1280 | }
1281 |
1282 | .avatar-status {
1283 | color: #a2a2a2;
1284 | font-size: 13px;
1285 | left: 95px;
1286 | position: absolute;
1287 | top: 90px;
1288 | }
1289 |
1290 | .avatar-status i {
1291 | color: #44b44d;
1292 | font-size: 12px;
1293 | padding-right: 5px
1294 | }
1295 |
1296 | .pulse_heart {
1297 | color: #e90606;
1298 | margin: 0 3px;
1299 | font-size: 10px;
1300 | cursor: pointer;
1301 | animation: pound_heart .35s infinite alternate;
1302 | -webkit-animation: pound_heart .35s infinite alternate
1303 | }
1304 |
1305 | @-webkit-keyframes pound_heart {
1306 | to {
1307 | transform: scale(1.4)
1308 | }
1309 | }
1310 |
1311 | @keyframes pound_heart {
1312 | to {
1313 | transform: scale(1.4)
1314 | }
1315 | }
1316 |
1317 | /**LOGIN CSS**/
1318 | .login_header {
1319 | font-size: 20px !important;
1320 | text-transform: uppercase;
1321 | font-weight: 400;
1322 | padding: 10px 25px 2px 25px;
1323 | }
1324 |
1325 | .edit_avatar {
1326 | overflow: hidden;
1327 | position: relative;
1328 | }
1329 |
1330 | .edit_avatar [type=file] {
1331 | cursor: inherit;
1332 | display: block;
1333 | font-size: 999px;
1334 | filter: alpha(opacity=0);
1335 | min-height: 100%;
1336 | min-width: 100%;
1337 | opacity: 0;
1338 | position: absolute;
1339 | right: 0;
1340 | text-align: right;
1341 | top: 0;
1342 | }
1343 |
1344 | /* Example stylistic flourishes */
1345 |
1346 | .edit_avatar {
1347 | border-radius: 0.5em;
1348 | color: #d2d7d6;
1349 | cursor: pointer;
1350 | float: left;
1351 | left: 95px;
1352 | margin: 52px 0 0 -1px;
1353 | position: absolute;
1354 | }
1355 |
1356 | #remove_avatar {
1357 | color: #ec4545;
1358 | cursor: pointer;
1359 | margin: 52px 13px 0;
1360 | padding: 0;
1361 | position: absolute;
1362 | }
1363 |
1364 | .fileContainer [type=file] {
1365 | cursor: pointer;
1366 | }
1367 |
--------------------------------------------------------------------------------
| 
4 |
5 |
6 |
7 |
35 |