Ray's changes in tags, css and js
This commit is contained in:
1 parent
6c50aa5243
commit
503f71e554
11 files changed
+172
-53
No files matched your search
@@ -0,0 +1,12 @@
|
||||
$('.check[checked="checked"]').parents(".checkbox").addClass("checked")
|
||||
$(".checkbox").click(function(){
|
||||
if($(this).children(".check").attr("checked")){
|
||||
// uncheck
|
||||
$(this).children(".check").attr('checked', false);
|
||||
$(this).removeClass("checked");
|
||||
}else{
|
||||
// check
|
||||
$(this).children(".check").attr({checked: "checked"});
|
||||
$(this).addClass("checked");
|
||||
}
|
||||
});
|
||||
@@ -9,27 +9,14 @@ function resize() {
|
||||
}
|
||||
}
|
||||
$(document).ready(function(){
|
||||
$(document).on('click', '.orbit-bar-member', 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();
|
||||
});
|
||||
|
||||
$(document).on('click', '.bar-login .dropdown-menu', function(e) {
|
||||
e.stopPropagation();
|
||||
$('.bar-login .dropdown-menu').show();
|
||||
});
|
||||
|
||||
$('.tip').tooltip({
|
||||
placement: "left"
|
||||
});
|
||||
|
||||
$(document).on('click', '.privacy', function() {
|
||||
|
||||
console.log($(this).val());
|
||||
switch ($(this).val()) {
|
||||
case 'true':
|
||||
$(this).parents('.controls').children('.select-role').slideUp(300);
|
||||
@@ -68,7 +55,7 @@ $(document).ready(function(){
|
||||
$('#main-sidebar').tinyscrollbar();
|
||||
$('.detal-list').tinyscrollbar();
|
||||
$('#main-sidebar').tinyscrollbar({size:(viewportheight-34)});
|
||||
mainTablePosition()
|
||||
mainTablePosition();
|
||||
|
||||
/*isotope*/
|
||||
var $container = $('#isotope');
|
||||
@@ -87,18 +74,23 @@ $(window).resize(function(){
|
||||
$('.post-title').css("width", viewportwidth-495);
|
||||
$('#main-wrap > .subnav').css("width", viewportwidth-$mainWrapMarginLeft)
|
||||
$('#main-sidebar').tinyscrollbar({size:(viewportheight-34)});
|
||||
mainTablePosition()
|
||||
mainTablePosition();
|
||||
});
|
||||
/*main-table position*/
|
||||
function mainTablePosition() {
|
||||
var $height = $('#main-wrap > .subnav').height()
|
||||
var $table = $('#main-wrap > .table')
|
||||
var $height = $('#main-wrap .subnav').length && $('#main-wrap .subnav').height();
|
||||
var $table = $('#main-wrap > .table').length && $('#main-wrap > .table');
|
||||
var $nottable = $('#main-wrap .nottable').length && $('#main-wrap .nottable');
|
||||
//alert ($table.height())
|
||||
$height = $height-17;
|
||||
if($height<0){
|
||||
$height = 0;
|
||||
if($nottable==0){
|
||||
if($height>0){
|
||||
$height = $height-17;
|
||||
}
|
||||
$table.stop().animate({marginTop:$height},500);
|
||||
}
|
||||
$table.stop().animate({marginTop:$height},500)
|
||||
if($table==0){
|
||||
$nottable.css({marginTop:$height});
|
||||
};
|
||||
//$table.css({marginTop : $height})
|
||||
}
|
||||
$(window).scroll(function () {
|
||||
|
||||
@@ -0,0 +1,15 @@
|
||||
$(document).on('click', '.orbit-bar-member', 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();
|
||||
});
|
||||
|
||||
$(document).on('click', '.bar-login .dropdown-menu', function(e) {
|
||||
e.stopPropagation();
|
||||
$('.bar-login .dropdown-menu').show();
|
||||
});
|
||||
@@ -0,0 +1,53 @@
|
||||
.checkblock {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
width: 200px;
|
||||
}
|
||||
.check[type="checkbox"]{
|
||||
display:none;
|
||||
}
|
||||
.checkbox{
|
||||
padding:5px;
|
||||
margin:5px;
|
||||
display: inline-block;
|
||||
color:#777777;
|
||||
text-shadow: 0 1px 0px rgba(255,255,255,.4);
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
height: 30px;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
|
||||
background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.checkbox .check-icon {
|
||||
display: none;
|
||||
position: absolute;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
border-radius: 11px;
|
||||
background-color: #d0f311;
|
||||
right: -5px;
|
||||
top: -5px;
|
||||
box-shadow: 0px 0px 5px rgba(0,0,0,.05);
|
||||
}
|
||||
.checkbox .check-icon i {
|
||||
margin: 1px 0 0 3px;
|
||||
}
|
||||
.checkbox .member-name {
|
||||
line-height: 30px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
img.member-img {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
max-width: 30px;
|
||||
}
|
||||
.checked .check-icon {
|
||||
display: block;
|
||||
}
|
||||
@@ -39,8 +39,8 @@
|
||||
left: -8px;
|
||||
}
|
||||
.main-list td {
|
||||
background-color: #FFFFFF;
|
||||
border-bottom: 1px solid #DDDDDD;
|
||||
background-color: #FFFFFF;
|
||||
border-bottom: 1px solid #DDDDDD;
|
||||
border-top: medium none;
|
||||
}
|
||||
.main-list .nav {
|
||||
@@ -77,15 +77,15 @@
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
z-index: 5;
|
||||
}
|
||||
.table-label {
|
||||
background-color: #F2F2F2;
|
||||
position: relative;
|
||||
}
|
||||
.table-label .main-list thead th {
|
||||
background-color: #F2F2F2;
|
||||
border-right: 1px solid #DDDDDD;
|
||||
border-top: 1px solid #DDDDDD !important;
|
||||
}
|
||||
.table-label {
|
||||
background-color: #F2F2F2;
|
||||
position: relative;
|
||||
}
|
||||
.table-label .main-list thead th {
|
||||
background-color: #F2F2F2;
|
||||
border-right: 1px solid #DDDDDD;
|
||||
border-top: 1px solid #DDDDDD !important;
|
||||
}
|
||||
.route-group .route {
|
||||
padding: 0;
|
||||
@@ -120,9 +120,9 @@ legend {
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
position: fixed;
|
||||
top: 30px;
|
||||
border-right: none;
|
||||
position: fixed;
|
||||
top: 30px;
|
||||
z-index: 50;
|
||||
}
|
||||
.subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {
|
||||
|
||||
@@ -266,7 +266,6 @@
|
||||
padding-top: 32px;
|
||||
padding-bottom: 18px;
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
}
|
||||
#main-wrap > .form-actions {
|
||||
background-color: #FFF;
|
||||
@@ -383,6 +382,9 @@
|
||||
border-top-color: #0088CC;
|
||||
margin-top: 6px;
|
||||
}
|
||||
.filter form {
|
||||
margin: 5px 10px;
|
||||
}
|
||||
.filter .active {
|
||||
background-color: #0088CC;
|
||||
}
|
||||
@@ -417,6 +419,26 @@
|
||||
.filters .in {
|
||||
/*border-bottom: 1px solid rgba(0,0,0,0.07)*/
|
||||
}
|
||||
#tags {
|
||||
}
|
||||
#tags .tag {
|
||||
line-height: 32px;
|
||||
padding: 0 10px;
|
||||
background-color: #FFFFFF;
|
||||
border-bottom: 1px solid #DDDDDD;
|
||||
border-top: medium none;
|
||||
}
|
||||
#tags .tag form, #tags .tag form input {
|
||||
margin:0;
|
||||
}
|
||||
#tags .tagitem {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
}
|
||||
#tags .action {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
}
|
||||
.sign-in {
|
||||
width: 360px;
|
||||
margin: 0 auto 70px;
|
||||
@@ -775,6 +797,9 @@
|
||||
background-position: -224px -320px;
|
||||
}
|
||||
/*12*/
|
||||
.icons-check-2 {
|
||||
background-position: -288px -352px;
|
||||
}
|
||||
.icons-star-thin {
|
||||
background-position: -416px -352px;
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user