Changes for orbit bar, login
This commit is contained in:
Christophe Vilayphiou
parent
0b71714d44
commit
44a346ffe9
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.4 KiB |
|
|
@ -0,0 +1,7 @@
|
||||||
|
// This is a manifest file that'll be compiled into including all the files listed below.
|
||||||
|
// Add new JavaScript/Coffee code in separate files in this directory and they'll automatically
|
||||||
|
// be included in the compiled file accessible from http://example.com/assets/application.js
|
||||||
|
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
|
||||||
|
// the compiled file.
|
||||||
|
//
|
||||||
|
//= require new_admin
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
var viewportwidth;
|
var viewportwidth,
|
||||||
var viewportheight;
|
viewportheight;
|
||||||
function resize(){
|
function resize() {
|
||||||
viewportheight=$(window).height();
|
viewportheight=$(window).height();
|
||||||
viewportwidth=$(window).width();
|
viewportwidth=$(window).width();
|
||||||
if(window.navigator.userAgent.indexOf("MSIE")>0){
|
if(window.navigator.userAgent.indexOf("MSIE")>0){
|
||||||
|
|
@ -9,12 +9,26 @@ function resize(){
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
|
$('.orbit-bar-member').live('click', function(){
|
||||||
|
$(this).hasClass('open') ? $(this).removeClass('open') : $(this).addClass('open');
|
||||||
|
$('.bar-login .dropdown-menu').toggle();
|
||||||
|
return false;
|
||||||
|
});
|
||||||
|
|
||||||
|
$(document).click(function() {
|
||||||
|
$('.orbit-bar-member').removeClass("open");
|
||||||
|
$('.bar-login .dropdown-menu').hide();
|
||||||
|
});
|
||||||
|
|
||||||
|
$('.dropdown-menu').live('click', function(e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
$('.bar-login .dropdown-menu').show();
|
||||||
|
});
|
||||||
|
|
||||||
$('.tip').tooltip({
|
$('.tip').tooltip({
|
||||||
placement: "left"
|
placement: "left"
|
||||||
});
|
});
|
||||||
|
|
||||||
$(function() {
|
|
||||||
var $role = $('.select-role');
|
var $role = $('.select-role');
|
||||||
$('.privacy').each(function($i) {
|
$('.privacy').each(function($i) {
|
||||||
$(this).click(function() {
|
$(this).click(function() {
|
||||||
|
|
@ -28,13 +42,14 @@ $(document).ready(function(){
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
|
||||||
/*tinyscrollbar&windows-Size*/
|
/*tinyscrollbar&windows-Size*/
|
||||||
resize();
|
resize();
|
||||||
$('#main-sidebar').css("height", viewportheight-40);
|
$('#main-sidebar').css("height", viewportheight-40);
|
||||||
//$('#content-wrap .viewport').css("height", viewportheight-44);
|
//$('#content-wrap .viewport').css("height", viewportheight-44);
|
||||||
//$('#content-wrap').css("width", viewportwidth-186);
|
//$('#content-wrap').css("width", viewportwidth-186);
|
||||||
$('#main-sidebar .viewport').css("height", viewportheight-40);
|
$('#main-sidebar .viewport').css("height", viewportheight-40);
|
||||||
|
$('.post-title').css("width", viewportwidth-495);
|
||||||
$('#main-sidebar').tinyscrollbar();
|
$('#main-sidebar').tinyscrollbar();
|
||||||
$('#main-sidebar').tinyscrollbar({ size:(viewportheight-44)});
|
$('#main-sidebar').tinyscrollbar({ size:(viewportheight-44)});
|
||||||
|
|
||||||
|
|
@ -44,5 +59,6 @@ $(window).resize(function(){
|
||||||
resize();
|
resize();
|
||||||
$('#main-sidebar').css("height", viewportheight-40);
|
$('#main-sidebar').css("height", viewportheight-40);
|
||||||
$('#main-sidebar .viewport').css("height", viewportheight-40);
|
$('#main-sidebar .viewport').css("height", viewportheight-40);
|
||||||
|
$('.post-title').css("width", viewportwidth-495);
|
||||||
$('#main-sidebar').tinyscrollbar({ size:(viewportheight-44)});
|
$('#main-sidebar').tinyscrollbar({ size:(viewportheight-44)});
|
||||||
});
|
});
|
||||||
|
|
@ -1,4 +1,7 @@
|
||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
$('body').prepend("<div id='orbit_bar'/>");
|
$('body').prepend("<div id='orbit_bar_temp'/>");
|
||||||
ajax_load_proc($('#orbit_bar'), '/load_orbit_bar');
|
$("#orbit_bar_temp").load('/load_orbit_bar',function(){
|
||||||
|
$('body').prepend($(this).html());
|
||||||
|
$(this).remove();
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|
@ -16,8 +16,8 @@ h1, h2, h3, h4, h5, h6 {
|
||||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset;
|
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset;
|
||||||
padding:9px;
|
padding:9px;
|
||||||
}
|
}
|
||||||
hr {
|
.qe-block hr {
|
||||||
margin: 5px 0;
|
margin: 5px 10px 5px 0;
|
||||||
}
|
}
|
||||||
.label-tags {
|
.label-tags {
|
||||||
background-color: #FF5B00;
|
background-color: #FF5B00;
|
||||||
|
|
@ -31,10 +31,6 @@ hr {
|
||||||
.dropdown-menu {
|
.dropdown-menu {
|
||||||
min-width: 90px;
|
min-width: 90px;
|
||||||
}
|
}
|
||||||
.form-horizontal .form-actions {
|
|
||||||
text-align:right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.subhead {
|
.subhead {
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
margin-bottom: 9px;
|
margin-bottom: 9px;
|
||||||
|
|
@ -106,3 +102,6 @@ table .span1-2 {
|
||||||
float: none;
|
float: none;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
.qe-block .form-horizontal .form-actions {
|
||||||
|
text-align:right;
|
||||||
|
}
|
||||||
|
|
@ -96,7 +96,7 @@ textarea {
|
||||||
}
|
}
|
||||||
body {
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
font-family: /*"Helvetica Neue", */Helvetica, Arial, sans-serif;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
|
|
@ -1119,7 +1119,7 @@ table .span12 {
|
||||||
width: 14px;
|
width: 14px;
|
||||||
height: 14px;
|
height: 14px;
|
||||||
vertical-align: text-top;
|
vertical-align: text-top;
|
||||||
background-image: url(<%= asset_path "glyphicons-halflings.png" %>);
|
background-image: url(<%= asset_path 'glyphicons-halflings.png' %>);
|
||||||
background-position: 14px 14px;
|
background-position: 14px 14px;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
*margin-right: .3em;
|
*margin-right: .3em;
|
||||||
|
|
@ -1128,7 +1128,7 @@ table .span12 {
|
||||||
*margin-left: 0;
|
*margin-left: 0;
|
||||||
}
|
}
|
||||||
.icon-white {
|
.icon-white {
|
||||||
background-image: url(<%= asset_path "glyphicons-halflings-white.png" %>);
|
background-image: url(<%= asset_path 'glyphicons-halflings-white.png' %>);
|
||||||
}
|
}
|
||||||
.icon-glass {
|
.icon-glass {
|
||||||
background-position: 0 0;
|
background-position: 0 0;
|
||||||
|
|
|
||||||
|
|
@ -1,10 +0,0 @@
|
||||||
ul.hmenu {
|
|
||||||
list-style: none;
|
|
||||||
margin: 0 0 2em;
|
|
||||||
padding: 0;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.hmenu li {
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
|
|
@ -0,0 +1,6 @@
|
||||||
|
/*
|
||||||
|
*This is a manifest file that'll automatically include all the stylesheets available in this directory
|
||||||
|
*and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
|
||||||
|
*the top of the compiled file, but it's generally better to create a new file per style scope.
|
||||||
|
*= require new_admin
|
||||||
|
*/
|
||||||
|
|
@ -11,6 +11,10 @@
|
||||||
}
|
}
|
||||||
.main-list thead th {
|
.main-list thead th {
|
||||||
background-color: rgba(0,0,0,0.05);
|
background-color: rgba(0,0,0,0.05);
|
||||||
|
border-right: 1px solid #ddd;
|
||||||
|
}
|
||||||
|
.main-list thead th:last-child {
|
||||||
|
border-right: none;
|
||||||
}
|
}
|
||||||
.main-list .span1 {
|
.main-list .span1 {
|
||||||
min-width: 32px;
|
min-width: 32px;
|
||||||
|
|
@ -28,9 +32,9 @@
|
||||||
height:40px;
|
height:40px;
|
||||||
}
|
}
|
||||||
.main-list tbody .quick-edit .nav {
|
.main-list tbody .quick-edit .nav {
|
||||||
left: -55px;
|
/*left: -55px;*/
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -3px;
|
/*top: -3px;*/
|
||||||
width: 350px;
|
width: 350px;
|
||||||
}
|
}
|
||||||
.main-list td {
|
.main-list td {
|
||||||
|
|
@ -43,8 +47,52 @@
|
||||||
.main-list tr:hover .hide {
|
.main-list tr:hover .hide {
|
||||||
display:block !important;
|
display:block !important;
|
||||||
}
|
}
|
||||||
|
.main-list .label-group {
|
||||||
|
position: relative;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
.main-list .label-td {
|
||||||
|
background-color: rgba(255, 255, 255, 1);
|
||||||
|
height: 60px;
|
||||||
|
overflow: hidden;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
left: 0;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.main-list .label-td:hover {
|
||||||
|
height: auto;
|
||||||
|
text-align: center;
|
||||||
|
padding: 5px 5px 8px;
|
||||||
|
left: -6px;
|
||||||
|
top: -6px;
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||||
|
box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
|
||||||
|
-moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
|
||||||
|
-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
|
||||||
|
border-radius: 3px;
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
z-index: 5;
|
||||||
|
}
|
||||||
|
.route-group .route {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.route-group .route .breadcrumb {
|
||||||
|
border-width: 0!important;
|
||||||
|
}
|
||||||
.qe-block td {
|
.qe-block td {
|
||||||
height:auto;
|
height:auto;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.qe-block .table td, .qe-block .table th {
|
||||||
|
padding: 8px;
|
||||||
|
}
|
||||||
|
.qe-block .form-horizontal {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.qe-block .form-actions {
|
||||||
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
legend {
|
legend {
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
|
|
|
||||||
|
|
@ -1,15 +0,0 @@
|
||||||
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
|
|
||||||
-webkit-text-size-adjust:none;
|
|
||||||
}
|
|
||||||
/*自定*/
|
|
||||||
input:focus, select:focus, textarea:focus {
|
|
||||||
outline:none;
|
|
||||||
-moz-outline-radius: 0;
|
|
||||||
}
|
|
||||||
.clear:after {
|
|
||||||
content:".";
|
|
||||||
clear:both;
|
|
||||||
display:block;
|
|
||||||
height:0;
|
|
||||||
visibility:hidden;
|
|
||||||
}
|
|
||||||
|
|
@ -1,34 +1,9 @@
|
||||||
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
|
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
|
||||||
margin: 0;
|
-webkit-text-size-adjust:none;
|
||||||
padding: 0;
|
|
||||||
border: 0;
|
|
||||||
font-size: 100%;
|
|
||||||
font: inherit;
|
|
||||||
vertical-align: baseline;
|
|
||||||
}
|
}
|
||||||
/* HTML5 display-role reset for older browsers */
|
html, body{
|
||||||
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
|
background: url(<%= asset_path 'background.jpg' %>) repeat left top;
|
||||||
display: block;
|
height: 100%;
|
||||||
}
|
|
||||||
a {
|
|
||||||
text-decoration:none;
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
line-height: 1;
|
|
||||||
}
|
|
||||||
ol, ul {
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
blockquote, q {
|
|
||||||
quotes: none;
|
|
||||||
}
|
|
||||||
blockquote:before, blockquote:after, q:before, q:after {
|
|
||||||
content: '';
|
|
||||||
content: none;
|
|
||||||
}
|
|
||||||
table {
|
|
||||||
border-collapse: collapse;
|
|
||||||
border-spacing: 0;
|
|
||||||
}
|
}
|
||||||
/*自定*/
|
/*自定*/
|
||||||
input:focus, select:focus, textarea:focus {
|
input:focus, select:focus, textarea:focus {
|
||||||
|
|
@ -42,3 +17,7 @@ input:focus, select:focus, textarea:focus {
|
||||||
height:0;
|
height:0;
|
||||||
visibility:hidden;
|
visibility:hidden;
|
||||||
}
|
}
|
||||||
|
a:link, a:hover, a:visited, a:active {
|
||||||
|
outline: none; /* for Firefox */
|
||||||
|
hlbr:expression(this.onFocus=this.blur()); /* for IE */
|
||||||
|
}
|
||||||
|
|
@ -1,513 +0,0 @@
|
||||||
//Created by Harry Bomrah on Sep 21 2011
|
|
||||||
$rss = jQuery.noConflict();
|
|
||||||
var rcom={
|
|
||||||
//Pass dom and will return binded dom with starting year till current
|
|
||||||
insertDatePanel : function(dom,year){
|
|
||||||
if(!year)year=1901;
|
|
||||||
if(dom=="")return false;
|
|
||||||
domid=dom.attr("id");
|
|
||||||
var dt = new Date();
|
|
||||||
current_year=dt.getFullYear();
|
|
||||||
var dthtml="Year: <select name='"+domid+"_year'>";
|
|
||||||
for(i=current_year;i>=year;i--){
|
|
||||||
dthtml+="<option value='"+i+"'>"+i+"</option>";
|
|
||||||
}
|
|
||||||
dthtml+="</select> Date: <select name='"+domid+"_date'>";
|
|
||||||
for(i=1;i<=31;i++){
|
|
||||||
if(i<10)
|
|
||||||
dthtml+="<option value='0"+i+"'>"+i+"</option>";
|
|
||||||
else
|
|
||||||
dthtml+="<option value='"+i+"'>"+i+"</option>";
|
|
||||||
}
|
|
||||||
dthtml+="</select> Month: <select name='"+domid+"_month'>";
|
|
||||||
var months= Array("","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
|
|
||||||
for(i=1;i<12;i++){
|
|
||||||
if(i<10)
|
|
||||||
dthtml+="<option value='0"+i+"'>"+months[i]+"</option>";
|
|
||||||
else
|
|
||||||
dthtml+="<option value='"+i+"'>"+months[i]+"</option>";
|
|
||||||
}
|
|
||||||
dthtml+="</select>";
|
|
||||||
dom.html(dthtml);
|
|
||||||
},
|
|
||||||
|
|
||||||
//loading overlay around a dom...
|
|
||||||
loadingWrapper : function(dom, display){
|
|
||||||
if(display){
|
|
||||||
dom.prepend("<div id='loading_wrapper' class='loading'></div>");
|
|
||||||
$rss("#loading_wrapper").height(dom.height());
|
|
||||||
$rss("#loading_wrapper").width(dom.width());
|
|
||||||
}else{
|
|
||||||
domId=dom.attr("id");
|
|
||||||
$rss("#"+domId+" #loading_wrapper").remove();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
//validating a dom....
|
|
||||||
validate : function(dom, validation, errormsg){
|
|
||||||
var domValue = dom.val();
|
|
||||||
var error = false;
|
|
||||||
var regex="";
|
|
||||||
var msg = "";
|
|
||||||
switch(validation){
|
|
||||||
case "required":
|
|
||||||
if(domValue=="")error=true;
|
|
||||||
msg="Cannot be empty.";
|
|
||||||
break;
|
|
||||||
case "email":
|
|
||||||
regex=/^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
|
|
||||||
msg="Invalid Email Address.";
|
|
||||||
break;
|
|
||||||
case "number":
|
|
||||||
regex=/^\d*[0-9](|.\d*[0-9]|,\d*[0-9])?$/;
|
|
||||||
msg = "Only numbers are accepted.";
|
|
||||||
break;
|
|
||||||
case "alphanumeric":
|
|
||||||
regex=/^\s*[a-zA-Z0-9,\s]+\s*$/;
|
|
||||||
msg="Only numbers, alphabets and spaces are allowed.";
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
domId=dom.attr("name");
|
|
||||||
if(errormsg=="")errormsg=msg;
|
|
||||||
if(regex!="")if(!regex.test(domValue))error=true;
|
|
||||||
if(error){$rss("#"+domId+"_error").remove();dom.after("<span id='"+domId+"_error' class='error'>"+errormsg+"</span>");return false;} else{ $rss("#"+domId+"_error").remove();return true;}
|
|
||||||
},
|
|
||||||
|
|
||||||
bindToSpinner : function(dom,data,callbackFn){
|
|
||||||
var domId = dom.attr("id");
|
|
||||||
var dhtml="";
|
|
||||||
var spinnerValue=Array();
|
|
||||||
var spinnerDisplay=Array();
|
|
||||||
$rss.each(data,function(i,it){
|
|
||||||
$rss.each(data[i],function(key,it){
|
|
||||||
spinnerValue.push(it);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
dhtml="<select name='"+domId+"'>";
|
|
||||||
for(i=0,y=1,z=0;i<spinnerValue.length/2;i++,y+=2,z+=2){
|
|
||||||
dhtml+="<option value='"+spinnerValue[z]+"'>"+spinnerValue[y]+"</option>";
|
|
||||||
}
|
|
||||||
dhtml+="</select>";
|
|
||||||
dom.html(dhtml);
|
|
||||||
if(typeof callbackFn=="function")
|
|
||||||
callbackFn.call(this, dhtml);
|
|
||||||
},
|
|
||||||
|
|
||||||
//binds the recieved json to a table
|
|
||||||
bindToTable : function(dom,data,headers,actions,css_class,callbackFn){
|
|
||||||
if(!css_class)css_class="";
|
|
||||||
var dhtml="<table width='100%' cellpadding='5' cellspacing='5' class='"+css_class+"' ><thead><tr>";
|
|
||||||
var domId = dom.attr("id");
|
|
||||||
if(actions){
|
|
||||||
var btnTitles=Array();
|
|
||||||
var btnFunctions=Array();
|
|
||||||
$rss.each(actions,function(title,func){
|
|
||||||
btnTitles.push(title);
|
|
||||||
btnFunctions.push(func);
|
|
||||||
});
|
|
||||||
rcom.translate(btnTitles,function(convertedData){
|
|
||||||
btnTitles=convertedData.slice();
|
|
||||||
|
|
||||||
rcom.translate(headers,function(convertedData){
|
|
||||||
headers=convertedData;
|
|
||||||
if(!data)return;
|
|
||||||
$rss.each(headers,function(i,head){
|
|
||||||
dhtml+="<th>"+head+"</th>";
|
|
||||||
});
|
|
||||||
dhtml+="</thead></tr>";
|
|
||||||
if(data.length==0)dhtml+="<tr><td colspan='"+headers.length+"' align='center'>No Data</td></tr>";
|
|
||||||
$rss.each(data,function(i,item){
|
|
||||||
var cl="";
|
|
||||||
if(i%2!=0)cl="even";
|
|
||||||
dhtml+="<tr id='"+domId+"_"+item.id+"' class='"+cl+"'>";
|
|
||||||
$rss.each(item,function(i,it){
|
|
||||||
if(i!="id"){
|
|
||||||
if(it==null)it="Not Set";
|
|
||||||
dhtml+="<td align='center'>"+it+"</td>";
|
|
||||||
}
|
|
||||||
})
|
|
||||||
dhtml+="<td align='center'>";
|
|
||||||
for(x=0;x<btnTitles.length;x++){
|
|
||||||
dhtml+="<button onclick='"+btnFunctions[x]+"("+item.id+")'>"+btnTitles[x]+"</button>";
|
|
||||||
}
|
|
||||||
dhtml+="</td>";
|
|
||||||
dhtml+="</tr>";
|
|
||||||
});
|
|
||||||
dhtml+="</table>";
|
|
||||||
dom.html(dhtml);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}else{
|
|
||||||
rcom.translate(headers,function(convertedData){
|
|
||||||
headers=convertedData;
|
|
||||||
if(!data)return;
|
|
||||||
if(headers.length>0){
|
|
||||||
$rss.each(headers,function(i,head){
|
|
||||||
dhtml+="<th>"+head+"</th>";
|
|
||||||
});
|
|
||||||
}
|
|
||||||
dhtml+="</thead></tr>";
|
|
||||||
if(data.length==0)dhtml+="<tr><td colspan='"+headers.length+"' align='center'>No Data</td></tr>";
|
|
||||||
|
|
||||||
$rss.each(data,function(i,item){
|
|
||||||
var cl="";
|
|
||||||
if(i%2!=0)cl="even";
|
|
||||||
dhtml+="<tr id='"+domId+"_"+item.id+"' class='"+cl+"'>";
|
|
||||||
$rss.each(item,function(i,it){
|
|
||||||
if(i!="id"){
|
|
||||||
if(it==null)it="Not Set";
|
|
||||||
dhtml+="<td align='center'>"+it+"</td>";
|
|
||||||
}
|
|
||||||
})
|
|
||||||
dhtml+="</tr>";
|
|
||||||
});
|
|
||||||
dhtml+="</table>";
|
|
||||||
dom.html(dhtml);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
if(typeof callbackFn=="function")
|
|
||||||
callbackFn.call(this, dhtml);
|
|
||||||
},
|
|
||||||
//convert to date string which can be directly inserted in database or according to any format.
|
|
||||||
convertToInsertableDate : function(y,m,d,format){
|
|
||||||
var dt="";
|
|
||||||
if(m<10)m="0"+m;
|
|
||||||
if(d<10)d="0"+d;
|
|
||||||
switch(format){
|
|
||||||
case "yyyy-mm-dd":
|
|
||||||
dt= y+"-"+m+"-"+d;
|
|
||||||
break;
|
|
||||||
case "dd-mm-yyyy":
|
|
||||||
dt= d+"-"+m+"-"+y;
|
|
||||||
break;
|
|
||||||
case "mm-dd-yyyy":
|
|
||||||
dt= m+"-"+d+"-"+y;
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
dt= y+"-"+m+"-"+d;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
return dt;
|
|
||||||
},
|
|
||||||
//a fucntion to show specific divs and hide all other
|
|
||||||
showDoms : function(doms){
|
|
||||||
$rss("body").find("div").each(function(){$rss(this).hide();});
|
|
||||||
$rss.each(doms,function(i,dom){
|
|
||||||
dom.show();
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
//a function to translate the word or array..
|
|
||||||
translate : function(data,callbackFn){
|
|
||||||
var cdata="";
|
|
||||||
var status =true;
|
|
||||||
if(!data){
|
|
||||||
if(typeof callbackFn=="function")
|
|
||||||
callbackFn.call(this,cdata);
|
|
||||||
status=false;
|
|
||||||
}
|
|
||||||
if(data==""){
|
|
||||||
if(typeof callbackFn=="function")
|
|
||||||
callbackFn.call(this,cdata);
|
|
||||||
status=false;
|
|
||||||
}
|
|
||||||
if(status){
|
|
||||||
$rss.getJSON("../../classes/translate.php", {fn:"translateThis",tData:data},function(convertedData){
|
|
||||||
if(typeof callbackFn=="function")
|
|
||||||
callbackFn.call(this, convertedData);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
// a function to bind JSON to list
|
|
||||||
bindToList : function(dom,data,callbackFn){
|
|
||||||
var domId = dom.attr("id");
|
|
||||||
var dhtml="";
|
|
||||||
var listValue=Array();
|
|
||||||
var listDisplay=Array();
|
|
||||||
$rss.each(data,function(i,it){
|
|
||||||
$rss.each(data[i],function(key,it){
|
|
||||||
listValue.push(it);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
dhtml="<ul id='"+domId+"_list'>";
|
|
||||||
for(i=0,y=1,z=0;i<listValue.length/2;i++,y+=2,z+=2){
|
|
||||||
dhtml+="<li id='li_"+listValue[z]+"'>"+listValue[y]+"</li>";
|
|
||||||
}
|
|
||||||
dhtml+="</ul>";
|
|
||||||
dom.html(dhtml);
|
|
||||||
if(typeof callbackFn=="function")
|
|
||||||
callbackFn.call(this,dhtml);
|
|
||||||
},
|
|
||||||
makeDraggable : function(handler,dom){
|
|
||||||
handler.css("position","absolute");
|
|
||||||
dom.css("position","absolute");
|
|
||||||
var puranix=0;
|
|
||||||
var nayeex=0;
|
|
||||||
var puraniy=0;
|
|
||||||
var nayeey=0;
|
|
||||||
var offset="";
|
|
||||||
var zIndex=dom.css("z-index");
|
|
||||||
handler.mousedown(function(e){
|
|
||||||
puranix=e.clientX;
|
|
||||||
puraniy=e.clientY;
|
|
||||||
offset=dom.offset();
|
|
||||||
$rss(this).mousemove(function(e){
|
|
||||||
nayeex=e.clientX-puranix;
|
|
||||||
nayeex+=offset.left;
|
|
||||||
nayeey=e.clientY-puraniy;
|
|
||||||
nayeey+=offset.top;
|
|
||||||
dom.css({"left":nayeex+"px","top":nayeey+"px","z-index":"9999"});
|
|
||||||
})
|
|
||||||
}).mouseup(function(){
|
|
||||||
$rss(this).unbind("mousemove");
|
|
||||||
dom.css("z-index",zIndex);
|
|
||||||
})
|
|
||||||
},
|
|
||||||
|
|
||||||
//automatically scrolls to the bottom of the div
|
|
||||||
scrollToBottom : function(dom){
|
|
||||||
var domId = dom.attr("id");
|
|
||||||
// var domScrollHeight = document.getElementById(domId).scrollHeight;
|
|
||||||
var obj = document.getElementById(domId);
|
|
||||||
|
|
||||||
if((obj.scrollTop+100) >= (obj.scrollHeight - obj.offsetHeight))
|
|
||||||
dom.scrollTop(obj.scrollHeight);
|
|
||||||
},
|
|
||||||
|
|
||||||
/*ajax loading of images... needs following settings
|
|
||||||
dom:in which images ve to be loaded
|
|
||||||
url:the server url for making ajax calls
|
|
||||||
limit:how many images to load
|
|
||||||
divClass:the class of div surrounding each image
|
|
||||||
nameClass:class for span showing name
|
|
||||||
fn:function to be called in on the server
|
|
||||||
imageSrc:the image source of all the images.
|
|
||||||
bindTo:to bind images to a onclick function or else will be binded to normal a tag.
|
|
||||||
urlKey:to specify the key of the value.. if bindTo is used, this will be neglected..
|
|
||||||
returns json;
|
|
||||||
*/
|
|
||||||
loadImages : function(settings,callbackFn){
|
|
||||||
|
|
||||||
var dom = settings.dom;
|
|
||||||
var domid= dom.attr("id");
|
|
||||||
var temp_array=Array();
|
|
||||||
var starting = $rss("#"+domid+" img:last").attr("id");
|
|
||||||
if(typeof starting != 'undefined'){
|
|
||||||
starting = starting.substr(4,starting.length-1);
|
|
||||||
}else{starting = 0};
|
|
||||||
var temp_var="";
|
|
||||||
var json = "";
|
|
||||||
var dhtml="";
|
|
||||||
var extraparam="";
|
|
||||||
if(typeof settings.extraParam != "undefined"){
|
|
||||||
extraparam = settings.extraParam;
|
|
||||||
}
|
|
||||||
$rss.getJSON(settings.url,{fn:settings.fn,id:settings.whereId,limit:settings.limit,start:starting,extra:extraparam},function(images){
|
|
||||||
json = eval(images);
|
|
||||||
$rss.each(images,function(i,pic){
|
|
||||||
var temp_array=Array();
|
|
||||||
var a_var=Array();
|
|
||||||
var name_var="";
|
|
||||||
var title="";
|
|
||||||
$rss.each(pic,function(i,value){
|
|
||||||
temp_array.push(value);
|
|
||||||
})
|
|
||||||
if(temp_array.length>=4){
|
|
||||||
name_var="<span class='"+settings.nameClass+"'>"+temp_array[3]+"</span></div>"
|
|
||||||
}
|
|
||||||
if(temp_array[2]==null)
|
|
||||||
title = "";
|
|
||||||
else
|
|
||||||
title = temp_array[2];
|
|
||||||
if(typeof settings.bindTo!="undefined"){
|
|
||||||
a_var[1]="onclick='"+settings.bindTo+"("+temp_array[0]+");return false;'";
|
|
||||||
a_var[0]="";
|
|
||||||
}else{a_var[0]='?'+settings.urlKey+'='+temp_array[0];a_var[1]="";}
|
|
||||||
dhtml="<div class='"+settings.divClass+"' id='img_holder_"+temp_array[0]+"' ><a href='"+a_var[0]+"' "+a_var[1]+" title='"+title+"'><img id='pic_"+temp_array[0]+"' style='display:none' src='"+settings.imageSrc+temp_array[1]+"' /></a>"+name_var;
|
|
||||||
dom.delay(100).append(dhtml);
|
|
||||||
$rss("#pic_"+pic.id).delay(100).fadeIn(200);
|
|
||||||
|
|
||||||
})
|
|
||||||
if(typeof callbackFn=="function")
|
|
||||||
callbackFn.call(this,json);
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
//function to get url variables...
|
|
||||||
getUrlVars : function(){
|
|
||||||
var vars = [], hash;
|
|
||||||
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
|
|
||||||
for(var i = 0; i < hashes.length; i++){
|
|
||||||
hash = hashes[i].split('=');
|
|
||||||
vars.push(hash[0]);
|
|
||||||
vars[hash[0]] = hash[1];
|
|
||||||
}
|
|
||||||
return vars;
|
|
||||||
},
|
|
||||||
/*function to open a modalwindow on a page.. self reliant no images, no css needed.
|
|
||||||
settings
|
|
||||||
|
|
||||||
width:in percentage or pixcel
|
|
||||||
height:in percentage or pixcel
|
|
||||||
closeBtn:true or false
|
|
||||||
envClose:closing through background click, true or flase
|
|
||||||
loadDiv:load html from a div
|
|
||||||
loadPage:load a page
|
|
||||||
loadHtml: load html
|
|
||||||
|
|
||||||
*/
|
|
||||||
modalWindow : function(settings,callbackFn){
|
|
||||||
|
|
||||||
var envClose = settings.envClose;
|
|
||||||
var dhtml="";
|
|
||||||
if(typeof envClose == "undefined")
|
|
||||||
envClose = true;
|
|
||||||
var closeBtn = settings.closeBtn;
|
|
||||||
if(typeof closeBtn == "undefined")
|
|
||||||
closeBtn = true;
|
|
||||||
|
|
||||||
var rgmaskHeight = $rss(window).height();
|
|
||||||
var rgmaskWidth = $rss(window).width();
|
|
||||||
var tempheight = settings.height;
|
|
||||||
var tempwidth = settings.width;
|
|
||||||
|
|
||||||
if(typeof tempheight!="undefined"){
|
|
||||||
if(tempheight.charAt(tempheight.length-1)=='%')
|
|
||||||
tempheight=(rgmaskHeight*parseInt(tempheight.substr(0,tempheight.length)))/100;
|
|
||||||
}else{tempheight="auto";}
|
|
||||||
|
|
||||||
if(typeof tempwidth!="undefined"){
|
|
||||||
if(tempwidth.charAt(tempwidth.length-1)=='%')
|
|
||||||
tempwidth=(rgmaskWidth*parseInt(tempwidth.substr(0,tempwidth.length)))/100;
|
|
||||||
}else{tempwidth="auto";}
|
|
||||||
|
|
||||||
$rss("body").append('<div class="rgmask" id="rgsheath" style="height:'+rgmaskHeight+'px"></div>');
|
|
||||||
$rss("#rgsheath").css({background: "#000", width: "100%", position: "fixed", top: 0, left: 0,opacity:0.9,'z-index':199});
|
|
||||||
$rss("body").append('<div id="rgWindow"></div>');
|
|
||||||
$rss("#rgWindow").css({"position": "fixed", "z-index": "999", "background": "#fff", "border": "solid 3px #ccc", "padding": "20px", "overflow": "hidden", "border-radius": "12px", "-webkit-border-radius": "12px", "-moz-border-radius": "12px", "-ms-border-radius": "12px", "box-shadow": "0 0 20px rgba(0,0,0,0.9)","-webkit-box-shadow": "0 0 20px rgba(0,0,0,0.9)","-moz-box-shadow": "0 0 20px rgba(0,0,0,0.9)","-ms-box-shadow": "0 0 20px rgba(0,0,0,0.9)"});
|
|
||||||
var rgWTop = (rgmaskHeight-20)/2;
|
|
||||||
var rgWLeft = (rgmaskWidth-20)/2;
|
|
||||||
$rss("#rgWindow").css({top:rgWTop+"px", left:rgWLeft+"px"});
|
|
||||||
if(typeof settings.loadDiv!="undefined"){
|
|
||||||
dhtml = $rss("#"+settings.loadDiv).html();
|
|
||||||
$rss("#rgWindow").html(dhtml).hide();
|
|
||||||
prepareWindow();
|
|
||||||
}
|
|
||||||
if(typeof settings.loadHtml!="undefined"){
|
|
||||||
dhtml = settings.loadHtml;
|
|
||||||
$rss("#rgWindow").html(dhtml).hide();
|
|
||||||
prepareWindow();
|
|
||||||
}
|
|
||||||
if(typeof settings.loadPage!="undefined"){
|
|
||||||
$rss("#rgWindow").load(settings.loadPage,function(){$rss(this).hide();dhtml=$rss(this).html();prepareWindow();});
|
|
||||||
}
|
|
||||||
function prepareWindow(){
|
|
||||||
if(tempheight!="auto")
|
|
||||||
rgWTop = (rgmaskHeight-tempheight)/2;
|
|
||||||
else{
|
|
||||||
tempheight=$rss("#rgWindow").height();
|
|
||||||
rgWTop=(rgmaskHeight-tempheight)/2;
|
|
||||||
}
|
|
||||||
if(tempwidth!="auto")
|
|
||||||
rgWLeft = (rgmaskWidth-tempwidth)/2;
|
|
||||||
else{
|
|
||||||
tempwidth=$rss("#rgWindow").width();
|
|
||||||
rgWLeft=(rgmaskWidth-tempwidth)/2;
|
|
||||||
}
|
|
||||||
$rss("#rgWindow").empty().show();
|
|
||||||
var closebtn = "";
|
|
||||||
if(closeBtn)
|
|
||||||
closebtn='<a href="" style="display:block; width:28px; height:28px; line-height:28px; text-align:center; position:absolute; right:6px; top: 6px; font-family:Tahoma; font-weight:bold; border:solid 1px #ccc; border-radius: 15px;text-shadow:1px 1px 0 #fff; background:#f6f6f6; font-size:14px; text-decoration:none; color:#666" id="close_modal">X</a>';
|
|
||||||
$rss("#rgWindow").animate({"width":tempwidth+"px","height":tempheight+"px",top:rgWTop+"px", left:rgWLeft+"px"},500,function(){$rss("#rgWindow").html(closebtn+"<div id='rgContent' style='overflow:auto; overflow-x:none; height:"+tempheight+"px;'>"+dhtml+"</div>");
|
|
||||||
$rss("#close_modal").mouseover(function(){$rss(this).css("color","#999");}).mouseout(function(){$rss(this).css("color","#666");})
|
|
||||||
$rss("#close_modal").click(function(){
|
|
||||||
$rss("#rgWindow").empty();
|
|
||||||
var x = (rgmaskHeight-20)/2;
|
|
||||||
var y = (rgmaskWidth-20)/2;
|
|
||||||
$rss("#rgWindow").animate({top:x+"px", left:y+"px","width":"50px","height":"50px"},300,function(){$rss(this).fadeOut(100).remove();$rss("#rgsheath").fadeOut(500).remove();});
|
|
||||||
return false;
|
|
||||||
})
|
|
||||||
if(envClose)
|
|
||||||
$rss("#rgsheath").click(function(){
|
|
||||||
$rss("#rgWindow").empty();
|
|
||||||
var x = (rgmaskHeight-20)/2;
|
|
||||||
var y = (rgmaskWidth-20)/2;
|
|
||||||
$rss("#rgWindow").animate({top:x+"px", left:y+"px","width":"50px","height":"50px"},300,function(){$rss(this).fadeOut(100).remove();$rss("#rgsheath").fadeOut(500).remove();});})
|
|
||||||
|
|
||||||
if(typeof callbackFn=="function")
|
|
||||||
callbackFn.call(this,dhtml);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
modalWindowClose : function(callbackFn){
|
|
||||||
if($rss("#rgWindow").length>0){
|
|
||||||
$rss("#rgWindow").empty();
|
|
||||||
var rgmaskHeight = $rss(window).height();
|
|
||||||
var rgmaskWidth = $rss(window).width();
|
|
||||||
var x = (rgmaskHeight-20)/2;
|
|
||||||
var y = (rgmaskWidth-20)/2
|
|
||||||
$rss("#rgWindow").animate({top:x+"px", left:y+"px","width":"50px","height":"50px"},300,function(){$rss(this).fadeOut(100).remove();$rss("#rgsheath").fadeOut(500).remove();})
|
|
||||||
}
|
|
||||||
if(typeof callbackFn=="function")
|
|
||||||
callbackFn.call(this,"harry");
|
|
||||||
},
|
|
||||||
bindDomToHead : function(dom){
|
|
||||||
var gc = dom.css("background");
|
|
||||||
var t = dom.offset();
|
|
||||||
var gw = dom.width();
|
|
||||||
$rss(window).scroll(function(){
|
|
||||||
var wt = $rss(window).scrollTop();
|
|
||||||
if ( wt > t.top ) {
|
|
||||||
var cssObj = {
|
|
||||||
'position':'fixed',
|
|
||||||
'top':0,
|
|
||||||
'width':gw,
|
|
||||||
'background':gc,
|
|
||||||
'box-shadow':'0 1px 0 rgba(0,0,0,0.2)',
|
|
||||||
'z-index':99
|
|
||||||
}
|
|
||||||
dom.css(cssObj);
|
|
||||||
} else {
|
|
||||||
dom.attr('style',"");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
progressBar : function(dom,settings){
|
|
||||||
var domid = dom.prop("id");
|
|
||||||
if($rss("#rss_progressbar_div_"+domid).length==0){
|
|
||||||
if(typeof settings.top == "undefined")
|
|
||||||
settings.value = 1;
|
|
||||||
if(typeof settings.top == "undefined")
|
|
||||||
settings.top = (dom.height()-12)/2;
|
|
||||||
dom.append("<div id='rss_progressbar_div_"+domid+"' style='display:none;padding: 2px;background: #333;background: -webkit-linear-gradient(#111, #333);background: -moz-linear-gradient(#111, #333);background: -ms-linear-gradient(#111, #333);position: absolute;top: "+settings.top+"px;left: 50%;margin-left: -45%;width: 84%;box-shadow: inset 0 0 2px #000;border-radius: 4px;'><div id='rss_progressbar_"+domid+"' style='height: 8px; background: #36c;background: -webkit-linear-gradient(#7A98E7, #36c);background: -moz-linear-gradient(#7A98E7, #36c);background: -ms-linear-gradient(#7A98E7, #36c);border-radius: 2px; width: "+settings.value+"%;'></div></div>");
|
|
||||||
$rss("#rss_progressbar_div_"+domid).fadeIn(500);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
progressBarValue : function(dom,value){
|
|
||||||
var domid = dom.prop("id");
|
|
||||||
if($rss("#rss_progressbar_div_"+domid).length==1){
|
|
||||||
$rss("#rss_progressbar_"+domid).animate({"width":value+"%"},100);
|
|
||||||
|
|
||||||
}
|
|
||||||
},
|
|
||||||
progressBarClose : function(dom){
|
|
||||||
var domid = dom.prop("id");
|
|
||||||
$rss("#rss_progressbar_div_"+domid).fadeOut(500,function(){$(this).remove();});
|
|
||||||
},
|
|
||||||
getInternetExplorerVersion: function(){
|
|
||||||
var rv = -1; // Return value assumes failure.
|
|
||||||
if (navigator.appName == 'Microsoft Internet Explorer')
|
|
||||||
{
|
|
||||||
var ua = navigator.userAgent;
|
|
||||||
var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
|
|
||||||
if (re.exec(ua) != null)
|
|
||||||
rv = parseFloat( RegExp.$1 );
|
|
||||||
}
|
|
||||||
return rv;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
$ = jQuery.noConflict();
|
|
||||||
|
|
@ -1,28 +1,48 @@
|
||||||
@font-face{
|
@font-face{
|
||||||
font-family: 'WebSymbolsRegular';
|
font-family: 'WebSymbolsRegular';
|
||||||
src: url(<%= asset_path "websymbols-regular-webfont.eot" %>);
|
src: url(<%= asset_path 'websymbols-regular-webfont.eot' %>);
|
||||||
src: url(<%= asset_path "websymbols-regular-webfont.eot?#iefix" %>) format('embedded-opentype'),
|
src: url(<%= asset_path 'websymbols-regular-webfont.eot?#iefix' %>) format('embedded-opentype'),
|
||||||
url(<%= asset_path "websymbols-regular-webfont.woff" %>) format('woff'),
|
url(<%= asset_path 'websymbols-regular-webfont.woff' %>) format('woff'),
|
||||||
url(<%= asset_path "websymbols-regular-webfont.ttf" %>) format('truetype'),
|
url(<%= asset_path 'websymbols-regular-webfont.ttf' %>) format('truetype'),
|
||||||
url(<%= asset_path "websymbols-regular-webfont.svg#WebSymbolsRegular" %>) format('svg');
|
url(<%= asset_path 'websymbols-regular-webfont.svg#WebSymbolsRegular' %>) format('svg');
|
||||||
|
}
|
||||||
|
.login-logo {
|
||||||
|
text-indent: -9999px;
|
||||||
|
background: url(<%= asset_path 'sign-in-logo.png' %>) no-repeat center 40px;
|
||||||
|
padding-top: 40px;
|
||||||
|
height: 160px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#orbit-bar {
|
#orbit-bar {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
position:fixed;
|
position:fixed;
|
||||||
width:100%;
|
width:100%;
|
||||||
z-index: 99;
|
z-index: 99;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
}
|
}
|
||||||
#orbit-bar .navbar-inner {
|
#orbit-bar .navbar-inner {
|
||||||
|
height: 40px;
|
||||||
-moz-border-radius: 0px;
|
-moz-border-radius: 0px;
|
||||||
-webkit-border-radius: 0px;
|
-webkit-border-radius: 0px;
|
||||||
border-radius: 0px;
|
border-radius: 0px;
|
||||||
|
padding-top: 2px;
|
||||||
|
padding-bottom: 1px;
|
||||||
|
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(127, 149, 165, 1), 0 -1px 0 rgba(31, 32, 36, 1) inset;
|
||||||
|
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(127, 149, 165, 1), 0 -1px 0 rgba(31, 32, 36, 1) inset;
|
||||||
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(127, 149, 165, 1), 0 -1px 0 rgba(31, 32, 36, 1) inset;
|
||||||
|
background-image: -moz-linear-gradient(top, #545b60, #191a1c);
|
||||||
|
background-image: -ms-linear-gradient(top, #545b60, #191a1c);
|
||||||
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#545b60), to(#191a1c));
|
||||||
|
background-image: -webkit-linear-gradient(top, #545b60, #191a1c);
|
||||||
|
background-image: -o-linear-gradient(top, #545b60, #191a1c);
|
||||||
|
background-image: linear-gradient(top, #545b60, #191a1c);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#545b60', endColorstr='#191a1c', GradientType=0);
|
||||||
}
|
}
|
||||||
#orbit-bar .container {
|
#orbit-bar .container {
|
||||||
width:100%;
|
width:100%;
|
||||||
}
|
}
|
||||||
#orbit-bar .orbit-logo .brand {
|
#orbit-bar .orbit-logo .brand {
|
||||||
background: url(<%= asset_path "orbit-bar.png" %>) no-repeat -162px top;
|
background: url(<%= 'orbit-bar.png' %>) no-repeat -162px top;
|
||||||
text-indent:-9999px;
|
text-indent:-9999px;
|
||||||
}
|
}
|
||||||
#orbit-bar .orbit-logo .brand:hover {
|
#orbit-bar .orbit-logo .brand:hover {
|
||||||
|
|
@ -38,7 +58,7 @@
|
||||||
background-color: rgba(0,157,220,1);
|
background-color: rgba(0,157,220,1);
|
||||||
}
|
}
|
||||||
#orbit-bar .nav > li > a {
|
#orbit-bar .nav > li > a {
|
||||||
background-image: url(<%= asset_path "orbit-bar.png" %>);
|
background-image: url(<%= 'orbit-bar.png' %>);
|
||||||
background-repeat:no-repeat;
|
background-repeat:no-repeat;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 16px;
|
width: 16px;
|
||||||
|
|
@ -56,41 +76,216 @@
|
||||||
background-position: -38px -4px;
|
background-position: -38px -4px;
|
||||||
margin: 0 10px 0 0;
|
margin: 0 10px 0 0;
|
||||||
}
|
}
|
||||||
|
#orbit-bar .nav > li > a.orbit-bar-member {
|
||||||
|
background-position: -4px -37px;
|
||||||
|
}
|
||||||
#orbit-bar .nav > li > a.orbit-bar-search {
|
#orbit-bar .nav > li > a.orbit-bar-search {
|
||||||
background-position: -68px -4px;
|
background-position: -68px -4px;
|
||||||
}
|
}
|
||||||
#orbit-bar .log {
|
#orbit-bar .bar-login {
|
||||||
margin: 0 10px 0 0;
|
|
||||||
}
|
|
||||||
#orbit-bar .log input {
|
|
||||||
margin: 5px 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
}
|
||||||
|
#orbit-bar .bar-login .open {
|
||||||
|
background-color: #009DDC;
|
||||||
|
}
|
||||||
|
#orbit-bar .bar-login .dropdown-menu {
|
||||||
|
padding: 0 0 10px;
|
||||||
|
max-width: 260px;
|
||||||
|
}
|
||||||
|
#orbit-bar .bar-login .dropdown-menu .log {
|
||||||
|
margin: 10px 15px 0;
|
||||||
|
list-style: none outside none;
|
||||||
|
}
|
||||||
|
#orbit-bar .bar-login .dropdown-menu .log .title {
|
||||||
|
background: url(<%= 'sign-in-logo2.png' %>) no-repeat center center;
|
||||||
|
height: 70px;
|
||||||
|
}
|
||||||
|
#orbit-bar .bar-login .dropdown-menu .log form {
|
||||||
|
margin: 0 0 8px;
|
||||||
|
}
|
||||||
|
#orbit-bar .bar-login .dropdown-menu .log input {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
#orbit-bar .bar-login .dropdown-menu .log .span2 {
|
||||||
|
width: 183px;
|
||||||
|
}
|
||||||
|
#orbit-bar .bar-login .dropdown-menu .log .forgot {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
padding: 3px 0 0;
|
||||||
|
float: right;
|
||||||
|
display: inline-block;
|
||||||
|
color: #0088CC;
|
||||||
|
}
|
||||||
|
#orbit-bar .bar-login .dropdown-menu .log .input-prepend {
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
#orbit-bar .bar-login .dropdown-menu .log .remember {
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
#orbit-bar .bar-login .dropdown-menu .log .forgot:hover {
|
||||||
|
padding: 3px 0 0;
|
||||||
|
float: right;
|
||||||
|
display: inline-block;
|
||||||
|
color: #005580;
|
||||||
|
text-decoration: underline;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
#orbit-bar .bar-login .dropdown-menu .log .btn {
|
||||||
|
width: 220px;
|
||||||
|
}
|
||||||
|
#orbit-bar .bar-login .dropdown-menu .log .divider {
|
||||||
|
position:relative;
|
||||||
|
overflow: inherit;
|
||||||
|
margin: 20px 0;
|
||||||
|
}
|
||||||
|
#orbit-bar .bar-login .dropdown-menu .log .divider span {
|
||||||
|
position: absolute;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
background-color: #FFF;
|
||||||
|
color: #666;
|
||||||
|
top: -9px;
|
||||||
|
left: 100px;
|
||||||
|
font-size:16px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
#signin-body{
|
||||||
|
background: url(<%= 'background.jpg' %>) repeat left top;
|
||||||
|
}
|
||||||
#main-sidebar {
|
#main-sidebar {
|
||||||
background-color: #FFFFFF;
|
background: url(<%= 'background.jpg' %>) repeat left top;
|
||||||
width: 155px;
|
width: 155px;
|
||||||
padding-right: 4px;
|
padding-right: 4px;
|
||||||
border-right: 1px solid rgba(0,0,0,.3);
|
border-right: 1px solid rgba(0,0,0,.2);
|
||||||
position:fixed;
|
position:fixed;
|
||||||
top:40px;
|
top: 42px;
|
||||||
z-index: 88;
|
z-index: 88;
|
||||||
}
|
}
|
||||||
|
#main-sidebar .nav {
|
||||||
|
padding-top: 5px;
|
||||||
|
}
|
||||||
|
#main-sidebar .nav > li.active > a [class^="icons-"] {
|
||||||
|
background-image: url(<%= 'icons_pack_white.png' %>);
|
||||||
|
}
|
||||||
|
#main-sidebar .nav > li > .nav {
|
||||||
|
margin-left: -14px;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
width: 155px;
|
||||||
|
padding: 0;
|
||||||
|
background-color: #FFF;
|
||||||
|
/*border-radius: 0px 0px 8px 0px;
|
||||||
|
-webkit-border-radius: 0px 0px 8px 0px;
|
||||||
|
-moz-border-radius: 0px 0px 8px 0px;*/
|
||||||
|
box-shadow: 0px 2px 1px rgba(0,0,0,0.1);
|
||||||
|
-moz-box-shadow: 0px 2px 1px rgba(0,0,0,0.1);
|
||||||
|
-webkit-box-shadow: 0px 2px 1px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
#main-sidebar .nav > li > .nav > li > a {
|
||||||
|
margin-left: 0;
|
||||||
|
padding-left: 19px;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
#main-sidebar .nav > li > .nav > li > a:hover {
|
||||||
|
color: #000;
|
||||||
|
background-color: #d7eeff;
|
||||||
|
}
|
||||||
|
#main-sidebar .nav > li > .nav > li.active > a {
|
||||||
|
background-color: #b7b7b7;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
#main-wrap {
|
#main-wrap {
|
||||||
|
background-color: #FFF;
|
||||||
margin-left:160px;
|
margin-left:160px;
|
||||||
padding-top: 40px;
|
padding-top: 42px;
|
||||||
|
padding-bottom: 18px;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
#main-wrap > .form-actions {
|
#main-wrap > .form-actions {
|
||||||
|
background-color: #FFF;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 17px 20px 27px;
|
padding: 17px 20px 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#main-wrap .subnav {
|
#main-wrap .subnav {
|
||||||
height: auto;
|
height: auto;
|
||||||
min-height: 36px;
|
min-height: 36px;
|
||||||
}
|
}
|
||||||
|
#main-wrap .pagination {
|
||||||
|
margin: 18px 0 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
#main-wrap .breadcrumb {
|
||||||
|
border-radius: 0;
|
||||||
|
-moz-border-radius: 0;
|
||||||
|
-webkit-border-radius: 0;
|
||||||
|
border-width: 0 0 1px 0;
|
||||||
|
box-shadow: none;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
-moz-box-shadow: none;
|
||||||
|
margin-bottom: 0px;
|
||||||
|
}
|
||||||
|
#main-wrap .breadcrumb li {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
#sub-wiget {
|
||||||
|
clear: right;
|
||||||
|
float: right;
|
||||||
|
padding-right: 10px;
|
||||||
|
padding-top: 8px;
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 13px;
|
||||||
|
width: 304px;
|
||||||
|
}
|
||||||
|
.main-wiget .widget-box {
|
||||||
|
margin: 5px 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
#poststuff .form-actions {
|
||||||
|
background-color: transparent;
|
||||||
|
text-align: right;
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-right: 10px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
#poststuff form {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
#post-body {
|
||||||
|
float: left;
|
||||||
|
clear: left;
|
||||||
|
width: 100%;
|
||||||
|
margin-right: -340px;
|
||||||
|
}
|
||||||
|
#post-body .title input[type=text] {
|
||||||
|
margin-bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 30px;
|
||||||
|
}
|
||||||
|
#post-body .btn-group {
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
#post-body .well {
|
||||||
|
margin: 0;
|
||||||
|
border-radius: 0px;
|
||||||
|
-moz-border-radius: 0px;
|
||||||
|
box-shadow: none;
|
||||||
|
-moz-box-shadow: none;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
#post-body .editor {
|
||||||
|
background-color: #333333;
|
||||||
|
height: 20px;
|
||||||
|
margin: 8px 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
#post-body-content {
|
||||||
|
margin-right: 320px;
|
||||||
|
padding: 8px 0 8px 6px;
|
||||||
|
}
|
||||||
.filter .accordion-heading > a:hover {
|
.filter .accordion-heading > a:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
@ -117,23 +312,14 @@
|
||||||
border-top-color: #0088CC;
|
border-top-color: #0088CC;
|
||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
}
|
}
|
||||||
.accordion-group .web-symbol:after {
|
|
||||||
font-family: 'WebSymbolsRegular';
|
|
||||||
content: "{";
|
|
||||||
margin-left: 2px;
|
|
||||||
margin-top: 8px;
|
|
||||||
}
|
|
||||||
.filter .active {
|
.filter .active {
|
||||||
background-color: #0088CC;
|
background-color: #0088CC;
|
||||||
}
|
}
|
||||||
.filter .active a {
|
.filter .active a {
|
||||||
color: #FFF;
|
color: #FFF;
|
||||||
}
|
}
|
||||||
.filter .active .web-symbol:after {
|
|
||||||
content: "}";
|
|
||||||
}
|
|
||||||
.filters {
|
.filters {
|
||||||
background-color: rgba(0,0,0,0.025);
|
background-color: rgba(0,0,0,0.075);
|
||||||
-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
|
-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
|
||||||
-moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
|
-moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
|
||||||
box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
|
box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
|
||||||
|
|
@ -148,12 +334,107 @@
|
||||||
.filters .filter-clear {
|
.filters .filter-clear {
|
||||||
padding: 5px 5px 0;
|
padding: 5px 5px 0;
|
||||||
border-top: 1px solid rgba(0,0,0,0.1);
|
border-top: 1px solid rgba(0,0,0,0.1);
|
||||||
background-color: rgba(0,0,0,0.025);
|
|
||||||
text-align: right;
|
text-align: right;
|
||||||
|
margin: 0 5px;
|
||||||
|
-webkit-box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.5);
|
||||||
|
-moz-box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.5);
|
||||||
|
box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.5);
|
||||||
}
|
}
|
||||||
.filters .in {
|
.filters .in {
|
||||||
border-bottom: 1px solid rgba(0,0,0,0.07)
|
border-bottom: 1px solid rgba(0,0,0,0.07)
|
||||||
}
|
}
|
||||||
|
.sign-in {
|
||||||
|
width: 360px;
|
||||||
|
margin: 0 auto 70px;
|
||||||
|
background-color: #FFF;
|
||||||
|
-moz-border-radius: 0 0 5px 5px;
|
||||||
|
-webkit-border-radius: 0 0 5px 5px;
|
||||||
|
border-radius: 0 0 5px 5px;
|
||||||
|
-moz-box-shadow: 0 2px 2px rgba(143, 143, 143, 0.38);
|
||||||
|
-webkit-box-shadow: 0 2px 2px rgba(143, 143, 143, 0.38);
|
||||||
|
box-shadow: 0 2px 2px rgba(143, 143, 143, 0.38);
|
||||||
|
border-width: 0px 1px 1px 1px;
|
||||||
|
border-style: none solid solid solid;
|
||||||
|
border-color: transparent #c6c6c6 #c6c6c6 #c6c6c6;
|
||||||
|
}
|
||||||
|
#signin-header {
|
||||||
|
width: 340px;
|
||||||
|
margin: 30px auto 0;
|
||||||
|
line-height: 25px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
border-width: 1px 1px 0px 1px;
|
||||||
|
border-style: solid solid none solid;
|
||||||
|
border-color: #c6c6c6 #c6c6c6 transparent #c6c6c6;
|
||||||
|
background-color: #006dcc;
|
||||||
|
background-image: -moz-linear-gradient(top, #dadada, #c0c0c0);
|
||||||
|
background-image: -ms-linear-gradient(top, #dadada, #c0c0c0);
|
||||||
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dadada), to(#c0c0c0));
|
||||||
|
background-image: -webkit-linear-gradient(top, #dadada, #c0c0c0);
|
||||||
|
background-image: -o-linear-gradient(top, #dadada, #c0c0c0);
|
||||||
|
background-image: linear-gradient(top, #dadada, #c0c0c0);
|
||||||
|
-moz-border-radius: 5px 5px 0px 0px ;
|
||||||
|
-webkit-border-radius: 5px 5px 0px 0px;
|
||||||
|
border-radius: 5px 5px 0px 0px;
|
||||||
|
-moz-box-shadow: 0 1px 0px rgba(20, 20, 20, 0.3);
|
||||||
|
-webkit-box-shadow: 0 1px 0px rgba(20, 20, 20, 0.3);
|
||||||
|
box-shadow: 0 1px 0px rgba(20, 20, 20, 0.3);
|
||||||
|
}
|
||||||
|
#signin-header h3 {
|
||||||
|
color: #848484;
|
||||||
|
text-shadow: 0 1px 0 #e9e9e9;
|
||||||
|
}
|
||||||
|
#sign-footer {
|
||||||
|
width: 100%;
|
||||||
|
position:fixed;
|
||||||
|
bottom: 0;
|
||||||
|
height: 40px;
|
||||||
|
background-color: #dadada;
|
||||||
|
color: #7a7a7a;
|
||||||
|
box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3);
|
||||||
|
-moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3);
|
||||||
|
-webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3);
|
||||||
|
}
|
||||||
|
#sign-footer p {
|
||||||
|
line-height: 40px;
|
||||||
|
padding: 0 10px;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.sign-in .control-group label {
|
||||||
|
text-align: left;
|
||||||
|
width: auto;
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
.sign-in .forgot {
|
||||||
|
padding-top: 5px;
|
||||||
|
}
|
||||||
|
.sign-in .content {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
.sign-in .form-actions {
|
||||||
|
padding: 17px 10px 18px;
|
||||||
|
margin: 0;
|
||||||
|
-moz-border-radius: 0px 0px 5px 5px;
|
||||||
|
-webkit-border-radius: 0px 0px 5px 5px;
|
||||||
|
border-radius: 0px 0px 5px 5px;
|
||||||
|
}
|
||||||
|
.sign-in form {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.sign-in .control-group .help-inline {
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
.sign-in .error .help-inline {
|
||||||
|
display:inline-block;
|
||||||
|
}
|
||||||
|
.web-symbol:after {
|
||||||
|
font-family: 'WebSymbolsRegular';
|
||||||
|
content: "{";
|
||||||
|
margin-left: 2px;
|
||||||
|
margin-top: 8px;
|
||||||
|
}
|
||||||
|
.active .web-symbol:after {
|
||||||
|
content: "}";
|
||||||
|
}
|
||||||
/*icons*/
|
/*icons*/
|
||||||
.the-icons i:after {
|
.the-icons i:after {
|
||||||
content: attr(class);
|
content: attr(class);
|
||||||
|
|
@ -166,12 +447,36 @@
|
||||||
display: block;
|
display: block;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
|
[class^="text-"] {
|
||||||
|
font-size: 15px !important;
|
||||||
|
}
|
||||||
|
.text-blue {
|
||||||
|
color: #0088CC !important;
|
||||||
|
}
|
||||||
|
.text-red {
|
||||||
|
color: #CC3300 !important;
|
||||||
|
}
|
||||||
|
.text-yellow {
|
||||||
|
color: #ffcc00 !important;
|
||||||
|
}
|
||||||
|
.text-orange {
|
||||||
|
color: #f7941d !important;
|
||||||
|
}
|
||||||
|
.text-purple {
|
||||||
|
color: #a864a8 !important;
|
||||||
|
}
|
||||||
|
.text-palm {
|
||||||
|
color: #a67c52 !important;
|
||||||
|
}
|
||||||
|
.text-green {
|
||||||
|
color: #39b54a !important;
|
||||||
|
}
|
||||||
[class^="icons-"] {
|
[class^="icons-"] {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 16px;
|
width: 16px;
|
||||||
height: 16px;
|
height: 16px;
|
||||||
vertical-align: text-top;
|
vertical-align: text-top;
|
||||||
background-image: url(<%= asset_path "icons_pack.png" %>);
|
background-image: url(<%= 'icons_pack.png' %>);
|
||||||
background-position: 16px 16px;
|
background-position: 16px 16px;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
*margin-right: .3em;
|
*margin-right: .3em;
|
||||||
|
|
@ -181,7 +486,7 @@
|
||||||
*margin-left: 0;
|
*margin-left: 0;
|
||||||
}
|
}
|
||||||
.icons-white {
|
.icons-white {
|
||||||
background-image: url(<%= asset_path "icons_pack_white.png" %>);
|
background-image: url(<%= 'icons_pack_white.png' %>);
|
||||||
}
|
}
|
||||||
/*1*/
|
/*1*/
|
||||||
.icons-pencil {
|
.icons-pencil {
|
||||||
|
|
|
||||||
|
|
@ -5,26 +5,34 @@
|
||||||
background-color: #FFF;
|
background-color: #FFF;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
min-width: 300px;
|
min-width: 300px;
|
||||||
border: 1px solid #DDD;
|
|
||||||
border-radius: 5px;
|
|
||||||
-moz-border-radius: 5px;
|
|
||||||
-webkit-border-radius: 5px;
|
|
||||||
margin: 0 0 5px 5px;
|
margin: 0 0 5px 5px;
|
||||||
position:relative;
|
position:relative;
|
||||||
}
|
}
|
||||||
.widget-box .widget-title {
|
.widget-box .widget-title {
|
||||||
background: #999;
|
|
||||||
color: #FFF;
|
color: #FFF;
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
border-radius: 5px 5px 0 0;
|
border-radius: 5px 5px 0 0;
|
||||||
-moz-border-radius: 5px 5px 0 0;
|
-moz-border-radius: 5px 5px 0 0;
|
||||||
-webkit-border-radius: 5px 5px 0 0;
|
-webkit-border-radius: 5px 5px 0 0;
|
||||||
|
background-image: -moz-linear-gradient(top, #B7B7B7, #9d9d9d);
|
||||||
|
background-image: -ms-linear-gradient(top, #B7B7B7, #9d9d9d);
|
||||||
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B7B7B7), to(#9d9d9d));
|
||||||
|
background-image: -webkit-linear-gradient(top, #B7B7B7, #9d9d9d);
|
||||||
|
background-image: -o-linear-gradient(top, #B7B7B7, #9d9d9d);
|
||||||
|
background-image: linear-gradient(top, #B7B7B7, #9d9d9d);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B7B7B7', endColorstr='#9d9d9d', GradientType=0);
|
||||||
}
|
}
|
||||||
.widget-box .widget-title [class^="icons-"] {
|
.widget-box .widget-title [class^="icons-"] {
|
||||||
margin: 3px 5px 0 2px;
|
margin: 3px 5px 0 2px;
|
||||||
}
|
}
|
||||||
.widget-box .widget-content {
|
.widget-box .widget-content {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
border-width: 0 1px 1px;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: #CCCCCC;
|
||||||
|
border-radius: 0 0 5px 5px;
|
||||||
|
-moz-border-radius: 0 0 5px 5px;
|
||||||
|
-webkit-border-radius: 0 0 5px 5px;
|
||||||
}
|
}
|
||||||
.widget-box .form-horizontal .control-group > label {
|
.widget-box .form-horizontal .control-group > label {
|
||||||
width: 50px;
|
width: 50px;
|
||||||
|
|
|
||||||
|
|
@ -3,6 +3,8 @@ class ApplicationController < ActionController::Base
|
||||||
|
|
||||||
include ParserFrontEnd, ParserBackEnd
|
include ParserFrontEnd, ParserBackEnd
|
||||||
|
|
||||||
|
layout :layout_by_resource
|
||||||
|
|
||||||
helper :all
|
helper :all
|
||||||
before_filter :set_locale, :set_site
|
before_filter :set_locale, :set_site
|
||||||
|
|
||||||
|
|
@ -104,6 +106,12 @@ class ApplicationController < ActionController::Base
|
||||||
Item.first(:conditions => {:parent_id => nil})
|
Item.first(:conditions => {:parent_id => nil})
|
||||||
end
|
end
|
||||||
|
|
||||||
|
def layout_by_resource
|
||||||
|
if devise_controller?
|
||||||
|
"devise"
|
||||||
|
else
|
||||||
|
"application"
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
end
|
end
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,12 @@
|
||||||
|
<h2>Resend confirmation instructions</h2>
|
||||||
|
|
||||||
|
<%= form_for(resource, :as => resource_name, :url => confirmation_path(resource_name), :html => { :method => :post }) do |f| %>
|
||||||
|
<%= devise_error_messages! %>
|
||||||
|
|
||||||
|
<div><%= f.label :email %><br />
|
||||||
|
<%= f.email_field :email %></div>
|
||||||
|
|
||||||
|
<div><%= f.submit "Resend confirmation instructions" %></div>
|
||||||
|
<% end %>
|
||||||
|
|
||||||
|
<%= render :partial => "devise/shared/links" %>
|
||||||
|
|
@ -0,0 +1,5 @@
|
||||||
|
<p>Welcome <%= @resource.email %>!</p>
|
||||||
|
|
||||||
|
<p>You can confirm your account through the link below:</p>
|
||||||
|
|
||||||
|
<p><%= link_to 'Confirm my account', confirmation_url(@resource, :confirmation_token => @resource.confirmation_token) %></p>
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
<p>Hello <%= @resource.email %>!</p>
|
||||||
|
|
||||||
|
<p>Someone has requested a link to change your password, and you can do this through the link below.</p>
|
||||||
|
|
||||||
|
<p><%= link_to 'Change my password', edit_password_url(@resource, :reset_password_token => @resource.reset_password_token) %></p>
|
||||||
|
|
||||||
|
<p>If you didn't request this, please ignore this email.</p>
|
||||||
|
<p>Your password won't change until you access the link above and create a new one.</p>
|
||||||
|
|
@ -0,0 +1,7 @@
|
||||||
|
<p>Hello <%= @resource.email %>!</p>
|
||||||
|
|
||||||
|
<p>Your account has been locked due to an excessive amount of unsuccessful sign in attempts.</p>
|
||||||
|
|
||||||
|
<p>Click the link below to unlock your account:</p>
|
||||||
|
|
||||||
|
<p><%= link_to 'Unlock my account', unlock_url(@resource, :unlock_token => @resource.unlock_token) %></p>
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
<h2>Change your password</h2>
|
||||||
|
|
||||||
|
<%= form_for(resource, :as => resource_name, :url => password_path(resource_name), :html => { :method => :put }) do |f| %>
|
||||||
|
<%= devise_error_messages! %>
|
||||||
|
<%= f.hidden_field :reset_password_token %>
|
||||||
|
|
||||||
|
<div><%= f.label :password, "New password" %><br />
|
||||||
|
<%= f.password_field :password %></div>
|
||||||
|
|
||||||
|
<div><%= f.label :password_confirmation, "Confirm new password" %><br />
|
||||||
|
<%= f.password_field :password_confirmation %></div>
|
||||||
|
|
||||||
|
<div><%= f.submit "Change my password" %></div>
|
||||||
|
<% end %>
|
||||||
|
|
||||||
|
<%= render :partial => "devise/shared/links" %>
|
||||||
|
|
@ -0,0 +1,21 @@
|
||||||
|
<h1 class="login-logo"><%= t(:ruling_site) %></h1>
|
||||||
|
<div id="signin-header">
|
||||||
|
<h3><%= t(:forgot_password) %></h3>
|
||||||
|
</div>
|
||||||
|
<div id="container" class="sign-in">
|
||||||
|
<%= form_for :user, :url => user_password_path, :html => {:class => 'user_new form-horizontal'} do |f| %>
|
||||||
|
<%= devise_error_messages! %>
|
||||||
|
<div class="content">
|
||||||
|
<div class="main">
|
||||||
|
<div class="control-group error">
|
||||||
|
<%= f.label :email %>
|
||||||
|
<%= f.email_field :email, :placeholder => t(:email), :style => "width: 330px;" %>
|
||||||
|
<span class="help-inline">Please correct the error</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-actions clear">
|
||||||
|
<%= content_tag :button, "Send me reset password instructions", :type => :submit, :class => 'btn btn-primary pull-right' %>
|
||||||
|
</div>
|
||||||
|
<% end %>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,25 @@
|
||||||
|
<h2>Edit <%= resource_name.to_s.humanize %></h2>
|
||||||
|
|
||||||
|
<%= form_for(resource, :as => resource_name, :url => registration_path(resource_name), :html => { :method => :put }) do |f| %>
|
||||||
|
<%= devise_error_messages! %>
|
||||||
|
|
||||||
|
<div><%= f.label :email %><br />
|
||||||
|
<%= f.email_field :email %></div>
|
||||||
|
|
||||||
|
<div><%= f.label :password %> <i>(leave blank if you don't want to change it)</i><br />
|
||||||
|
<%= f.password_field :password %></div>
|
||||||
|
|
||||||
|
<div><%= f.label :password_confirmation %><br />
|
||||||
|
<%= f.password_field :password_confirmation %></div>
|
||||||
|
|
||||||
|
<div><%= f.label :current_password %> <i>(we need your current password to confirm your changes)</i><br />
|
||||||
|
<%= f.password_field :current_password %></div>
|
||||||
|
|
||||||
|
<div><%= f.submit "Update" %></div>
|
||||||
|
<% end %>
|
||||||
|
|
||||||
|
<h3>Cancel my account</h3>
|
||||||
|
|
||||||
|
<p>Unhappy? <%= link_to "Cancel my account", registration_path(resource_name), :confirm => "Are you sure?", :method => :delete %>.</p>
|
||||||
|
|
||||||
|
<%= link_to "Back", :back %>
|
||||||
|
|
@ -0,0 +1,18 @@
|
||||||
|
<h2>Sign up</h2>
|
||||||
|
|
||||||
|
<%= form_for(resource, :as => resource_name, :url => registration_path(resource_name)) do |f| %>
|
||||||
|
<%= devise_error_messages! %>
|
||||||
|
|
||||||
|
<div><%= f.label :email %><br />
|
||||||
|
<%= f.email_field :email %></div>
|
||||||
|
|
||||||
|
<div><%= f.label :password %><br />
|
||||||
|
<%= f.password_field :password %></div>
|
||||||
|
|
||||||
|
<div><%= f.label :password_confirmation %><br />
|
||||||
|
<%= f.password_field :password_confirmation %></div>
|
||||||
|
|
||||||
|
<div><%= f.submit "Sign up" %></div>
|
||||||
|
<% end %>
|
||||||
|
|
||||||
|
<%= render :partial => "devise/shared/links" %>
|
||||||
|
|
@ -0,0 +1,34 @@
|
||||||
|
<h1 class="login-logo"><%= t(:ruling_site) %></h1>
|
||||||
|
<div id="signin-header">
|
||||||
|
<h3><%= t(:login) %></h3>
|
||||||
|
</div>
|
||||||
|
<div id="container" class="sign-in">
|
||||||
|
<%= form_for :user, :url => user_session_path, :html => {:class => 'user_new form-horizontal'} do |f| %>
|
||||||
|
<div class="content">
|
||||||
|
<p class="notice hide">Notice</p>
|
||||||
|
<p class="alert hide">You need to sign in or sign up before continuing.</p>
|
||||||
|
<div class="main">
|
||||||
|
<div class="control-group error">
|
||||||
|
<%= f.label :email %>
|
||||||
|
<%= f.email_field :email, :placeholder => t(:email), :style => "width: 330px;" %>
|
||||||
|
<span class="help-inline">Please correct the error</span>
|
||||||
|
</div>
|
||||||
|
<div class="control-group clear">
|
||||||
|
<%= link_to t(:forgot_password), new_user_password_path, :class => 'pull-right forgot' %>
|
||||||
|
<%= f.label :password %>
|
||||||
|
<%= f.password_field :password, :placeholder => t(:dots), :style => "width: 330px;" %>
|
||||||
|
<span class="help-inline">Please correct the error</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-actions clear">
|
||||||
|
<div class=" pull-left">
|
||||||
|
<label for="user_remember_me">
|
||||||
|
<%= f.check_box :remember_me, :style => "display: inline-block;" %>
|
||||||
|
<span style="display: inline-block;height: 10px;"><%= t(:remember_me) %></span>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<%= content_tag :button, t(:login), :type => :submit, :class => 'btn btn-primary pull-right' %>
|
||||||
|
</div>
|
||||||
|
<% end %>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,25 @@
|
||||||
|
<%- if controller_name != 'sessions' %>
|
||||||
|
<%= link_to "Sign in", new_session_path(resource_name) %><br />
|
||||||
|
<% end -%>
|
||||||
|
|
||||||
|
<%- if devise_mapping.registerable? && controller_name != 'registrations' %>
|
||||||
|
<%= link_to "Sign up", new_registration_path(resource_name) %><br />
|
||||||
|
<% end -%>
|
||||||
|
|
||||||
|
<%- if devise_mapping.recoverable? && controller_name != 'passwords' %>
|
||||||
|
<%= link_to "Forgot your password?", new_password_path(resource_name) %><br />
|
||||||
|
<% end -%>
|
||||||
|
|
||||||
|
<%- if devise_mapping.confirmable? && controller_name != 'confirmations' %>
|
||||||
|
<%= link_to "Didn't receive confirmation instructions?", new_confirmation_path(resource_name) %><br />
|
||||||
|
<% end -%>
|
||||||
|
|
||||||
|
<%- if devise_mapping.lockable? && resource_class.unlock_strategy_enabled?(:email) && controller_name != 'unlocks' %>
|
||||||
|
<%= link_to "Didn't receive unlock instructions?", new_unlock_path(resource_name) %><br />
|
||||||
|
<% end -%>
|
||||||
|
|
||||||
|
<%- if devise_mapping.omniauthable? %>
|
||||||
|
<%- resource_class.omniauth_providers.each do |provider| %>
|
||||||
|
<%= link_to "Sign in with #{provider.to_s.titleize}", omniauth_authorize_path(resource_name, provider) %><br />
|
||||||
|
<% end -%>
|
||||||
|
<% end -%>
|
||||||
|
|
@ -0,0 +1,12 @@
|
||||||
|
<h2>Resend unlock instructions</h2>
|
||||||
|
|
||||||
|
<%= form_for(resource, :as => resource_name, :url => unlock_path(resource_name), :html => { :method => :post }) do |f| %>
|
||||||
|
<%= devise_error_messages! %>
|
||||||
|
|
||||||
|
<div><%= f.label :email %><br />
|
||||||
|
<%= f.email_field :email %></div>
|
||||||
|
|
||||||
|
<div><%= f.submit "Resend unlock instructions" %></div>
|
||||||
|
<% end %>
|
||||||
|
|
||||||
|
<%= render :partial => "devise/shared/links" %>
|
||||||
|
|
@ -1,9 +1,3 @@
|
||||||
<% if controller.controller_name.eql?('pages') %>
|
|
||||||
<link href='/assets/bootstrap.css.erb' rel='stylesheet' type='text/css'/>
|
|
||||||
<link href='/assets/style.css.erb' rel='stylesheet' type='text/css'/>
|
|
||||||
<script type='text/javascript' src='/assets/bootstrap.js'></script>
|
|
||||||
<% end %>
|
|
||||||
|
|
||||||
<header id="orbit-bar" class="navbar">
|
<header id="orbit-bar" class="navbar">
|
||||||
<div class="navbar-inner">
|
<div class="navbar-inner">
|
||||||
<div class="container clear">
|
<div class="container clear">
|
||||||
|
|
@ -27,12 +21,40 @@
|
||||||
<% if user_signed_in? %>
|
<% if user_signed_in? %>
|
||||||
<li><%= link_to t(:logout), destroy_user_session_path, :class => 'orbit-bar-logout' %></li>
|
<li><%= link_to t(:logout), destroy_user_session_path, :class => 'orbit-bar-logout' %></li>
|
||||||
<% else %>
|
<% else %>
|
||||||
|
<li class="dropdown bar-login">
|
||||||
|
<a class="brand dropdown-toggle orbit-bar-member" href="#"><%= t(:login) %></a>
|
||||||
|
<div class="dropdown-menu">
|
||||||
|
<ul class="log">
|
||||||
|
<li class="title"></li>
|
||||||
|
|
||||||
|
<%= form_for :user, :url => user_session_path do |f| %>
|
||||||
<li>
|
<li>
|
||||||
<%= form_for "user", :url => user_session_path, :html => {:class => 'log'} do |f| %>
|
<div class="input-prepend">
|
||||||
<%= f.text_field :email, :class => 'input-small', :placeholder => t(:email) %>
|
<span class="add-on"><i class="icon-user"></i></span>
|
||||||
<%= f.password_field :password, :class => 'input-small', :placeholder => t(:password) %>
|
<%= f.text_field :email, :class => 'span2', :placeholder => t(:email), :size => 16 %>
|
||||||
<%= content_tag :button, t(:login), :type => :submit, :class => 'btn' %>
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="input-prepend">
|
||||||
|
<span class="add-on"><i class="icon-lock"></i></span>
|
||||||
|
<%= f.password_field :password, :class => 'span2', :placeholder => t(:password), :size => 16 %>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="clear">
|
||||||
|
<%= link_to t(:forgot_password), new_user_password_path, :class => 'forgot' %>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<%= content_tag :button, t(:login), :type => :submit, :class => 'btn btn-primary' %>
|
||||||
|
<label class="remember" for="user_remember_me">
|
||||||
|
<%= f.check_box :remember_me %>
|
||||||
|
<span style="display: inline-block;height: 10px;"><%= t(:remember_me) %></span>
|
||||||
|
</label>
|
||||||
|
</li>
|
||||||
|
<li class="divider"><span><%= t(:or_lower) %></span></li>
|
||||||
|
<li><%= link_to content_tag(:button, t(:register), :class => 'btn btn-danger'), new_user_registration_path, :style => "padding:0px;" %></li>
|
||||||
<% end %>
|
<% end %>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<% end %>
|
<% end %>
|
||||||
<li>
|
<li>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,20 @@
|
||||||
|
<!DOCTYPE HTML>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title><%= @title || APP_CONFIG['orbit'] %></title>
|
||||||
|
<!--[if lt IE 9]>
|
||||||
|
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||||
|
<![endif]-->
|
||||||
|
<%= stylesheet_link_tag "devise" %>
|
||||||
|
<%= javascript_include_tag "devise" %>
|
||||||
|
<%= csrf_meta_tag %>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<%= render 'layouts/orbit_bar' %>
|
||||||
|
<%= yield %>
|
||||||
|
<div id="sign-footer">
|
||||||
|
<p>Rulingcom</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -13,17 +13,21 @@ en:
|
||||||
create: Create
|
create: Create
|
||||||
delete: Delete
|
delete: Delete
|
||||||
disable: Disable
|
disable: Disable
|
||||||
|
dots: ●●●●●●
|
||||||
downloaded: Downloaded
|
downloaded: Downloaded
|
||||||
download: Download
|
download: Download
|
||||||
edit: Edit
|
edit: Edit
|
||||||
email: Email
|
email: Email
|
||||||
enable: Enable
|
enable: Enable
|
||||||
|
forgot_password: Forgot your password?
|
||||||
hide: Hide
|
hide: Hide
|
||||||
homepage: Homepage
|
homepage: Homepage
|
||||||
login: Login
|
login: Login
|
||||||
no_: "No"
|
no_: "No"
|
||||||
nothing: Nothing
|
nothing: Nothing
|
||||||
|
or_lower: or
|
||||||
password: Password
|
password: Password
|
||||||
|
register: Register
|
||||||
show: Show
|
show: Show
|
||||||
submit: Submit
|
submit: Submit
|
||||||
sure?: Are you sure?
|
sure?: Are you sure?
|
||||||
|
|
|
||||||
|
|
@ -13,6 +13,7 @@ zh_tw:
|
||||||
enable: 啟用
|
enable: 啟用
|
||||||
hide: 隱藏
|
hide: 隱藏
|
||||||
homepage: 首頁
|
homepage: 首頁
|
||||||
|
login: 登錄
|
||||||
no_: "No"
|
no_: "No"
|
||||||
nothing: 無
|
nothing: 無
|
||||||
show: 顯示
|
show: 顯示
|
||||||
|
|
|
||||||
|
|
@ -61,6 +61,8 @@ module ParserFrontEnd
|
||||||
end
|
end
|
||||||
c.define_tag 'stylesheets' do |tag|
|
c.define_tag 'stylesheets' do |tag|
|
||||||
res = ''
|
res = ''
|
||||||
|
res << "<link href='/assets/bootstrap.css.erb' rel='stylesheet' type='text/css'/>"
|
||||||
|
res << "<link href='/assets/style.css.erb' rel='stylesheet' type='text/css'/>"
|
||||||
res << "<link href='#{page.design.reset_css.file.url}' rel='stylesheet' type='text/css' />" if page.design.reset_css
|
res << "<link href='#{page.design.reset_css.file.url}' rel='stylesheet' type='text/css' />" if page.design.reset_css
|
||||||
res << "<link href='#{page.design.default_css.file.url}' rel='stylesheet' type='text/css' /> " if page.design.default_css
|
res << "<link href='#{page.design.default_css.file.url}' rel='stylesheet' type='text/css' /> " if page.design.default_css
|
||||||
theme = page.design.themes.detect{ |d| d.id == page.theme_id }
|
theme = page.design.themes.detect{ |d| d.id == page.theme_id }
|
||||||
|
|
@ -72,6 +74,9 @@ module ParserFrontEnd
|
||||||
res << "<script type='text/javascript' src='/static/jquery.js'></script>"
|
res << "<script type='text/javascript' src='/static/jquery.js'></script>"
|
||||||
res << "<script type='text/javascript' src='/static/jquery.cycle.all.latest.js'></script>"
|
res << "<script type='text/javascript' src='/static/jquery.cycle.all.latest.js'></script>"
|
||||||
res << "<script type='text/javascript' src='/static/kernel.js'></script>"
|
res << "<script type='text/javascript' src='/static/kernel.js'></script>"
|
||||||
|
res << "<script type='text/javascript' src='/assets/bootstrap.js'></script>"
|
||||||
|
res << "<script type='text/javascript' src='/assets/jquery.tinyscrollbar.min.js'></script>"
|
||||||
|
res << "<script type='text/javascript' src='/assets/orbit-1.0.js'></script>"
|
||||||
res << "<script type='text/javascript' src='/assets/orbit_bar.js'></script>"
|
res << "<script type='text/javascript' src='/assets/orbit_bar.js'></script>"
|
||||||
page.design.javascripts.each do |js|
|
page.design.javascripts.each do |js|
|
||||||
res << "<script type='text/javascript' src='#{js.file.url}'></script>"
|
res << "<script type='text/javascript' src='#{js.file.url}'></script>"
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue