Commit e68ade85 authored by ganjingcun's avatar ganjingcun

init

parent bd43cf0e
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>YGOPro</title>
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-default/index.css">
</head>
<body>
<div id="app">
<el-form :inline="true" :model="formInline">
<el-form-item>
<el-select style="width: 100px;" v-model="type" placeholder="类别" @change="selectChange">
<el-option label="所有" value="0"></el-option>
<el-option label="竞技" value="1"></el-option>
<el-option label="娱乐" value="2"></el-option>
</el-select>
</el-form-item>
<!--<el-date-picker
v-model="date"
type="daterange"
align="right"
placeholder="选择日期范围"
:picker-options="pickerOptions2"
style="width: 220px;">
</el-date-picker>-->
<el-form-item>
<el-input v-model="username" @blur="searchTextChange" icon="search" style="width: 200px;"
placeholder="用户名"></el-input>
</el-form-item>
</el-form>
<el-table :data="history.data" stripe style="width: 100%">
<el-table-column prop="usernamea" label="玩家A" width="180">
<template scope="scope">
<el-tag
:type="scope.row.userscorea > scope.row.userscoreb ? 'success' : 'gray'"
close-transition>{{scope.row.usernamea}}</el-tag>
<el-icon v-if="scope.row.userscorea < 0" class="el-icon-warning"></el-icon>
</template>
</el-table-column>
<el-table-column prop="usernameb" label="玩家B" width="180">
<template scope="scope">
<el-tag
:type="scope.row.userscoreb > scope.row.userscorea ? 'success' : 'gray'"
close-transition>{{scope.row.usernameb}}</el-tag>
<el-icon v-if="scope.row.userscoreb < 0" class="el-icon-warning"></el-icon>
</template>
</el-table-column>
<el-table-column label="类型" :formatter="formatter0" width="80"></el-table-column>
<el-table-column label="开始时间" :formatter="formatter1"></el-table-column>
<el-table-column label="结束时间" :formatter="formatter2"></el-table-column>
</el-table>
<div class="text-center" >
<el-pagination :page-size="pageSize" layout="total, prev, pager, next" :total="history.total" @current-change="clickpage"></el-pagination>
</div>
</div>
</body>
<script src="https://unpkg.com/vue@2.1.10/dist/vue.js"></script>
<script src="https://unpkg.com/vue-resource@1.2.0/dist/vue-resource.min.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script>
new Vue({
el: '#app',
created: function () {
var lang = localStorage.getItem('lang') || 'cn';
this.init(lang)
},
watch: {
date: function (val) {
console.log(val)
if (val[0] != null) {
this.from_date = val[0].toString()
this.to_date = val[1].toString()
} else {
this.from_date = '';
this.to_date = '';
}
this.renderTable()
},
},
data: function () {
return {
page:1,
from_date:'',
to_date:'',
date: '',
username:'' ,
type: '0',
formInline: {
},
pickerOptions2: {
shortcuts: [
{
text: '今天',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime());
picker.$emit('pick', [start, end]);
}
},
{
text: '昨天',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 1);
picker.$emit('pick', [start, end]);
}
},
{
text: '最近一周',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
picker.$emit('pick', [start, end]);
}
}, {
text: '最近一个月',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
picker.$emit('pick', [start, end]);
}
}, {
text: '最近三个月',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
picker.$emit('pick', [start, end]);
}
}]
},
pageSize:15,
history:{
total:0,
data:[]
}
}
},
methods:{
searchTextChange: function () {
var username = this.username
this.renderTable()
},
selectChange: function (val) {
this.type = val
this.renderTable()
},
init:function (lang) {
this.renderTable()
},
clickpage: function (num) {
this.page = num
this.renderTable()
},
formatter0(row, column) {
if('athletic' === row.type){
return '竞技'
}else {
return '娱乐'
}
},
formatter1(row, column) {
var date = new Date(row.start_time)
return date.toLocaleString();
},
formatter2(row, column) {
var date = new Date(row.end_time)
return date.toLocaleString();
},
renderTable: function(){
// var URL = "http://localhost:3000"
var URL = "https://mycard.moe/ygopro"
var params = {
page:this.page,
username:this.username,
type:this.type,
from_date:this.from_date,
to_date:this.to_date
}
Vue.http.get(URL + '/api/history',{'params':params}).then((res) => {
this.history = res.data
}, (res) => {
//
})
}
}
})
</script>
</html>
\ No newline at end of file
......@@ -60,7 +60,8 @@ app.use(hotMiddleware)
// serve pure static assets
var staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory)
app.use(staticPath, express.static('./static'))
// app.use(staticPath, express.static('./static'))
app.use(staticPath, express.static('./src/assets'))
var uri = 'http://localhost:' + port
......
......@@ -8,7 +8,7 @@ module.exports = {
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'assets',
assetsPublicPath: './',
productionSourceMap: true,
productionSourceMap: false,
// Gzip off by default as many popular static hosts such as
// Surge or Netlify already gzip all static assets for you.
// Before setting to `true`, make sure to:
......
......@@ -4,13 +4,13 @@
<head>
<meta charset="utf-8">
<title>ygopro-arena-web-new</title>
<link rel="stylesheet" href="./assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="./assets/css/styles.css">
</head>
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
<!--<script src="assets/js/jquery.min.js"></script>-->
<!--<script src="assets/bootstrap/js/bootstrap.min.js"></script>-->
</body>
</html>
\ No newline at end of file
<template>
<div id="app">
<page-header></page-header>
<router-view></router-view>
<page-footer></page-footer>
</div>
</template>
<script>
......@@ -13,16 +13,17 @@
import PageFooter from './components/PageFooter'
//css
import "./assets/bootstrap/css/bootstrap.min.css"
import "./assets/Projects-Clean.css"
import "./assets/Pretty-Search-Form.css"
import "./assets/styles.css"
// import "./assets/bootstrap/css/bootstrap.min.css"
import "./assets/css/Projects-Clean.css"
import "./assets/css/Pretty-Search-Form.css"
// import "./assets/css/styles.css"
import "./assets/css/font-awesome.min.css"
import "./assets/fonts/material-icons.css"
//js
window.jQuery = window.$ = require('jquery');
require('bootstrap/dist/js/bootstrap.min.js')
require('./assets/bootstrap/js/bootstrap.min.js')
export default {
name: 'app',
......@@ -36,10 +37,10 @@
<style scoped>
#app {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #2c3e50;
/*font-family: 'Avenir', Helvetica, Arial, sans-serif;*/
/*-webkit-font-smoothing: antialiased;*/
/*-moz-osx-font-smoothing: grayscale;*/
/*color: #2c3e50;*/
/*margin-top: 60px;*/
}
</style>
\ No newline at end of file
......@@ -9,14 +9,6 @@
display:inline-block;
}
#promo {
text-align:center;
padding:40px;
background:url(./banner.jpg) no-repeat;
background-size:cover;
margin-top:50px;
}
div.jumbotron {
border-radius:20px;
padding:40px;
......@@ -91,12 +83,6 @@ body {
margin-top:85px;
}
div.col-md-4.item {
background-image:url(./images3.jpeg);
background-repeat:initial;
background-size:cover;
}
.table td {
width:15%;
}
......
This diff is collapsed.
......@@ -85,9 +85,6 @@
import querystring from 'querystring';
import language from './lang';
import img1 from '../assets/images1.jpeg'
import img2 from '../assets/images2.jpeg'
import img3 from '../assets/images3.jpeg'
import API from '../api'
import { mapGetters } from 'vuex'
......
......@@ -147,21 +147,21 @@
import API from '../api';
import img0 from '../assets/500x300_deck.jpg'
import img0 from '../assets/img/500x300_deck.jpg'
// import img1 from '../assets/MonsterWithBorder.jpg'
import img1 from '../assets/500x300_monster.jpg'
import img1 from '../assets/img/500x300_monster.jpg'
// import img2 from '../assets/SpellWithBorder.jpg'
import img2 from '../assets/500x300_Spell.jpg'
import img2 from '../assets/img/500x300_Spell.jpg'
// import img3 from '../assets/TrapWithBorder.jpg'
import img3 from '../assets/500x300_Trap.jpg'
import img3 from '../assets/img/500x300_Trap.jpg'
// import img4 from '../assets/SideWithBorder.jpg'
import img4 from '../assets/500x300_side.jpg'
import img5 from '../assets/ExtraWithBorder.jpg'
import img4 from '../assets/img/500x300_side.jpg'
import img5 from '../assets/img/ExtraWithBorder.jpg'
var dt = require('datatables.net')
var dt2 = require('datatables.net-bs')
import "../assets/dataTables.bootstrap.min.css"
import "../assets/css/dataTables.bootstrap.min.css"
var monsterTable;
var spellTable;
......
......@@ -38,8 +38,8 @@
import { mapGetters } from 'vuex'
import "../assets/Team-Boxed.css"
// import "../assets/Team-Clean.css"
import "../assets/css/Team-Boxed.css"
import "../assets/css/Team-Clean.css"
export default {
data() {
......
<template>
<div class="hello">
<h1>{{ msg }}</h1>
</div>
</template>
<script>
export default {
name: 'hello',
data () {
return {
msg: 'Welcome to Your Vue.js App'
}
}
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h1, h2 {
font-weight: normal;
}
ul {
list-style-type: none;
padding: 0;
}
li {
display: inline-block;
margin: 0 10px;
}
a {
color: #42b983;
}
</style>
......@@ -51,9 +51,6 @@
import querystring from 'querystring';
import language from './lang';
import img1 from '../assets/images1.jpeg'
import img2 from '../assets/images2.jpeg'
import img3 from '../assets/images3.jpeg'
import API from '../api'
import tb_language from './tb_lang.js'
......
<template>
<div class="hello">
<div id="promo" v-if="!isLogin">
<div id="promo" v-if="!isLogin" v-bind:style="{ backgroundImage: 'url(' + image + ')' }">
<div class="jumbotron">
<h1>MyCard </h1>
<p>{{lang.index.p1}}</p>
......@@ -15,25 +15,25 @@
<p class="text-center">{{lang.index.p3}} </p>
</div>
<div class="row projects">
<div @click="gogo('#/ranking')" class="col-lg-4 col-sm-6 item" v-bind:class="{ 'fix-width': !isMobile , 'fix-width-m': isMobile }"><img class="img-responsive" src="../../static/assets/img/image6.png">
<div @click="gogo('#/ranking')" class="col-lg-4 col-sm-6 item" v-bind:class="{ 'fix-width': !isMobile , 'fix-width-m': isMobile }"><img class="img-responsive" src="../assets/img/image6.png">
<h3 class="name">
<span style="text-decoration: underline;">{{lang.index.h1}}</span>
</h3>
<p class="description">{{lang.index.p4}}</p>
</div>
<div @click="gogo('#/cards')" class="col-lg-4 col-sm-6 item" v-bind:class="{ 'fix-width': !isMobile , 'fix-width-m': isMobile}"><img class="img-responsive" src="../../static/assets/img/image4.png">
<div @click="gogo('#/cards')" class="col-lg-4 col-sm-6 item" v-bind:class="{ 'fix-width': !isMobile , 'fix-width-m': isMobile}"><img class="img-responsive" src="../assets/img/image4.png">
<h3 class="name">
<span style="text-decoration: underline;">{{lang.index.h3}}</span>
</h3>
<p class="description">{{lang.index.p6}}</p>
</div>
<div @click="gogo('#/userinfo')" class="col-lg-4 col-sm-6 item" v-bind:class="{ 'fix-width': !isMobile , 'fix-width-m': isMobile }"><img class="img-responsive" src="../../static/assets/img/image5.png">
<div @click="gogo('#/userinfo')" class="col-lg-4 col-sm-6 item" v-bind:class="{ 'fix-width': !isMobile , 'fix-width-m': isMobile }"><img class="img-responsive" src="../assets/img/image5.png">
<h3 class="name">
<span style="text-decoration: underline;">{{lang.index.h2}}</span>
</h3>
<p class="description">{{lang.index.p5}}</p>
</div>
<div @click="gogo('https://rep.ygobbs.com')" class="col-lg-4 col-sm-6 item" v-bind:class="{ 'fix-width': !isMobile , 'fix-width-m': isMobile}"><img class="img-responsive" src="../../static/assets/img/image3.png">
<div @click="gogo('https://rep.ygobbs.com')" class="col-lg-4 col-sm-6 item" v-bind:class="{ 'fix-width': !isMobile , 'fix-width-m': isMobile}"><img class="img-responsive" src="../assets/img/image3.png">
<h3 class="name">
<span style="text-decoration: underline;">{{lang.index.h4}}</span>
</h3>
......@@ -48,12 +48,14 @@
<script>
import language from './lang';
import querystring from 'querystring';
import image from '../assets/img/banner.jpg'
export default {
data() {
return {
isLogin: false,
isMobile: false,
image:image,
lang: {},
}
},
......@@ -128,4 +130,12 @@
.fix-width-m {
min-height: 385px;
}
#promo {
text-align: center;
padding: 40px;
background-repeat: no-repeat;
background-size: cover;
margin-top: 50px;
}
</style>
\ No newline at end of file
......@@ -6,7 +6,7 @@
<!--<nav class="navbar navbar-inverse">-->
<div class="container">
<div class="navbar-header">
<a class="navbar-brand navbar-link" href="index.html"><img src="../assets/mycardlogo.png" id="logo">MyCard </a>
<a class="navbar-brand navbar-link" href="index.html"><img src="../assets/img/mycardlogo.png" id="logo">MyCard </a>
<button class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
</div>
<div class="collapse navbar-collapse" id="navcol-1">
......
......@@ -156,9 +156,9 @@
import querystring from 'querystring';
import language from './lang';
import img1 from '../assets/images1.jpeg'
import img2 from '../assets/images2.jpeg'
import img3 from '../assets/images3.jpeg'
import img1 from '../assets/img/images1.jpeg'
import img2 from '../assets/img/images2.jpeg'
import img3 from '../assets/img/images3.jpeg'
import API from '../api'
import tb_language from './tb_lang.js'
......
import Vue from 'vue'
import Router from 'vue-router'
import Hello from '@/components/Hello'
import Index from '@/components/Index'
import Cards from '@/components/Cards'
import Ranking from '@/components/Ranking'
......
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
footer {
background-color:#292c2f;
box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.12);
box-sizing:border-box;
width:100%;
text-align:left;
font:bold 16px sans-serif;
padding:55px 50px;
bottom:0;
color:#fff;
}
.footer-navigation h3 {
margin:0;
font:normal 36px Cookie, cursive;
margin-bottom:20px;
color:#fff;
}
.footer-navigation h3 a {
text-decoration:none;
color:#fff;
}
.footer-navigation h3 span {
color:#5383d3;
}
.footer-navigation p.links a {
color:#fff;
text-decoration:none;
}
.footer-navigation p.company-name {
color:#8f9296;
font-size:14px;
font-weight:normal;
margin-top:20px;
}
@media (max-width:767px) {
.footer-contacts {
margin:30px 0;
}
}
.footer-contacts p {
display:inline-block;
color:#ffffff;
vertical-align:middle;
}
.footer-contacts p a {
color:#5383d3;
text-decoration:none;
}
.fa.footer-contacts-icon {
background-color:#33383b;
color:#fff;
font-size:18px;
width:38px;
height:38px;
border-radius:50%;
text-align:center;
line-height:38px;
margin:10px 15px 10px 0;
}
span.new-line-span {
display:block;
font-weight:normal;
display:block;
font-weight:normal;
font-size:14px;
line-height:2;
}
.footer-about h4 {
display:block;
color:#fff;
font-size:14px;
font-weight:bold;
margin-bottom:20px;
}
.footer-about p {
line-height:20px;
color:#92999f;
font-size:13px;
font-weight:normal;
margin:0;
}
div.social-links {
margin-top:20px;
color:#fff;
}
.social-links a {
display:inline-block;
width:35px;
height:35px;
cursor:pointer;
background-color:#33383b;
border-radius:2px;
font-size:20px;
color:#ffffff;
text-align:center;
line-height:35px;
margin-right:5px;
margin-bottom:5px;
}
td {
width:33.3%;
}
p.help-block {
display:inline;
}
p.text-nowrap.text-muted {
overflow:hidden;
white-space:normal;
word-break:break-all;
}
.search-form {
margin:40px 5px;
font:normal 12px sans-serif;
box-shadow:1px 2px 4px 0 rgba(0, 0, 0, 0.08);
}
.search-form div.input-group-addon {
background:#fff;
color:#80A3BD;
border-bottom-left-radius:2px;
border-top-left-radius:2px;
border:1px solid #b6c3cd;
border-right:0;
}
.search-form .input-group input {
background-color:#ffffff;
box-shadow:none;
color:#4E565C;
outline:none;
border:1px solid #b6c3cd;
border-right:0;
border-left:0;
}
.search-form div.input-group-btn button {
border-bottom-right-radius:2px;
border-top-right-radius:2px;
background:#6caee0;
box-shadow:1px 2px 4px 0 rgba(0, 0, 0, 0.08);
color:#ffffff;
border-color:#6caee0;
outline:none;
opacity:0.9;
}
.search-form div.input-group-btn button:hover {
opacity:1;
}
.search-form div.input-group-btn button:focus:active {
background-color:#6caee0;
color:#ffffff;
outline:none;
}
.team-boxed {
color:#313437;
background-color:#ffffff;
margin-top:50px;
}
.team-boxed p {
color:#7d8285;
}
.team-boxed h2 {
font-weight:bold;
margin-bottom:40px;
padding-top:40px;
color:inherit;
font-size: 30px;
}
@media (max-width:767px) {
.team-boxed h2 {
margin-bottom:25px;
padding-top:25px;
font-size:24px;
}
}
.team-boxed .intro {
font-size:16px;
max-width:500px;
margin:0 auto;
}
.team-boxed .intro p {
margin-bottom:0;
margin-bottom:25px;
}
.team-boxed .people {
padding:50px 0;
/*background-color:#eef4f7;*/
}
.team-boxed .item1 {
text-align:center;
box-shadow:10px 10px 15px #73b7d5;
}
.team-boxed .item1 .box {
text-align:center;
padding:30px;
background-color:#fff;
margin-bottom:30px;
}
.team-boxed .item1 .name {
font-weight:bold;
margin-top:28px;
margin-bottom:8px;
color:inherit;
}
.team-boxed .item1 .title {
text-transform:uppercase;
font-weight:bold;
color:#d0d0d0;
letter-spacing:2px;
font-size:13px;
}
.team-boxed .item1 .description {
font-size:15px;
margin-top:15px;
margin-bottom:20px;
}
.team-boxed .item1 img {
max-width:160px;
}
.team-boxed .social {
font-size:18px;
color:#a2a8ae;
}
.team-boxed .social a {
color:inherit;
margin:0 10px;
display:inline-block;
opacity:0.7;
}
.team-boxed .social a:hover {
opacity:1;
}
.item1 i {
font-size:50px;
}
.team-clean {
color:#313437;
background-color:#fff;
margin-top:50px;
}
.team-clean p {
color:#7d8285;
}
.team-clean h2 {
font-weight:bold;
margin-bottom:40px;
padding-top:40px;
color:inherit;
font-size:30px;
}
@media (max-width:767px) {
.team-clean h2 {
margin-bottom:25px;
padding-top:25px;
font-size:24px;
}
}
.team-clean .intro {
font-size:16px;
max-width:500px;
margin:0 auto;
}
.team-clean .intro p {
margin-bottom:0;
margin-bottom:20px;
}
.team-clean .people {
padding-bottom:40px;
}
.team-clean .item1 {
text-align:center;
padding-top:50px;
}
.team-clean .item1 .name {
font-weight:bold;
margin-top:28px;
margin-bottom:8px;
color:inherit;
}
.team-clean .item1 .title {
text-transform:uppercase;
font-weight:bold;
color:#d0d0d0;
letter-spacing:2px;
font-size:13px;
}
.team-clean .item1 .description {
font-size:15px;
margin-top:15px;
margin-bottom:20px;
}
.team-clean .item1 img {
max-width:160px;
}
.team-clean .social {
font-size:18px;
color:#a2a8ae;
}
.team-clean .social a {
color:inherit;
margin:0 10px;
display:inline-block;
opacity:0.7;
}
.team-clean .social a:hover {
opacity:1;
}
table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:75px;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:0.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:8px;white-space:nowrap}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:30px}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{position:absolute;bottom:8px;right:8px;display:block;font-family:'Glyphicons Halflings';opacity:0.5}table.dataTable thead .sorting:after{opacity:0.2;content:"\e150"}table.dataTable thead .sorting_asc:after{content:"\e155"}table.dataTable thead .sorting_desc:after{content:"\e156"}table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{color:#eee}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody table thead .sorting:after,div.dataTables_scrollBody table thead .sorting_asc:after,div.dataTables_scrollBody table thead .sorting_desc:after{display:none}div.dataTables_scrollBody table tbody tr:first-child th,div.dataTables_scrollBody table tbody tr:first-child td{border-top:none}div.dataTables_scrollFoot table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}}table.dataTable.table-condensed>thead>tr>th{padding-right:20px}table.dataTable.table-condensed .sorting:after,table.dataTable.table-condensed .sorting_asc:after,table.dataTable.table-condensed .sorting_desc:after{top:6px;right:6px}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:0}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{padding-right:0}
.lb-loader, .lightbox {
text-align:center;
line-height:0;
}
body:after {
content:url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
display:none;
}
.lb-dataContainer:after, .lb-outerContainer:after {
content:"";
clear:both;
}
body.lb-disable-scrolling {
overflow:hidden;
}
.lightboxOverlay {
position:absolute;
top:0;
left:0;
z-index:9999;
background-color:#000;
filter:alpha(Opacity=80);
opacity:.8;
display:none;
}
.lightbox {
position:absolute;
left:0;
width:100%;
z-index:10000;
font-weight:400;
}
.lightbox .lb-image {
display:block;
height:auto;
max-width:inherit;
border-radius:3px;
}
.lightbox a img {
border:none;
}
.lb-outerContainer {
position:relative;
background-color:#fff;
width:250px;
height:250px;
margin:0 auto;
border-radius:4px;
}
.lb-loader, .lb-nav {
position:absolute;
left:0;
}
.lb-outerContainer:after {
display:table;
}
.lb-container {
padding:4px;
}
.lb-loader {
top:43%;
height:25%;
width:100%;
}
.lb-cancel {
display:block;
width:32px;
height:32px;
margin:0 auto;
background:url(../images/loading.gif) no-repeat;
}
.lb-nav {
top:0;
height:100%;
width:100%;
z-index:10;
}
.lb-container > .nav {
left:0;
}
.lb-nav a {
outline:0;
background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-next, .lb-prev {
height:100%;
cursor:pointer;
display:block;
}
.lb-nav a.lb-prev {
width:34%;
left:0;
float:left;
background:url(../images/prev.png) left 48% no-repeat;
filter:alpha(Opacity=0);
opacity:0;
-webkit-transition:opacity .6s;
-moz-transition:opacity .6s;
-o-transition:opacity .6s;
transition:opacity .6s;
}
.lb-nav a.lb-prev:hover {
filter:alpha(Opacity=100);
opacity:1;
}
.lb-nav a.lb-next {
width:64%;
right:0;
float:right;
background:url(../images/next.png) right 48% no-repeat;
filter:alpha(Opacity=0);
opacity:0;
-webkit-transition:opacity .6s;
-moz-transition:opacity .6s;
-o-transition:opacity .6s;
transition:opacity .6s;
}
.lb-nav a.lb-next:hover {
filter:alpha(Opacity=100);
opacity:1;
}
.lb-dataContainer {
margin:0 auto;
padding-top:5px;
width:100%;
-moz-border-radius-bottomleft:4px;
-webkit-border-bottom-left-radius:4px;
border-bottom-left-radius:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
}
.lb-dataContainer:after {
display:table;
}
.lb-data {
padding:0 4px;
color:#ccc;
}
.lb-data .lb-details {
width:85%;
float:left;
text-align:left;
line-height:1.1em;
}
.lb-data .lb-caption {
font-size:13px;
font-weight:700;
line-height:1em;
}
.lb-data .lb-number {
display:block;
clear:left;
padding-bottom:1em;
font-size:12px;
color:#999;
}
.lb-data .lb-close {
display:block;
float:right;
width:30px;
height:30px;
background:url(../images/close.png) top right no-repeat;
text-align:right;
outline:0;
filter:alpha(Opacity=70);
opacity:.7;
-webkit-transition:opacity .2s;
-moz-transition:opacity .2s;
-o-transition:opacity .2s;
transition:opacity .2s;
}
.lb-data .lb-close:hover {
cursor:pointer;
filter:alpha(Opacity=100);
opacity:1;
}
#profile {
text-align:center;
}
#logo {
max-height:42px;
margin-right:10px;
margin-top:-8px;
display:inline-block;
}
#promo {
text-align:center;
padding:40px;
background:url(../../assets/img/banner.jpg) no-repeat;
background-size:cover;
margin-top:50px;
}
div.jumbotron {
border-radius:20px;
padding:40px;
background-color:rgba(255,255,255,0.5);
max-width:800px;
margin:0 auto;
}
body {
font-family:Arial,Helvetica,sans-serif;
}
.site-section {
text-align:center;
padding-bottom:70px;
}
.site-section h1 {
font-weight:normal;
margin-bottom:30px;
margin-top:60px;
}
#why .item i {
font-size:40px;
color:rgb(245,145,30);
}
#welcome p {
max-width:800px;
font-size:20px;
margin:0 auto;
color:#666;
}
#why .item h2 {
font-weight:normal;
margin-top:13px;
margin-bottom:20px;
font-size:20px;
}
.dark-section {
background-color:#e6effc;
}
#head-portrait {
max-height:23px;
margin-right:4px;
margin-top:-3px;
display:inline-block;
}
#ranking-content {
margin-top:-35px;
}
#search-form {
margin-bottom:4px;
}
.search-condition {
display:inline-block;
margin-right:30px;
}
#check-boxes {
text-align:center;
}
.content {
margin-top:85px;
}
div.col-md-4.item {
background-image:url(../../assets/img/image3.png);
background-repeat:initial;
background-size:cover;
}
.table td {
width:15%;
}
/*!
DataTables Bootstrap 3 integration
©2011-2015 SpryMedia Ltd - datatables.net/license
*/
(function(b){"function"===typeof define&&define.amd?define(["jquery","datatables.net"],function(a){return b(a,window,document)}):"object"===typeof exports?module.exports=function(a,d){a||(a=window);if(!d||!d.fn.dataTable)d=require("datatables.net")(a,d).$;return b(d,a,a.document)}:b(jQuery,window,document)})(function(b,a,d){var f=b.fn.dataTable;b.extend(!0,f.defaults,{dom:"<'row'<'col-sm-6'l><'col-sm-6'f>><'row'<'col-sm-12'tr>><'row'<'col-sm-5'i><'col-sm-7'p>>",renderer:"bootstrap"});b.extend(f.ext.classes,
{sWrapper:"dataTables_wrapper form-inline dt-bootstrap",sFilterInput:"form-control input-sm",sLengthSelect:"form-control input-sm",sProcessing:"dataTables_processing panel panel-default"});f.ext.renderer.pageButton.bootstrap=function(a,h,r,m,j,n){var o=new f.Api(a),s=a.oClasses,k=a.oLanguage.oPaginate,t=a.oLanguage.oAria.paginate||{},e,g,p=0,q=function(d,f){var l,h,i,c,m=function(a){a.preventDefault();!b(a.currentTarget).hasClass("disabled")&&o.page()!=a.data.action&&o.page(a.data.action).draw("page")};
l=0;for(h=f.length;l<h;l++)if(c=f[l],b.isArray(c))q(d,c);else{g=e="";switch(c){case "ellipsis":e="&#x2026;";g="disabled";break;case "first":e=k.sFirst;g=c+(0<j?"":" disabled");break;case "previous":e=k.sPrevious;g=c+(0<j?"":" disabled");break;case "next":e=k.sNext;g=c+(j<n-1?"":" disabled");break;case "last":e=k.sLast;g=c+(j<n-1?"":" disabled");break;default:e=c+1,g=j===c?"active":""}e&&(i=b("<li>",{"class":s.sPageButton+" "+g,id:0===r&&"string"===typeof c?a.sTableId+"_"+c:null}).append(b("<a>",{href:"#",
"aria-controls":a.sTableId,"aria-label":t[c],"data-dt-idx":p,tabindex:a.iTabIndex}).html(e)).appendTo(d),a.oApi._fnBindAction(i,{action:c},m),p++)}},i;try{i=b(h).find(d.activeElement).data("dt-idx")}catch(u){}q(b(h).empty().html('<ul class="pagination"/>').children("ul"),m);i&&b(h).find("[data-dt-idx="+i+"]").focus()};return f});
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
{
"sProcessing": "处理中...",
"sLengthMenu": "显示 _MENU_ 项结果",
"sZeroRecords": "没有匹配结果",
"sInfo": "显示第 _START_ 至 _END_ 项结果,共 _TOTAL_ 项",
"sInfoEmpty": "显示第 0 至 0 项结果,共 0 项",
"sInfoFiltered": "(由 _MAX_ 项结果过滤)",
"sInfoPostFix": "",
"sSearch": "搜索:",
"sUrl": "",
"sEmptyTable": "表中数据为空",
"sLoadingRecords": "载入中...",
"sInfoThousands": ",",
"oPaginate": {
"sFirst": "首页",
"sPrevious": "上页",
"sNext": "下页",
"sLast": "末页"
},
"oAria": {
"sSortAscending": ": 以升序排列此列",
"sSortDescending": ": 以降序排列此列"
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment