Repository: jiaopianjun/social Branch: master Commit: 8bdcfc7bb9d2 Files: 123 Total size: 337.6 KB Directory structure: gitextract_ju9w_4mt/ ├── .babelrc ├── .editorconfig ├── .eslintignore ├── .eslintrc.js ├── .gitignore ├── .postcssrc.js ├── README.md ├── build/ │ ├── build.js │ ├── check-versions.js │ ├── dev-client.js │ ├── dev-server.js │ ├── utils.js │ ├── vue-loader.conf.js │ ├── webpack.base.conf.js │ ├── webpack.dev.conf.js │ ├── webpack.prod.conf.js │ └── webpack.test.conf.js ├── config/ │ ├── dev.env.js │ ├── index.js │ ├── prod.env.js │ └── test.env.js ├── index.html ├── package.json ├── src/ │ ├── App.vue │ ├── Index.vue │ ├── SocialDetail.vue │ ├── SocialIndex.vue │ ├── SocialPost.vue │ ├── components/ │ │ ├── DetailLi.vue │ │ ├── Editor.vue │ │ ├── EnlargePicture.vue │ │ ├── IndexList.vue │ │ ├── LoginPop.vue │ │ ├── PeoInfo.vue │ │ ├── SocialIndexAdmin.vue │ │ ├── SocialIndexDetail.vue │ │ ├── SocialIndexHeader.vue │ │ ├── SocialIndexHot.vue │ │ ├── SocialIndexList.vue │ │ ├── SocialIndexRecommend.vue │ │ ├── pagination.vue │ │ └── rulePop.vue │ ├── images/ │ │ ├── thumbnext.cur │ │ └── thumbprev.cur │ ├── main.js │ ├── router/ │ │ └── index.js │ └── sass/ │ ├── .sass-cache/ │ │ ├── 0fe03028bc734e8dfd487f4cec4f99c81c197bf9/ │ │ │ ├── SocialIndexHeader.scssc │ │ │ ├── ie.scssc │ │ │ ├── print.scssc │ │ │ └── screen.scssc │ │ ├── 75fcaf1b4852ceb732871195e41567cc2a7d8997/ │ │ │ └── C%058/ │ │ │ └── Ruby23-x64/ │ │ │ └── lib/ │ │ │ └── ruby/ │ │ │ └── gems/ │ │ │ └── 2.3.0/ │ │ │ └── gems/ │ │ │ └── compass-core-1.0.3/ │ │ │ └── stylesheets/ │ │ │ └── compass/ │ │ │ └── _reset.scssc │ │ ├── 864dd71c7b880940ddbb1315c6bcb890fcda4522/ │ │ │ ├── IndexList.scssc │ │ │ ├── LoginPop.scssc │ │ │ ├── ScoialIndexRecommend - 副本.scssc │ │ │ ├── ScoialIndexRecommend.scssc │ │ │ ├── SocialDetail.scssc │ │ │ ├── SocialIndexAdmin - 副本.scssc │ │ │ ├── SocialIndexAdmin.scssc │ │ │ ├── SocialIndexDetail.scssc │ │ │ ├── SocialIndexHeader - 副本 (2).scssc │ │ │ ├── SocialIndexHeader - 副本 (3).scssc │ │ │ ├── SocialIndexHeader - 副本 (4).scssc │ │ │ ├── SocialIndexHeader.scssc │ │ │ ├── SocialIndexHot - 副本.scssc │ │ │ ├── SocialIndexHot.scssc │ │ │ ├── SocialIndexList - 副本.scssc │ │ │ ├── SocialIndexList.scssc │ │ │ ├── SocialPeoInfo - 副本.scssc │ │ │ ├── SocialPeoInfo.scssc │ │ │ ├── SocialPop.scssc │ │ │ ├── SocialPost.scssc │ │ │ ├── SocialPublic.scssc │ │ │ ├── ie.scssc │ │ │ ├── print.scssc │ │ │ └── screen.scssc │ │ ├── 8b1de0fb964996dfca872842620703baaa5efa9b/ │ │ │ └── _utilities.scssc │ │ ├── c17044e14c0b02252815f0ff968911ec47c759ba/ │ │ │ └── _reset.scssc │ │ └── dc83e2e3df60e99baa08ce8bd69dd4d9b8c8e386/ │ │ ├── ie.scssc │ │ ├── print.scssc │ │ └── screen.scssc │ ├── config.rb │ ├── sass/ │ │ ├── IndexList.scss │ │ ├── LoginPop.scss │ │ ├── ScoialIndexRecommend.scss │ │ ├── SocialDetail.scss │ │ ├── SocialIndexAdmin.scss │ │ ├── SocialIndexDetail.scss │ │ ├── SocialIndexHeader.scss │ │ ├── SocialIndexHot.scss │ │ ├── SocialIndexList.scss │ │ ├── SocialPeoInfo.scss │ │ ├── SocialPop.scss │ │ ├── SocialPost.scss │ │ ├── SocialPublic.scss │ │ ├── ie.scss │ │ ├── print.scss │ │ └── screen.scss │ └── stylesheets/ │ ├── IndexList.css │ ├── LoginPop.css │ ├── ScoialIndexRecommend.css │ ├── SocialDetail.css │ ├── SocialIndexAdmin.css │ ├── SocialIndexDetail.css │ ├── SocialIndexHeader.css │ ├── SocialIndexHot.css │ ├── SocialIndexList.css │ ├── SocialPeoInfo.css │ ├── SocialPop.css │ ├── SocialPost.css │ ├── SocialPublic.css │ ├── ie.css │ ├── print.css │ └── screen.css ├── static/ │ └── .gitkeep ├── test/ │ ├── e2e/ │ │ ├── custom-assertions/ │ │ │ └── elementCount.js │ │ ├── nightwatch.conf.js │ │ ├── runner.js │ │ └── specs/ │ │ └── test.js │ └── unit/ │ ├── .eslintrc │ ├── index.js │ ├── karma.conf.js │ └── specs/ │ └── Hello.spec.js └── webpack.config.js ================================================ FILE CONTENTS ================================================ ================================================ FILE: .babelrc ================================================ { "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] } }], "stage-2" ], "plugins": ["transform-runtime"], "env": { "test": { "presets": ["env", "stage-2"], "plugins": ["istanbul"] } } } ================================================ FILE: .editorconfig ================================================ root = true [*] charset = utf-8 indent_style = space indent_size = 2 end_of_line = lf insert_final_newline = true trim_trailing_whitespace = true ================================================ FILE: .eslintignore ================================================ build/*.js config/*.js ================================================ FILE: .eslintrc.js ================================================ // https://eslint.org/docs/user-guide/configuring module.exports = { root: true, parser: 'babel-eslint', parserOptions: { sourceType: 'module' }, env: { browser: true, }, // https://github.com/standard/standard/blob/master/docs/RULES-en.md extends: 'standard', // required to lint *.vue files plugins: [ 'html' ], // add your custom rules here 'rules': { // allow paren-less arrow functions 'arrow-parens': 0, // allow async-await 'generator-star-spacing': 0, // allow debugger during development 'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0 } } ================================================ FILE: .gitignore ================================================ .DS_Store node_modules/ dist/ npm-debug.log* yarn-debug.log* yarn-error.log* test/unit/coverage test/e2e/reports selenium-debug.log # Editor directories and files .idea .vscode *.suo *.ntvs* *.njsproj *.sln ================================================ FILE: .postcssrc.js ================================================ // https://github.com/michael-ciniawsky/postcss-load-config module.exports = { "plugins": { // to edit target browsers: use "browserslist" field in package.json "autoprefixer": {} } } ================================================ FILE: README.md ================================================ #### 前提 项目需求：建立一个平台能够提供给玩家交流的地方。 #### 功能需求 - 一个聚合页面，提供当前最新的帖子 - 个人模块：显示头像，个人昵称，个人已经加入的主题 - 热门讨论： 提供热门帖子 - 主题推荐 - 主题页面： 显示当前主题下 的帖子， 可提供 精华 攻略 等小标签的分类 可以 选择 时间 热门 进行排序 - 帖子页面： 显示 当前帖子的标签 如 官方 置顶 等。 同时分权限等级 可以 进行 置顶 删除等操作 - 评论： 可以对当前帖子进行评论，也可以对某条帖子进行评论，也可以回复其他评论者 - 帖子发表： 可以选择 帖子类型 标签等 #### 技术栈 Vue + Js + Sass + Css3 + Vue-resouse 等 #### 源码 [Github](https://github.com/jiaopianjun/social) #### 项目地址 可以直接访问线上地址 [社区](http://stone.snail.com/social/index.html#/) 注册后 登录 即可 体验 发帖 回帖 等操作 #### 项目运行 - git clone https://github.com/jiaopianjun/social.git - npm install - npm run dev #### 项目截图 ![首页](https://upload-images.jianshu.io/upload_images/1251988-e712dca3421b6142.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) ![主题首页](https://upload-images.jianshu.io/upload_images/1251988-cc32c47f383e5005.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) ![发帖页面](https://upload-images.jianshu.io/upload_images/1251988-57b681e85f81aa4f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) ![回帖操作](https://upload-images.jianshu.io/upload_images/1251988-31204d0661a915c9.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) ![权限管理](https://upload-images.jianshu.io/upload_images/1251988-ea433901c15a3edd.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) ================================================ FILE: build/build.js ================================================ 'use strict' require('./check-versions')() process.env.NODE_ENV = 'production' const ora = require('ora') const rm = require('rimraf') const path = require('path') const chalk = require('chalk') const webpack = require('webpack') const config = require('../config') const webpackConfig = require('./webpack.prod.conf') const spinner = ora('building for production...') spinner.start() rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => { if (err) throw err webpack(webpackConfig, function (err, stats) { spinner.stop() if (err) throw err process.stdout.write(stats.toString({ colors: true, modules: false, children: false, chunks: false, chunkModules: false }) + '\n\n') if (stats.hasErrors()) { console.log(chalk.red(' Build failed with errors.\n')) process.exit(1) } console.log(chalk.cyan(' Build complete.\n')) console.log(chalk.yellow( ' Tip: built files are meant to be served over an HTTP server.\n' + ' Opening index.html over file:// won\'t work.\n' )) }) }) ================================================ FILE: build/check-versions.js ================================================ 'use strict' const chalk = require('chalk') const semver = require('semver') const packageConfig = require('../package.json') const shell = require('shelljs') function exec (cmd) { return require('child_process').execSync(cmd).toString().trim() } const versionRequirements = [ { name: 'node', currentVersion: semver.clean(process.version), versionRequirement: packageConfig.engines.node } ] if (shell.which('npm')) { versionRequirements.push({ name: 'npm', currentVersion: exec('npm --version'), versionRequirement: packageConfig.engines.npm }) } module.exports = function () { const warnings = [] for (let i = 0; i < versionRequirements.length; i++) { const mod = versionRequirements[i] if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) { warnings.push(mod.name + ': ' + chalk.red(mod.currentVersion) + ' should be ' + chalk.green(mod.versionRequirement) ) } } if (warnings.length) { console.log('') console.log(chalk.yellow('To use this template, you must update following to modules:')) console.log() for (let i = 0; i < warnings.length; i++) { const warning = warnings[i] console.log(' ' + warning) } console.log() process.exit(1) } } ================================================ FILE: build/dev-client.js ================================================ /* eslint-disable */ 'use strict' require('eventsource-polyfill') const hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true') hotClient.subscribe(function (event) { if (event.action === 'reload') { window.location.reload() } }) ================================================ FILE: build/dev-server.js ================================================ 'use strict' require('./check-versions')() const config = require('../config') if (!process.env.NODE_ENV) { process.env.NODE_ENV = JSON.parse(config.dev.env.NODE_ENV) } const opn = require('opn') const path = require('path') const express = require('express') const webpack = require('webpack') const proxyMiddleware = require('http-proxy-middleware') const webpackConfig = (process.env.NODE_ENV === 'testing' || process.env.NODE_ENV === 'production') ? require('./webpack.prod.conf') : require('./webpack.dev.conf') // default port where dev server listens for incoming traffic const port = process.env.PORT || config.dev.port // automatically open browser, if not set will be false const autoOpenBrowser = !!config.dev.autoOpenBrowser // Define HTTP proxies to your custom API backend // https://github.com/chimurai/http-proxy-middleware const proxyTable = config.dev.proxyTable const app = express() const compiler = webpack(webpackConfig) const devMiddleware = require('webpack-dev-middleware')(compiler, { publicPath: webpackConfig.output.publicPath, quiet: true }) const hotMiddleware = require('webpack-hot-middleware')(compiler, { log: false, heartbeat: 2000 }) // force page reload when html-webpack-plugin template changes // currently disabled until this is resolved: // https://github.com/jantimon/html-webpack-plugin/issues/680 // compiler.plugin('compilation', function (compilation) { // compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) { // hotMiddleware.publish({ action: 'reload' }) // cb() // }) // }) // enable hot-reload and state-preserving // compilation error display app.use(hotMiddleware) // proxy api requests Object.keys(proxyTable).forEach(function (context) { const options = proxyTable[context] if (typeof options === 'string') { options = { target: options } } app.use(proxyMiddleware(options.filter || context, options)) }) // handle fallback for HTML5 history API app.use(require('connect-history-api-fallback')()) // serve webpack bundle output app.use(devMiddleware) // serve pure static assets const staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory) app.use(staticPath, express.static('./static')) const uri = 'http://localhost:' + port var _resolve var _reject var readyPromise = new Promise((resolve, reject) => { _resolve = resolve _reject = reject }) var server var portfinder = require('portfinder') portfinder.basePort = port console.log('> Starting dev server...') devMiddleware.waitUntilValid(() => { portfinder.getPort((err, port) => { if (err) { _reject(err) } process.env.PORT = port var uri = 'http://localhost:' + port console.log('> Listening at ' + uri + '\n') // when env is testing, don't need open it if (autoOpenBrowser && process.env.NODE_ENV !== 'testing') { opn(uri) } server = app.listen(port) _resolve() }) }) module.exports = { ready: readyPromise, close: () => { server.close() } } ================================================ FILE: build/utils.js ================================================ 'use strict' const path = require('path') const config = require('../config') const ExtractTextPlugin = require('extract-text-webpack-plugin') exports.assetsPath = function (_path) { const assetsSubDirectory = process.env.NODE_ENV === 'production' ? config.build.assetsSubDirectory : config.dev.assetsSubDirectory return path.posix.join(assetsSubDirectory, _path) } exports.cssLoaders = function (options) { options = options || {} const cssLoader = { loader: 'css-loader', options: { minimize: process.env.NODE_ENV === 'production', sourceMap: options.sourceMap } } // generate loader string to be used with extract text plugin function generateLoaders (loader, loaderOptions) { const loaders = [cssLoader] if (loader) { loaders.push({ loader: loader + '-loader', options: Object.assign({}, loaderOptions, { sourceMap: options.sourceMap }) }) } // Extract CSS when that option is specified // (which is the case during production build) if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader' }) } else { return ['vue-style-loader'].concat(loaders) } } // https://vue-loader.vuejs.org/en/configurations/extract-css.html return { css: generateLoaders(), postcss: generateLoaders(), less: generateLoaders('less'), sass: generateLoaders('sass', { indentedSyntax: true }), scss: generateLoaders('sass'), stylus: generateLoaders('stylus'), styl: generateLoaders('stylus') } } // Generate loaders for standalone style files (outside of .vue) exports.styleLoaders = function (options) { const output = [] const loaders = exports.cssLoaders(options) for (const extension in loaders) { const loader = loaders[extension] output.push({ test: new RegExp('\\.' + extension + '$'), use: loader }) } return output } ================================================ FILE: build/vue-loader.conf.js ================================================ 'use strict' const utils = require('./utils') const config = require('../config') const isProduction = process.env.NODE_ENV === 'production' module.exports = { loaders: utils.cssLoaders({ sourceMap: isProduction ? config.build.productionSourceMap : config.dev.cssSourceMap, extract: isProduction }), transformToRequire: { video: 'src', source: 'src', img: 'src', image: 'xlink:href' } } ================================================ FILE: build/webpack.base.conf.js ================================================ 'use strict' const path = require('path') const utils = require('./utils') const config = require('../config') const vueLoaderConfig = require('./vue-loader.conf') function resolve (dir) { return path.join(__dirname, '..', dir) } module.exports = { entry: { app: './src/main.js' }, output: { path: config.build.assetsRoot, filename: 'index.js', publicPath: process.env.NODE_ENV === 'production' ? config.build.assetsPublicPath : config.dev.assetsPublicPath }, resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), } }, module: { rules: [ { test: /\.(js|vue)$/, loader: 'eslint-loader', enforce: 'pre', include: [resolve('src'), resolve('test')], options: { formatter: require('eslint-friendly-formatter') } }, { test: /\.vue$/, loader: 'vue-loader', options: vueLoaderConfig }, { test: /\.js$/, loader: 'babel-loader', include: [resolve('src'), resolve('test')] }, { test: /\.css$/, //这是注释掉的模块，一开始很疑惑加入css的编译模块马上就报错了，注释掉之后sass代码照样可以成功编译。 loader: ["vue-style-loader", "css-loader"] }, { test: /\.less$/, loader: ["vue-style-loader", "css-loader", "less-loader"] }, { test: /\.(scss|sass)$/, loader: ["node-sass", "vue-style-loader", "css-loader", "sass-loader"] }, { test: /\.scss/, loaders: ['css', 'autoprefixer', 'sass'], }, { test: /\.(cur|png|jpe?g|gif|svg)(\?.*)?$/, loader: 'url-loader', options: { limit: 10000, name: utils.assetsPath('img/[name].[hash:7].[ext]') } }, { test: /\.(cur|mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/, loader: 'url-loader', options: { limit: 10000, name: utils.assetsPath('media/[name].[hash:7].[ext]') } }, { test: /\.(cur|woff2?|eot|ttf|otf)(\?.*)?$/, loader: 'url-loader', options: { limit: 10000, name: utils.assetsPath('fonts/[name].[hash:7].[ext]') } } ] } } ================================================ FILE: build/webpack.dev.conf.js ================================================ 'use strict' const utils = require('./utils') const webpack = require('webpack') const config = require('../config') const merge = require('webpack-merge') const baseWebpackConfig = require('./webpack.base.conf') const HtmlWebpackPlugin = require('html-webpack-plugin') const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin') // add hot-reload related code to entry chunks Object.keys(baseWebpackConfig.entry).forEach(function (name) { baseWebpackConfig.entry[name] = ['./build/dev-client'].concat(baseWebpackConfig.entry[name]) }) module.exports = merge(baseWebpackConfig, { module: { rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap }) }, // cheap-module-eval-source-map is faster for development devtool: '#cheap-module-eval-source-map', plugins: [ new webpack.DefinePlugin({ 'process.env': config.dev.env }), // https://github.com/glenjamin/webpack-hot-middleware#installation--usage new webpack.HotModuleReplacementPlugin(), new webpack.NoEmitOnErrorsPlugin(), // https://github.com/ampedandwired/html-webpack-plugin new HtmlWebpackPlugin({ filename: 'index.html', template: 'index.html', inject: true }), new FriendlyErrorsPlugin() ] }) ================================================ FILE: build/webpack.prod.conf.js ================================================ 'use strict' const path = require('path') const utils = require('./utils') const webpack = require('webpack') const config = require('../config') const merge = require('webpack-merge') const baseWebpackConfig = require('./webpack.base.conf') const CopyWebpackPlugin = require('copy-webpack-plugin') const HtmlWebpackPlugin = require('html-webpack-plugin') const ExtractTextPlugin = require('extract-text-webpack-plugin') const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin') const env = process.env.NODE_ENV === 'testing' ? require('../config/test.env') : config.build.env const webpackConfig = merge(baseWebpackConfig, { module: { rules: utils.styleLoaders({ sourceMap: config.build.productionSourceMap, extract: true }) }, devtool: config.build.productionSourceMap ? '#source-map' : false, output: { path: config.build.assetsRoot, filename: utils.assetsPath('js/[name].[chunkhash].js'), chunkFilename: utils.assetsPath('js/[id].[chunkhash].js') }, plugins: [ // http://vuejs.github.io/vue-loader/en/workflow/production.html new webpack.DefinePlugin({ 'process.env': env }), // UglifyJs do not support ES6+, you can also use babel-minify for better treeshaking: https://github.com/babel/minify new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false }, sourceMap: true }), // extract css into its own file new ExtractTextPlugin({ filename: utils.assetsPath('css/[name].[contenthash].css') }), // Compress extracted CSS. We are using this plugin so that possible // duplicated CSS from different components can be deduped. new OptimizeCSSPlugin({ cssProcessorOptions: { safe: true } }), // generate dist index.html with correct asset hash for caching. // you can customize output by editing /index.html // see https://github.com/ampedandwired/html-webpack-plugin new HtmlWebpackPlugin({ filename: process.env.NODE_ENV === 'testing' ? 'index.html' : config.build.index, template: 'index.html', inject: true, minify: { removeComments: true, collapseWhitespace: true, removeAttributeQuotes: true // more options: // https://github.com/kangax/html-minifier#options-quick-reference }, // necessary to consistently work with multiple chunks via CommonsChunkPlugin chunksSortMode: 'dependency' }), // keep module.id stable when vender modules does not change new webpack.HashedModuleIdsPlugin(), // split vendor js into its own file new webpack.optimize.CommonsChunkPlugin({ name: 'vendor', minChunks: function (module) { // any required modules inside node_modules are extracted to vendor return ( module.resource && /\.js$/.test(module.resource) && module.resource.indexOf( path.join(__dirname, '../node_modules') ) === 0 ) } }), // extract webpack runtime and module manifest to its own file in order to // prevent vendor hash from being updated whenever app bundle is updated new webpack.optimize.CommonsChunkPlugin({ name: 'manifest', chunks: ['vendor'] }), // copy custom static assets new CopyWebpackPlugin([ { from: path.resolve(__dirname, '../static'), to: config.build.assetsSubDirectory, ignore: ['.*'] } ]) ] }) if (config.build.productionGzip) { const CompressionWebpackPlugin = require('compression-webpack-plugin') webpackConfig.plugins.push( new CompressionWebpackPlugin({ asset: '[path].gz[query]', algorithm: 'gzip', test: new RegExp( '\\.(' + config.build.productionGzipExtensions.join('|') + ')$' ), threshold: 10240, minRatio: 0.8 }) ) } if (config.build.bundleAnalyzerReport) { const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin webpackConfig.plugins.push(new BundleAnalyzerPlugin()) } module.exports = webpackConfig ================================================ FILE: build/webpack.test.conf.js ================================================ 'use strict' // This is the webpack config used for unit tests. const utils = require('./utils') const webpack = require('webpack') const merge = require('webpack-merge') const baseWebpackConfig = require('./webpack.base.conf') const webpackConfig = merge(baseWebpackConfig, { // use inline sourcemap for karma-sourcemap-loader module: { rules: utils.styleLoaders() }, devtool: '#inline-source-map', resolveLoader: { alias: { // necessary to to make lang="scss" work in test when using vue-loader's ?inject option // see discussion at https://github.com/vuejs/vue-loader/issues/724 'scss-loader': 'sass-loader' } }, plugins: [ new webpack.DefinePlugin({ 'process.env': require('../config/test.env') }) ] }) // no need for app entry during tests delete webpackConfig.entry module.exports = webpackConfig ================================================ FILE: config/dev.env.js ================================================ 'use strict' const merge = require('webpack-merge') const prodEnv = require('./prod.env') module.exports = merge(prodEnv, { NODE_ENV: '"development"' }) ================================================ FILE: config/index.js ================================================ 'use strict' // Template version: 1.1.1 // see http://vuejs-templates.github.io/webpack for documentation. const path = require('path') module.exports = { build: { env: require('./prod.env'), index: path.resolve(__dirname, '../dist/index.html'), assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assetsPublicPath: './', productionSourceMap: true, // 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: // npm install --save-dev compression-webpack-plugin productionGzip: false, productionGzipExtensions: ['js', 'css'], // Run the build command with an extra argument to // View the bundle analyzer report after build finishes: // `npm run build --report` // Set to `true` or `false` to always turn it on or off bundleAnalyzerReport: process.env.npm_config_report }, dev: { env: require('./dev.env'), port: process.env.PORT || 8080, autoOpenBrowser: true, assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: {}, // CSS Sourcemaps off by default because relative paths are "buggy" // with this option, according to the CSS-Loader README // (https://github.com/webpack/css-loader#sourcemaps) // In our experience, they generally work as expected, // just be aware of this issue when enabling this option. cssSourceMap: false } } ================================================ FILE: config/prod.env.js ================================================ 'use strict' module.exports = { NODE_ENV: '"production"' } ================================================ FILE: config/test.env.js ================================================ 'use strict' const merge = require('webpack-merge') const devEnv = require('./dev.env') module.exports = merge(devEnv, { NODE_ENV: '"testing"' }) ================================================ FILE: index.html ================================================ 社交圈子
================================================ FILE: package.json ================================================ { "name": "yes", "version": "1.0.0", "description": "A Vue.js project", "author": "PhotoFilm ", "private": true, "scripts": { "dev": "node build/dev-server.js", "start": "npm run dev", "build": "node build/build.js", "unit": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run", "e2e": "node test/e2e/runner.js", "test": "npm run unit && npm run e2e", "lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs" }, "dependencies": { "vue": "^2.4.2", "vue-router": "^2.7.0" }, "devDependencies": { "autoprefixer": "^7.1.2", "babel-core": "^6.22.1", "babel-eslint": "^7.1.1", "babel-loader": "^7.1.1", "babel-plugin-transform-runtime": "^6.22.0", "babel-preset-env": "^1.3.2", "babel-preset-stage-2": "^6.22.0", "babel-register": "^6.22.0", "chalk": "^2.0.1", "connect-history-api-fallback": "^1.3.0", "copy-webpack-plugin": "^4.0.1", "css-loader": "^0.28.0", "eslint": "^3.19.0", "eslint-friendly-formatter": "^3.0.0", "eslint-loader": "^1.7.1", "eslint-plugin-html": "^3.0.0", "eslint-config-standard": "^10.2.1", "eslint-plugin-promise": "^3.4.0", "eslint-plugin-standard": "^3.0.1", "eslint-plugin-import": "^2.7.0", "eslint-plugin-node": "^5.2.0", "eventsource-polyfill": "^0.9.6", "express": "^4.14.1", "extract-text-webpack-plugin": "^3.0.0", "file-loader": "^1.1.4", "friendly-errors-webpack-plugin": "^1.6.1", "html-webpack-plugin": "^2.30.1", "http-proxy-middleware": "^0.17.3", "webpack-bundle-analyzer": "^2.9.0", "cross-env": "^5.0.1", "karma": "^1.4.1", "karma-coverage": "^1.1.1", "karma-mocha": "^1.3.0", "karma-phantomjs-launcher": "^1.0.2", "karma-phantomjs-shim": "^1.4.0", "karma-sinon-chai": "^1.3.1", "karma-sourcemap-loader": "^0.3.7", "karma-spec-reporter": "0.0.31", "karma-webpack": "^2.0.2", "mocha": "^3.2.0", "chai": "^4.1.2", "sinon": "^4.0.0", "sinon-chai": "^2.8.0", "inject-loader": "^3.0.0", "babel-plugin-istanbul": "^4.1.1", "phantomjs-prebuilt": "^2.1.14", "chromedriver": "^2.27.2", "cross-spawn": "^5.0.1", "nightwatch": "^0.9.12", "selenium-server": "^3.0.1", "semver": "^5.3.0", "shelljs": "^0.7.6", "opn": "^5.1.0", "optimize-css-assets-webpack-plugin": "^3.2.0", "ora": "^1.2.0", "rimraf": "^2.6.0", "url-loader": "^0.5.8", "vue-loader": "^13.0.4", "vue-style-loader": "^3.0.1", "vue-template-compiler": "^2.4.2", "portfinder": "^1.0.13", "webpack": "^3.6.0", "webpack-dev-middleware": "^1.12.0", "webpack-hot-middleware": "^2.18.2", "webpack-merge": "^4.1.0" }, "engines": { "node": ">= 4.0.0", "npm": ">= 3.0.0" }, "browserslist": [ "> 1%", "last 2 versions", "not ie <= 8" ] } ================================================ FILE: src/App.vue ================================================ ================================================ FILE: src/Index.vue ================================================ ================================================ FILE: src/SocialDetail.vue ================================================ ================================================ FILE: src/SocialIndex.vue ================================================ ================================================ FILE: src/SocialPost.vue ================================================ ================================================ FILE: src/components/DetailLi.vue ================================================ ================================================ FILE: src/components/Editor.vue ================================================ ================================================ FILE: src/components/EnlargePicture.vue ================================================ ================================================ FILE: src/components/IndexList.vue ================================================ ================================================ FILE: src/components/LoginPop.vue ================================================ ================================================ FILE: src/components/PeoInfo.vue ================================================ ================================================ FILE: src/components/SocialIndexAdmin.vue ================================================ ================================================ FILE: src/components/SocialIndexDetail.vue ================================================ ================================================ FILE: src/components/SocialIndexHeader.vue ================================================ ================================================ FILE: src/components/SocialIndexHot.vue ================================================ ================================================ FILE: src/components/SocialIndexList.vue ================================================ ================================================ FILE: src/components/SocialIndexRecommend.vue ================================================ ================================================ FILE: src/components/pagination.vue ================================================ ================================================ FILE: src/components/rulePop.vue ================================================ ================================================ FILE: src/main.js ================================================ // The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf with an alias. import Vue from 'vue' import App from './App' import router from './router' import VueResource from 'vue-resource' Vue.use(VueResource) Vue.config.productionTip = false Vue.http.interceptors.push((request, next) => { request.credentials = true next() }) /* eslint-disable no-new */ new Vue({ el: '#app', router, template: '', components: { App } }) ================================================ FILE: src/router/index.js ================================================ import Vue from 'vue' import Router from 'vue-router' import Index from '@/Index' import SocialIndex from '@/SocialIndex' import SocialDetail from '@/SocialDetail' import SocialPost from '@/SocialPost' Vue.use(Router) export default new Router({ // mode: 'history', // hashbang: false, // history: false, routes: [ { path: '/', name: 'index', component: Index, meta: { title: '这是个圈子', keepAlive: false } }, { path: '/index', name: 'index', component: Index, meta: { title: '这是个圈子', keepAlive: false } }, { path: '/circle/:circleId', name: 'circle', component: SocialIndex, meta: { title: '这是个圈子', keepAlive: false } }, { path: '/post/:circleId/:postId/:onPage', name: 'post', component: SocialDetail, meta: { title: '这是个圈子', keepAlive: false } }, { path: '/SocialPost/:circleId', name: 'SocialPost', component: SocialPost, meta: { title: '这是个圈子', keepAlive: false } } ] }) ================================================ FILE: src/sass/config.rb ================================================ require 'compass/import-once/activate' # Require any additional compass plugins here. # Set this to the root of your project when deployed: http_path = "/" css_dir = "stylesheets" sass_dir = "sass" images_dir = "images" javascripts_dir = "javascripts" # You can select your preferred output style here (can be overridden via the command line): # output_style = :expanded or :nested or :compact or :compressed # To enable relative paths to assets via compass helper functions. Uncomment: # relative_assets = true # To disable debugging comments that display the original location of your selectors. Uncomment: # line_comments = false # If you prefer the indented syntax, you might want to regenerate this # project again passing --syntax sass, or you can uncomment this: # preferred_syntax = :sass # and then run: # sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass ================================================ FILE: src/sass/sass/IndexList.scss ================================================ @-webkit-keyframes mymove { from {top:0px;} to {top:230px;} } @keyframes mymove { from {top:0px;} to {top:230px;} } @-moz-keyframes mymove { from {top:0px;} to {top:230px;} } #IndexList .fixed{ position: fixed; animation:mymove 2s normal; -webkit-animation:mymove 2s normal; -moz-animation:mymove 2s normal; -ms-animation:mymove 2s normal; } .IndexList{ width:700px; padding:17px 0 33px; .IndexListType{ width:661px; top:0; z-index:3; height: 15px; padding:17px 19px; border-bottom: 1px solid #e6e7eb; background:#fff; .TypeTag{ height: 15px; line-height:15px; width: 540px; ul{ height: 20px; margin-top:-5px } li{ float: left; min-width:55px; margin-right:20px; height: 20px; line-height:20px; padding-bottom:15px; border-bottom:4px solid #0099e5; } } } .IndexListCont{ width:100%; height:auto; li{ position: relative; min-height:72px; padding:30px 19px; border-bottom: 1px solid #e6e7eb; &::before{ content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; z-index: 0; opacity: 0; background-color: rgba(164, 168, 195, 0.5); -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; } &:hover::before{ // opacity: 0.2; // width: 100%; } .Jitems{ position:relative; height: auto; width: 100%; z-index: 1; } .Jitems-Title{ width:100%; height: 30px; a,i{ display: inline-block; } a{ max-width:520px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color:#585858; text-align: left; margin-right: 5px; &:hover{ //text-decoration: underline; color:#00aaff; } } } .Jitems-Name{ height: 40px; line-height: 40px; width: 100%; margin-bottom: 15px; .Indexlist_join , .Indexlist_ujoin{ width: 62px; height: 26px; line-height: 26px; font-size: 12px; color: rgb(88, 88, 88); border: 1px solid rgb(234, 236, 239); background-color: rgba(40, 215, 250, 0); } .Indexlist_join{ color: #fff; background: #00aaff; border-color: #00aaff; img{ margin-right:5px; } } .Indexlist_ujoin{ span:first-child{ display: inline-block; } span:last-child{ display: none; } &:hover{ span:first-child{ display: none; } span:last-child{ display: inline-block; } } } .qzicon{ width: 40px; height: 40px; border-radius:50%; overflow: hidden; margin-right:15px; } .Qzname{ font-size: 14px; color: rgb(64, 64, 64); font-weight: bold; margin-right:15px; &:hover{ color:#0099e5 } } } .Jitems-Detail{ width:100%; min-height: 27px; margin-bottom: 10px; .Jitems-Detail-text{ font-size: 14px; color: rgb(167, 167, 167); max-height: 30px; max-width:100%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 24px; p{ font-size: 14px !important; color: rgb(167, 167, 167) !important; } } .Jitems-Detail-img{ position:relative; width:100%; .JDICont{ position: relative; z-index: 4; max-height: 110px; width:100%; overflow: hidden; } } .imgList{ position:relative; display: inline-block; max-width:156px; text-align: left; height: 110px; overflow:hidden; margin-right:10px; .imgfd{ position:absolute; top:0; left:0; display: none; width: 100%; height: 100%; background:rgba(0,0,0,0) url(../../images/icon-max.png) no-repeat center; } &:hover .imgfd{ display: inline-block; } img{ display: inline-block; cursor: -webkit-zoom-in; cursor: zoom-in; max-height: 100%; //max-width:100%; } } } .Jitems-Info{ width:100%; height:20px; .JuserInfo{ min-width:160px; max-width: 400px; a{ display: inline-block; position: relative; line-height:20px; font-size: 12px; color: rgb(102, 102, 102); } img{ position: relative; top:4px; display: inline; width:20px; height:20px; border-radius:50%; } .JuserInfo-time{ font-size: 12px; color: rgb(167, 167, 167); border-left:1px solid rgb(238, 238, 238); margin-left:5px; padding-left:10px; } } .JdataInfo{ display: inline-block; height: 20px; line-height: 20px; font-size: 12px; color: rgb(167, 167, 167); margin-top:4px; span{ margin-right:20px; img{ margin-right:5px; } } } } } } .Jlist-thumb{ // display: none; position:relative; margin-top:-110px; width: 632px; min-height:100px; padding: 10px; background: #f7f7f7; border: 1px solid #e4e6eb; z-index:5; cursor: normal; .thumbHd{ height: 25px; width:100%; border-bottom:1px solid #e4e6eb; text-align: left; a{ float: left; font-size: 12px; color: #2d64b3; text-align: left; box-sizing:content-box; i{ display: inline-block; position:relative; top:-1px; width: 20px; height: 20px; vertical-align: middle; background:url(../../images/thread_list_z_eca48fe.png); background-position: 0px -30px; } } } .thumbWarp{ position:relative; width:632px; height: 90%; padding: 1% 0; margin-top:10px; text-align: center; display: table-cell; vertical-align: middle; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; img{ display: inline-block; max-width: 100%; cursor: -webkit-zoom-out; cursor: zoom-out; } .thumbsx{ position:absolute; top:0; left:0; width: 100%; height: 100%; z-index: 5; &:hover{ cursor: normal; background:rgba(0,0,0,0.05) url(../../images/icon-mini.png) no-repeat center; } } .thumbWarpList{ position:relative; margin-top:10px; overflow:hidden; width:632px; } .thumbNext, .thumbPrev{ position:absolute; top:0; width:20%; height: 100%; cursor: pointer; z-index: 6; } .thumbPrev{ left:0; &:hover{ background:rgba(0,0,0,0.01) url(../../images/icon-left.png) no-repeat center; } } .thumbNext{ right: 0; &:hover{ background:rgba(0,0,0,0.01) url(../../images/icon-right.png) no-repeat center; } } } } } .selectMask{ position:fixed; width: 100%; height:100%; top:0; left:0; z-index: 100003; } .drownbox { width: 100%; margin:30px auto 0; height: 60px; text-align: center; span{ width: 80px; height: 20px; line-height: 20px; display: inline-block; font-size: 14px; font-family: "Microsoft YaHei"; color: rgb(128, 128, 128); } } .goDrown{ cursor: pointer; padding-right:10px; background:url(../../images/icon18.png) no-repeat center right; &:hover{ color:#0099fe; background:url(../../images/icon18_hover.png) no-repeat center right; } } .spinner8 { margin: 0 auto; width: 60px; height: 60px; position: relative; } .container1 > div, .container2 > div, .container3 > div { width: 16px; height: 16px; background-color: #0099fe; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .spinner8 .spinner-container { position: absolute; width: 100%; height: 100%; } .container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } .container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); } .circle1 { top: 0; left: 0; } .circle2 { top: 0; right: 0; } .circle3 { right: 0; bottom: 0; } .circle4 { left: 0; bottom: 0; } .container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .container3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } ================================================ FILE: src/sass/sass/LoginPop.scss ================================================ .LoginPop{ // display: none; position: fixed; right: 0; left: 0; top: 220px; width: 340px; margin: 0 auto; box-shadow: 0 0 5px rgba(0, 0, 0, 0.8); background-color: #f5f6f8; z-index: 100; } .banner .prev, .banner .next{ z-index: 8 !important; } .LoginPop .LoginPop_outer{ position: relative; width: 100%; height: 100%; padding:40px; box-sizing: border-box; } .LoginPop .LoginPop_cancle{ position: absolute; top: 15px; right: 15px; width: 14px; height: 14px; background: url('http://www.iplaystone.com/static/common/images/cancel.png'); cursor: pointer; } .LoginPop .LoginPop_title{ font-size: 14px; color: white; text-align: center; margin-bottom: 30px; } .LoginPop_title img{ display: inline-block; } .LoginPop .LoginPop_input{ position: relative; width: 100%; height: 58px; } .LoginPop .LoginPop_input .LoginPop_error{ display: none; height: 20px; padding-left: 15px; color: red; background: url('http://www.iplaystone.com/static/common/images/error.png') left no-repeat; } .LoginPop .LoginPop_input > input{ width: 100%; height: 38px; border: 1px solid rgb(240, 241, 242); background-color: rgb(240, 241, 242); outline: none; padding: 0 15px 0 30px; color: rgb(128, 128, 128); box-sizing: border-box; } .LoginPop .LoginPop_input > input:focus{ border-color:#00aaff; } .LoginPop .LoginPop_input .LoginPop_icon{ position: absolute; top: 13px; left: 10px; width: 13px; height: 13px; } .LoginPop .LoginPop_input .LoginPop_user{ background: url('http://www.iplaystone.com/static/common/images/user.png') no-repeat; } .LoginPop .LoginPop_input .LoginPop_pwd{ background: url('http://www.iplaystone.com/static/common/images/key.png') no-repeat; } .LoginPop .LoginPop_btn{ width: 100%; height: 46px; margin: 30px 0 15px 0; } .LoginPop .LoginPop_btn > button{ width: 100%; height: 100%; text-align: center; background-color: white; border: none; color: white; background: url('http://www.iplaystone.com/static/common/images/btn_normal.png'); cursor: pointer; } /* .LoginPop .LoginPop_btn > button:hover{ background: url('../images/btn_hover.png'); }*/ .LoginPop .LoginPop_forget, .LoginPop .LoginPop_register { font-size: 12px; } .LoginPop .LoginPop_forget{ /*float: left;*/ color: #808080; } .LoginPop .LoginPop_register{ /*float: right;*/ color: #5a9ddf; } .LoginPop .LoginPop_box{ text-align: center; } .LoginPop_box span{ display: inline-block; height: 15px; width: 1px; background: #999; margin: 0 20px; position: relative; top: 3px; } ================================================ FILE: src/sass/sass/ScoialIndexRecommend.scss ================================================ .SocialIndexRecommend{ width:240px; background:#fff; top:230px; padding:15px 19px; margin-bottom: 20px; transition: all .3s linear; -ms-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; .MoudleHd{ a{ background:url(../../images/icon2.png) no-repeat right 6px; &:hover{ color:#00aaff; } } } .RecommentList{ width:100%; height:auto; ul{ width:100%; height:100%; padding:30px 0 20px 0; li{ height: 50px; width: 100%; margin-bottom: 15px; &:last-child{ margin-bottom: 0; } .ListGameName{ width:182px; height: 100%; img{ width:50px; height: 50px; border-radius: 5px; margin-right:10px; } } .NameBox{ width: 117px; .qzname{ display: inline-block; height: 30px; width: 100%; text-align: left; font-size: 14px; color: rgb(88, 88, 88); line-height: 2.2; } h6{ font-size: 12px; color: #8c8c8c; width: 117px; height:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .ListGameBtn{ width: 56px; height: 26px; margin-top:9px; a{ display: inline-block; width:100%; height: 100%; font-size: 12px; text-align: center; line-height: 26px; } .R_nJoin{ color:rgb(88, 88, 88); border: 1px solid rgb(234, 236, 239); background-color: rgba(170, 178, 189, 0); } .R_Join{ color:#fff; background:#00aaff; img{ margin-right:3px; } } .R_nJoin{ span:first-child{ display: inline-block; } span:last-child{ display: none; } &:hover{ span:first-child{ display: none; } span:last-child{ display: inline-block; } } } } } } } } @-webkit-keyframes mymove { from {top:0px;} to {top:270px!important;} } @keyframes mymove { from {top:0px;} to {top:270px!important;} } @-moz-keyframes mymove { from {top:0px;} to {top:270px!important;} } .fixed3{ position: fixed; top:270px; animation:mymove 2s normal; -webkit-animation:mymove 2s normal; -moz-animation:mymove 2s normal; -ms-animation:mymove 2s normal; } ================================================ FILE: src/sass/sass/SocialDetail.scss ================================================ .SocialDetail{ position: relative; width:100%; font-family: "Microsoft YaHei"; .h5{ height: 100%; display: inline-block; color:#333; text-align: left; } .MainList{ width: 702px; .ListCont{ position: relative; } } .Jtitle{ top: 0; width: 662px; height: 16px; padding: 20px 19px; z-index: 3; border-bottom: 1px solid #eaeced; margin-bottom: -1px; h5{ display: inline-block; max-width:330px; font-family: "Microsoft YaHei"; font-size: 16px; color: rgb(64, 64, 64); } .icon-good{ // top:-3px; } .Jtitle-Moudle{ margin-top: -5px; span{ display: inline-block; text-align: center; font-size: 12px; min-width: 63px; color: rgb(88, 88, 88); border:1px solid rgb(234, 236, 239); background-color: rgba(214, 223, 250, 0); padding:6px 8px; cursor: pointer; margin-right:10px; img{ position: relative; display: inline-block; margin-right:5px; top:2px; } &:hover{ background-color: rgb(245, 246, 247); } } .onLandlord{ border-color:#00aaff; color:#00aaff; } } } } .ListPage{ position: relative; height:23px; padding:13px; background:#fff; margin-bottom: 16px; .goBack{ position:absolute; right:13px; top:18px; font-size: 12px; color: rgb(0, 153, 229); img{ margin-right:5px; } } } #SocialDetail .PageBar .JumpToPage{ margin-left:5px!important; } #SocialDetail .PageBar .JumpToPage input[type="text"]{ width: 20px!important; height:11px!important; // line-height: 20px!important; padding:5px!important; margin:0 5px!important; } #SocialDetail .PageBar .JumpToPage span{ top:1px!important; font-size: 12px!important; width: 40px!important; height:22px!important; line-height: 22px!important; padding:0 5px; margin-left:5px!important; } #SocialDetail .ListPage .PageBar{ text-align: left !important; margin: 0 !important; } #SocialDetail .ListPage .PageBar a { width:28px !important; height: 22px !important; line-height: 22px !important; // border-right: 1px solid rgb(238, 240, 241) !important; margin-right: 5px; } #SocialDetail .ListPage .PageBar .point a{ border: none; cursor: default; border: none !important; } .ListContUl{ width:100%; height: 100%; .ListContUlLi{ position:relative; background: #fff; margin-bottom: 16px; padding:30px 19px; .user-lz{ position:absolute; top:0; left:0; } .Jitems{ width:100%; height:auto; } } .isSelf{ border-color:#00aaff; } .JitemsLeft{ width:85px; height: auto; .J-UserInfo{ width:100%; height:100%; text-align: center; .J-UserInfo-Pic{ display: inline-block; width:60px; height: 60px; border-radius:50%; overflow: hidden; img{ width:60px; height: 60px; } } span{ display: inline-block; width: 100%; height: 15px; font-size: 12px; color: rgb(77, 77, 77); margin-top:10px; } .J-UserInfo-adminCall{ font-size: 12px; width: 52px; height: 20px; line-height: 20px; background:#0099e5; color:#fff; } } } .JitemsRight{ width:565px; height: auto; .J-TextCont{ margin-bottom: 30px; font-size: 14px; color: rgb(64, 64, 64); line-height: 1.714; text-align: left; min-height: 120px; word-break: break-all; > * , p > * , div > *{ font-size: 14px !important; color: #404040!important; line-height: 1.714!important; } a{ text-decoration:underline; color: #4c69ff!important; margin:0 2px; } img{ max-width: 100%; margin: 20px 0; } } .J-ClickUp{ height: 48px; width: 98px; border:1px solid rgb(238, 238, 238); background-color: rgba(238, 238, 238, 0); border-radius: 25px; text-align: center; font-size: 14px; color: rgb(128, 128, 128); cursor: pointer; margin:0 auto; margin-bottom: 50px; p{ height: 15px; &:first-child{ margin-top:8px; margin-bottom: 5px; background:url(../../images/icon7.png) no-repeat center; } } &:hover{ border-color:rgb(0, 170, 255); p{ color: rgb(0, 170, 255); &:first-child{ background:url(../../images/icon8.png) no-repeat center; } } } } .J-On{ border-color:rgba(0,0,0,0); background:url(../../images/icon9.png) no-repeat center; p{ color:#fff; &:first-child{ background:url(../../images/icon10.png) no-repeat center; } } &:hover{ border-color:rgba(0,0,0,0); p{ color:#fff; &:first-child{ background:url(../../images/icon10.png) no-repeat center; } } } } .J-Modle{ width: 100%; height:auto; .J-Modle-Hd{ width:100%; height:20px; font-size: 13px; color: rgb(128, 128, 128); .Hd-Floor span{ margin-right:10px; } } .Hd-Moudle{ li{ position:relative; float:left; padding:0 10px; height:16px; line-height: 16px; text-align: center; border-right:1px solid #eef0f1; &:last-child{ border-right:none; } span{ cursor: pointer; b{ // color:#0099e5; } &:hover{ // text-decoration: underline; color:#00aaff; } } i{ position: relative; top: 4px; right: -5px; display: inline-block; width: 0; height: 2px; border: solid; border-width: 4px; border-color: #8c8c8c transparent transparent transparent; transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -moz-transition: all .3s linear; transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); margin-left: 1px; margin-right: 5px; } .rotate{ top:-3px; transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .adminlist{ position:absolute; left:1px ; top:25px; width:98px; min-height: 30px; border:1px solid rgb(198, 198, 204); font-size: 12px; color: rgb(89, 89, 89); line-height: 2.5; text-align: center; background:#fff; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); z-index: 1000004; p{ height: 30px; &:hover{ background-color: rgb(235, 236, 237); } } } } .PostManagement{ padding-left:18px; background:url(../../images/icon12.png) no-repeat center left; &:hover{ background:url(../../images/icon12_hover.png) no-repeat center left; i{ border-color: #00aaff transparent transparent transparent; } } } img{ width: 12px; height: 12px; display: inline-block; position: relative; top:1px; margin-right: 5px; } .Hd-Moudle-Praise{ padding-left:15px; background:url(../../images/icon11.png) no-repeat center left; &:hover{ background:url(../../images/icon11_hover.png) no-repeat center left; color:#0099e5; } } .Hd-Moudle-Praise-On{ background:url(../../images/icon11_hover.png) no-repeat center left; color:#0099e5; } .Hd-Moudle-Reply{ padding-left:17px; background:url(../../images/icon6.png) no-repeat center left; &:hover{ background:url(../../images/icon6_hover.png) no-repeat center left; color:#0099e5; } } } } .J-Moudle-List{ padding:20px 15px; background:#f5f6f7; margin-top:20px; .J-Moudle-List-Cont{ width:100%; height:100%; ul{ width:100%; height: 100%; li{ padding:15px 0; border-bottom:1px dotted rgb(221, 221, 222); &:last-child{ border-bottom:none; } } } } .Jmoude-items{ width: 100%; height: auto; } .Jmoude-items-Pic{ width:30px; height: 30px; border-radius:50%; overflow: hidden; img{ width:30px; height: 30px; } } .Jmoude-items-Cont{ width: 495px; height: auto; font-size: 12px; color:#333; a{ color: rgb(0, 153, 229); float: left; } span{ word-wrap: break-word; } .Jmoudle-items-h5{ min-height:15px; margin-bottom:5px; line-height: 1.3; font-family: "Microsoft YaHei"; .twouser{ margin:0 5px; } b{ font-style: normal; font-weight: normal; } } .Jmoudle-items-info{ color: rgb(129, 129, 129); } } .J-Moudle-List-More{ font-size: 12px; line-height: 30px; color: rgb(0, 153, 229); width:100px; } .J-Moudle-List-Cont-Jet{ width:100%; height:30px; .J-Moudle-Mebtn{ font-size: 12px; color: rgb(77, 77, 77); text-align: center; height: 28px; line-height: 28px; width:80px; border:1px solid rgb(204, 204, 204); background-color: rgba(0, 153, 229, 0); border-radius:2px; &:hover{ background-color: rgba(0, 0, 0, 0.031); } } } .J-Moudle-List-Input{ position:relative; width:100%; height:80px; margin-top:18px; .loginMask{ background:url(../../images/filter2.png); .loginMaskBox{ padding-top:30px; } } .J-Moudle-List-Input-Box{ border:1px solid #ddddde; input{ background:#fff; border:none; height:10px; width:509px; outline: none; padding:12px; } } .J-Moudle-List-Input-Set{ width: 100%; height: 26px; margin-top:15px; .J-M-L-Btn{ font-size:13px; color:#fff; width: 60px; height: 26px; text-align: center; line-height: 26px; background-color: rgb(0, 153, 229); } .J-M-l-I-S-Icon{ position:relative; width: 18px; height: 18px; .Icon-List{ position:absolute; top:0; left:30px; width:200px; height: 200px; border:1px solid #999; background:#fff; border-radius:3px; } } } } } } } @-webkit-keyframes mymove { from {top:0px;} to {top:140px!important;} } @keyframes mymove { from {top:0px;} to {top:140px!important;} } @-moz-keyframes mymove { from {top:0px;} to {top:140px!important;} } #SocialDetail .fixed2{ position: fixed; top:140px !important; animation:mymove 2s normal; -webkit-animation:mymove 2s normal; -moz-animation:mymove 2s normal; -ms-animation:mymove 2s normal; } .MainModule{ .SocialIndexRecommend{ } } .loginMask{ position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; background:url(../../images/filter.png); text-align:center; z-index:99999; p{ font-size: 14px; font-family: "Microsoft YaHei"; color: rgb(255, 255, 255); line-height: 1.143; text-align: center; padding-bottom:10px; padding-top:100px; } a.loginMaskBoxline{ position:relative; top:1px; margin:0 5px; background-color: rgb(255, 255, 255); opacity: 0.502; width: 1px; height: 12px; } a{ font-size: 14px; font-family: "Microsoft YaHei"; color: rgb(255, 212, 0); z-index:1000000; &:hover{ text-decoration:underline; color: rgb(255, 212, 0); } } } .LidtEditor{ position:relative; padding:20px; height:235px; text-align: right; // filter:blur(2px); #editorElem{ .w-e-text-container{ height: 155px !important; } .w-e-toolbar{ background: #fff !important; } .w-e-text-container .w-e-panel-container .w-e-emoticon-container .w-e-item{ padding:3px ; } .w-e-text{ overflow-y:auto; } .w-e-icon-link{ line-height: 1.5; } } .PostHtml{ display: inline-block; width: 72px; height: 30px; color:#fff; text-align: center; font-size: 12px; line-height: 30px; background-color: rgb(0, 170, 255); border-radius:2px; margin-top:20px; } .errts{ margin-right:20px; color:#ff3333; padding-left:20px; background:url(../../images/icon16.png) no-repeat center left; } } .J-Moudle-Page { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: left; font-size: 0; margin-top: 3px; } .J-Moudle-Page li { padding:0 !important; border:none !important; list-style: none; display: inline-block; margin:0; } .J-Moudle-Page li:first-child > a { margin-left: 0px; } .J-Moudle-Page .point a{ border:none; cursor: default; } .J-Moudle-Page .point a:hover{ background: none; } .J-Moudle-Page a { display: inline-block; width: 28px; height: 22px; line-height: 22px; font-size: 12px; color: rgb(167, 167, 167); border: 1px solid #ccc; margin-right:4px; cursor: pointer; text-align: center; } .J-Moudle-Page a:hover { border-color: #00aaff; color:#00aaff; } .J-Moudle-Page .active a { color: #fff; cursor: default; border-color:#00aaff; background:#00aaff; } .J-Moudle-Page i { font-style: normal; color: #d44950; margin: 0px 4px; font-size: 12px; } .J-Moudle-Page .page-button-disabled{ background:#f7f9fa; cursor: not-allowed; color:#ddd !important; border-color:#e6e6e6; } .J-Moudle-Page .page-button-disabled:hover{ background:#f7f9fa; border-color:#e6e6e6; } ================================================ FILE: src/sass/sass/SocialIndexAdmin.scss ================================================ .SocialIndexAdmin{ padding:15px 19px; margin-bottom: 20px; width: 240px; .SocialIndexAdmin-Cont{ width:100%; min-height: 107px; ul{ width: 100%; height: auto; li{ float: left; width:46px; height: 61px; margin-top:30px; margin-right:18px; } li:nth-child(4n){ margin-right:0; } a{ display: inline-block; width:100%; height: 100%; text-align: center; .adminPic{ width:40px; height: 40px; border-radius:50%; } .adminName{ display: inline-block; width: 100%; height: 20px; line-height:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: rgb(140, 140, 140); } } } } .divmask{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000003; } .rulePop{ position:fixed; left:50%; top:100px; margin-left:-209px; z-index: 1000004; width: 418px; min-height: 455px; padding-bottom:45px; border:1px solid rgb(26, 26, 26); background-color: rgb(255, 255, 255); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); .rulePop-Hd{ background-color: rgb(25, 27, 46); padding:0 15px; height:37px; line-height: 37px; font-size: 14px; font-family: "Microsoft YaHei"; color: rgb(179, 181, 199); img{ display: inline-block; margin-top: 10px; } } .rulePop-Cont{ margin: 30px 0; padding:0 30px; font-size: 15px; line-height: 2; font-family: "Microsoft YaHei"; color: rgb(89, 89, 89); text-align: center; span{ color:rgb(255, 107, 1); } h3{ font-size: 18px; font-family: "Microsoft YaHei"; color: rgb(77, 77, 77); } .r-setp{ position: relative; div{ margin: 15px 0; width: 100%; font-size: 14px; font-family: "Microsoft YaHei"; color: rgb(128, 128, 128); text-align: left; h5{ text-indent: 30px; } } } .mt60{ padding-top:60px; } p{ font-family: "Microsoft YaHei"; } .r-setpList{ min-height: 36px; line-height: 36px; p{ float: left; font-size: 14px; &:first-child{ width:88px; margin-right:11px; text-align: right; color: rgb(77, 77, 77); } &:last-child{ color:#808080; width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; input,textarea{ width: 226px; padding:0 10px; height: 34px; border:1px solid #e1e2e6; color:rgb(77,77,77); } textarea{ padding:10px; height: 162px; resize: none; font-family: "Microsoft YaHei"; } } } .yellowColor{ color: #ff6b01 !important; } } .overText{ height: 275px; overflow: hidden; overflow-y: auto; line-height: 1.571; } .ruleerrts{ position: absolute; left: 98px; bottom: -20px; color:#ff3333; padding-left:20px; background:url(../../images/icon16.png) no-repeat center left; } } .rulePop-Bt{ text-align: center; height: 36px; span{ display: inline-block; width: 122px; height: 36px; text-align: center; line-height: 36px; margin:0 15px; } .ruleCannle{ position:relative; top:1px; height: 34px; border:1px solid rgb(220, 220, 220); background-color: rgba(245, 246, 247, 0); &:hover{ background-color: rgb(245, 246, 247); } } .ruleSure{ color: rgb(255, 255, 255); // background-image: -moz-linear-gradient( 0deg, rgb(0,149,255) 1%, rgb(48,240,240) 100%); // background-image: -ms-linear-gradient( 0deg, rgb(0,149,255) 1%, rgb(48,240,240) 100%); // background-image: linear-gradient( 0deg, rgb(0,149,255) 1%, rgb(48,240,240) 100%); // background-image: -webkit-linear-gradient( 0deg, rgb(0,149,255) 1%, rgb(48,240,240) 100%); background:url(../../images/rulepopbtn.png) no-repeat center left; } } } } ================================================ FILE: src/sass/sass/SocialIndexDetail.scss ================================================ .SocialIndexHeader{ width:962px; height: 82px; background:#fff; padding:19px; font-family: "Microsoft YaHei"; a{ display: inline-block; text-align: center; text-decoration: none; } .SiH-Info-Pic{ width:80px; height: 80px; margin-right:19px; } .SiH-Info-name{ width: 590px; height: auto; .Hname{ width: 100%; font-size: 18px; color: #404040; line-height: 3; height: 45px; h5{ height: 100%; } a{ margin:14px 0 0 14px; } .HnameBtnOn , .HnameBtnUn{ width: 62px; height: 26px; line-height: 26px; font-size: 12px; color: rgb(88, 88, 88); border: 1px solid rgb(234, 236, 239); background-color: rgba(40, 215, 250, 0); } } .Htitle{ width: 100%; color: rgb(166, 166, 166); line-height: 2; font-size: 14px; } } .SiH-Href{ margin-right:20px; margin-top:22px; } .SiH-Launch{ width: 124px; height: 38px; font-size: 14px; color: rgb(255, 255, 255); line-height: 38px; border-radius: 19px; background-image: -moz-linear-gradient( 0deg, rgb(4,233,245) 0%, rgb(0,153,229) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(4,233,245) 0%, rgb(0,153,229) 100%); background-image: -ms-linear-gradient( 0deg, rgb(4,233,245) 0%, rgb(0,153,229) 100%); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.11); text-align: center; margin-right: 20px; cursor:pointer; img{ margin: -1px; margin-right: 5px; } } .goShop{ width: 58px; height: 35px; line-height:34px; font-size: 14px; color: rgb(88, 88, 88); border: 1px solid rgb(234, 236, 239); border-radius: 19px; background-color: rgba(253, 35, 86, 0); } } ================================================ FILE: src/sass/sass/SocialIndexHeader.scss ================================================ .h5{ height: 100%; display: inline-block; color:#333; } .SocialIndexHeader{ width:962px; height: 82px; background:#fff; padding:19px; font-family: "Microsoft YaHei"; .SiH-Info-Pic{ width:80px; height: 80px; margin-right:19px; } .SiH-Info-name{ width: 590px; height: auto; a{ color: #333; } .Hname{ width: 100%; font-size: 18px; color: #404040; line-height: 3; height: 45px; a:first-child{ color: #333; } #h5{ height: 100%; display: inline-block; color:#333; } a.HnameBtnUn{ margin:14px 0 0 14px; } .HnameBtnOn{ margin-top: 15px; margin-left: 10px; } .HnameBtnOn , .HnameBtnUn{ width: 62px; height: 26px; line-height: 26px; font-size: 12px; color: rgb(88, 88, 88); border: 1px solid rgb(234, 236, 239); background-color: rgba(40, 215, 250, 0); } .HnameBtnUn{ color: #fff; background: #00aaff; border-color: #00aaff; img{ margin-right:5px; } } .HnameBtnOn{ span:first-child{ display: inline-block; } span:last-child{ display: none; } &:hover{ span:first-child{ display: none; } span:last-child{ display: inline-block; } } } } .Htitle{ width: 100%; color: rgb(166, 166, 166); line-height: 2; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .SiH-Href{ margin-right:20px; margin-top:22px; } .SiH-Launch{ width: 124px; height: 38px; font-size: 14px; color: rgb(255, 255, 255); line-height: 38px; border-radius: 19px; // background-image: -moz-linear-gradient( 0deg, rgb(4,233,245) 0%, rgb(0,153,229) 100%); // background-image: -ms-linear-gradient( 0deg, rgb(4,233,245) 0%, rgb(0,153,229) 100%); // background-image: -webkit-linear-gradient( 0deg, rgb(4,233,245) 0%, rgb(0,153,229) 100%); background-image:url(../../images/postbtn1.png); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.11); text-align: center; margin-right: 20px; cursor:pointer; img{ margin: -1px; margin-right: 5px; } &:hover{ transform:translateY(-3px); -webkit-transform:translateY(-3px); -moz-transform:translateY(-3px); -ms-transform:translateY(-3px); box-shadow: (0 10px 20px rgba(4,233,245, 0.1)); } } .goShop{ width: 66px; height: 35px; line-height:34px; font-size: 14px; color: rgb(88, 88, 88); border: 1px solid rgb(234, 236, 239); border-radius: 19px; background-color: rgba(253, 35, 86, 0); } } ================================================ FILE: src/sass/sass/SocialIndexHot.scss ================================================ .SocialIndexHot{ padding:15px 19px; margin-bottom: 20px; width: 240px; .HotList{ width:100%; height: auto; padding-top:20px; ul{ width:100%; height: auto; li{ width:100%; height:20px; line-height:20px; margin-bottom:20px; &:last-child{ margin-bottom: 0; } &:first-child i{ background-color: rgb(255, 92, 38); } &:nth-child(2) i{ background-color: rgb(253, 145, 0); } &:nth-child(3) i{ background-color: rgb(248, 193, 39); } } a{ width:100%; font-size: 14px; } i{ display: inline-block; width: 16px; height: 16px; line-height: 16px; border-radius: 50%; font-size: 12px; color: #fff; text-align: center; background: #cdcdcd; margin: 2px 5px 0 0; font-style: normal; } span{ color: #585858; display: inline-block; width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; &:hover{ color:#00aaff; } } b{ color: rgb(167, 167, 167); font-style: normal; font-weight:normal; } } } } ================================================ FILE: src/sass/sass/SocialIndexList.scss ================================================ @-webkit-keyframes mymove { from {top:0px;} to {top:230px;} } @keyframes mymove { from {top:0px;} to {top:230px;} } @-moz-keyframes mymove { from {top:0px;} to {top:230px;} } #SocialIndex .fixed{ position: fixed; animation:mymove 2s normal; -webkit-animation:mymove 2s normal; -moz-animation:mymove 2s normal; -ms-animation:mymove 2s normal; } .SocialIndexList{ width:700px; padding:17px 0 33px; .IndexListType{ width:662px; top:0; z-index:1000000003; height: 15px; padding:17px 19px; border-bottom: 1px solid #e6e7eb; background:#fff; transition: all .3s linear; -ms-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; .TypeTag{ height: 15px; line-height:15px; width: 540px; ul{ height: 20px; margin-top:-5px } li{ float: left; width:55px; margin-right:20px; height: 20px; line-height:20px; &:first-child{ border-right:2px solid rgb(238, 240, 241); } a{ font-size: 16px; color: #999999; display: inline-block; padding:0 3px; height: 100%; text-align: left; &:hover{ color: rgb(64, 64, 64); } } } .current{ color: rgb(64, 64, 64); border-bottom: 3px solid #0af; padding-bottom: 16px; } } .scrrenTag{ position:relative; top:-10px; width: 96px; height: 32px; font-size: 14px; color: rgb(88, 88, 88); border:1px solid rgb(229, 229, 229); background-color: rgba(128, 128, 128, 0); z-index:1000004; h6{ position: relative; width:100%; height: 100%; text-align: center; line-height: 32px; cursor:pointer; } .InputSelect{ position:absolute; top:32px; left:-1px; width: 96px; min-height: 32px; border:1px solid rgb(229, 229, 229); background-color:#fff; z-index:1000004; li{ position: relative; height: 32px; text-align: left; line-height: 32px; cursor: pointer; padding-left:14px; width: 82px; z-index:100004; &:hover{ background:#f5f6f7; } } } } } .IndexListCont{ width:100%; height:auto; li{ position: relative; min-height:55px; padding:30px 19px; border-bottom: 1px solid #e6e7eb; &::before{ content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; z-index: 0; opacity: 0; background-color: rgba(164, 168, 195, 0.5); -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; } &:hover::before{ // opacity: 0.2; // width: 100%; } .Jitems{ position:relative; height: auto; width: 100%; z-index: 1; } .Jitems-Title{ width:100%; height: 30px; a,i{ display: inline-block; } a{ max-width:520px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color:#585858; text-align: left; margin-right: 5px; &:hover{ // text-decoration: underline; color:#00aaff; } } } .Jitems-Detail{ width:100%; min-height: 27px; margin-bottom: 10px; .Jitems-Detail-text{ font-size: 14px; color: rgb(167, 167, 167); max-height: 30px; max-width:100%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 24px; p{ font-size: 14px !important; color: rgb(167, 167, 167) !important; } } .Jitems-Detail-img{ position:relative; width:100%; .JDICont{ position: relative; z-index: 4; max-height: 110px; width:100%; overflow: hidden; } } .imgList{ position:relative; display: inline-block; max-width:156px; text-align: left; height: 110px; overflow:hidden; margin-right:10px; .imgfd{ position:absolute; top:0; left:0; display: none; width: 100%; height: 100%; background:rgba(0,0,0,0) url(../../images/icon-max.png) no-repeat center; } &:hover .imgfd{ display: inline-block; } img{ display: inline-block; cursor: -webkit-zoom-in; cursor: zoom-in; max-height: 100%; //max-width:100%; } } } .Jitems-Info{ width:100%; height:20px; .JuserInfo{ min-width:160px; max-width: 400px; a{ display: inline-block; position: relative; line-height:20px; font-size: 12px; color: rgb(102, 102, 102); } img{ position: relative; top:4px; display: inline; width:20px; height:20px; border-radius:50%; } .JuserInfo-time{ font-size: 12px; color: rgb(167, 167, 167); border-left:1px solid rgb(238, 238, 238); margin-left:5px; padding-left:10px; } } .JdataInfo{ display: inline-block; height: 20px; line-height: 20px; font-size: 12px; color: rgb(167, 167, 167); margin-top:4px; span{ margin-right:20px; img{ margin-right:5px; } } } } } } .Jlist-thumb{ // display: none; position:relative; margin-top:-110px; width: 632px; min-height: 100px; padding: 10px; background: #f7f7f7; border: 1px solid #e4e6eb; z-index:5; cursor: normal; .thumbHd{ height: 25px; width:100%; border-bottom:1px solid #e4e6eb; text-align: left; a{ float: left; font-size: 12px; color: #2d64b3; text-align: left; box-sizing:content-box; i{ display: inline-block; position:relative; top:-1px; width: 20px; height: 20px; vertical-align: middle; background:url(../../images/thread_list_z_eca48fe.png); background-position: 0px -30px; } } } .thumbWarp{ position:relative; width:632px; height: 90%; padding: 1% 0; margin-top:10px; text-align: center; display: table-cell; vertical-align: middle; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; img{ display: inline-block; // width:100%; max-width: 100%; cursor: -webkit-zoom-out; cursor: zoom-out; } .thumbsx{ position:absolute; top:0; left:0; width: 100%; height: 100%; z-index: 5; &:hover{ cursor: normal; background:rgba(0,0,0,0.05) url(../../images/icon-mini.png) no-repeat center; } } .thumbWarpList{ position:relative; margin-top:10px; overflow:hidden; width:632px; } .thumbNext, .thumbPrev{ position:absolute; top:0; width:20%; height: 100%; cursor: pointer; z-index: 6; } .thumbPrev{ left:0; &:hover{ background:rgba(0,0,0,0.01) url(../../images/icon-left.png) no-repeat center; } } .thumbNext{ right: 0; &:hover{ background:rgba(0,0,0,0.01) url(../../images/icon-right.png) no-repeat center; } } } } } .selectMask{ position:fixed; width: 100%; height:100%; top:0; left:0; z-index: 100003; } ================================================ FILE: src/sass/sass/SocialPeoInfo.scss ================================================ .PeoInfo{ top:0; width: 278px; min-height: 252px; background: #fff url(http://www.iplaystone.com/circle/img/peobg.png) no-repeat center top; margin-bottom: 20px; } .PeoInfo-Hd{ width: 73px; height: 73px; border:2px solid #fff; border-radius: 50%; overflow: hidden; margin: 35px auto 15px; } .PeoInfo-Hd img{ width: 73px; height: 73px; border-radius: 50%; } .PeoInfo-Name{ display: inline-block; width: 100%; height: 20px; line-height: 20px; font-size: 16px; font-family: "Microsoft YaHei"; color: rgb(64, 64, 64); font-weight: bold; text-align: center; margin:0 auto; } .PeoInfo-Name:hover{ color:#0099e5; } .PeoInfo-GoLogin{ font-size:24px; color:#333; width:100%; text-align:center; margin:30px auto; } .PeoInfo h6{ font-size: 14px; font-family: "Microsoft YaHei"; color: rgb(128, 128, 128); height: 20px; overflow: hidden; width: 80%; margin:0 auto; text-align: center; margin-top:10px; line-height: 1.3; margin-bottom: 20px; } .PeoInfo .span{ height: 35px; width: 100%; text-align: center; } .PeoInfo .span a{ display: inline-block; height: 35px; width: 83px; text-align: center; font-size: 14px; font-family: "Microsoft YaHei"; color: rgb(77, 77, 77); } .PeoInfo .span a:hover{ color:#0099e5; } .PeoInfo .collection{ border-right:1px solid #eef0f1; border-left:1px solid #eef0f1; } .PeoInfo a span:first-child{ display: inline-block; margin-bottom: 5px; } .PeoInfo .home span:first-child{ width: 100%; height: 16px; background: url(../../images/home.png) no-repeat center; } .PeoInfo .collection span:first-child{ width: 100%; height: 17px; background: url(../../images/sc.png) no-repeat center; } .PeoInfo .qz span:first-child{ width: 100%; height: 16px; background: url(../../images/sq.png) no-repeat center; } .PeoInfo .home:hover span:first-child{ width: 100%; height: 16px; background: url(../../images/home_hover.png) no-repeat center; } .PeoInfo .collection:hover span:first-child{ width: 100%; height: 17px; background: url(../../images/sc_hover.png) no-repeat center; } .PeoInfo .qz:hover span:first-child{ width: 100%; height: 16px; background: url(../../images/sq_hover.png) no-repeat center; } .hfixed .myCircle{ display:none; } .myCircleHeight{ height:140px; } .myCircle{ width:240px; border-top:1px solid #eef0f1; margin:0 auto; margin-top:30px; padding-top:20px; .myCircleList{ overflow:hidden; } .showMoreMyCircle{ font-size: 14px; font-family: "Microsoft YaHei"; color: rgb(128, 128, 128); text-align: center; width: 182px; height: 34px; line-height:34px; border:1px solid rgb(234, 236, 239); background-color: rgba(0, 153, 229, 0); cursor:pointer; margin:0 auto; margin-bottom:25px; i{ position: relative; left: 6px; top: -3px; display:inline-block; width:9px; height:5px; background:url(../../images/icon19.png) no-repeat } &:hover{ border-color: rgb(220, 222, 224); } } } .myCircle h4{ font-size: 14px; font-family: "Microsoft YaHei"; color: rgb(64, 64, 64); margin-bottom:20px; } .myCircle .myCircleListItem{ width:105px; height:30px; margin-bottom:15px; &:nth-child(2n+1){ margin-right:15px; } img{ float:left; width:30px; height:30px; margin-right:10px; } span{ float:left; display:inline-block; width:65px; height:30px; line-height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-family: "Microsoft YaHei"; color: rgb(128, 128, 128); text-align:left; } } ================================================ FILE: src/sass/sass/SocialPop.scss ================================================ .pop{ .divmask{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000003; } .rulePop{ position:fixed; left:50%; top:50%; z-index: 1000004; min-width: 418px; min-height: 278px; border:1px solid rgb(26, 26, 26); background-color: rgb(255, 255, 255); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); .rulePop-Hd{ background-color: rgb(25, 27, 46); padding:0 15px; height:37px; line-height: 37px; font-size: 14px; font-family: "Microsoft YaHei"; color: rgb(179, 181, 199); img{ display: inline-block; margin-top: 10px; } } .rulePop-Cont{ font-size: 14px; font-family: "Microsoft YaHei"; color: rgb(89, 89, 89); text-align: center; } .rulePop-Bt{ text-align: center; height: 36px; span{ display: inline-block; width: 122px; height: 36px; text-align: center; line-height: 36px; margin:0 15px; } .ruleCannle{ position:relative; top:1px; height: 34px; border:1px solid rgb(220, 220, 220); background-color: rgba(245, 246, 247, 0); } .ruleSure{ color: rgb(255, 255, 255); background-image: -moz-linear-gradient( 0deg, rgb(0,149,255) 1%, rgb(48,240,240) 100%); background-image: -ms-linear-gradient( 0deg, rgb(0,149,255) 1%, rgb(48,240,240) 100%); background-image: linear-gradient( 0deg, rgb(0,149,255) 1%, rgb(48,240,240) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(0,149,255) 1%, rgb(48,240,240) 100%); } } } .Jrule{ margin-left: -209px; margin-top: -139px; } .Jrule .rulePop-Cont{ position:relative; min-height: 30px; padding:65px 0; line-height: 30px; .ruleSelect{ height: 30px; width: 225px; margin:0 auto; p{ width: 150px; } .ruleSelectBox{ position:relative; width: 90px; padding-left:12px; text-align: left; height: 28px; border:1px solid rgb(220, 220, 220); background-color: rgb(255, 255, 255); .ruleSelectInput{ width: 100%; height: 28px; } i{ top: -31px; right: -65px; } .roate{ top:-23px; } .ruleSelectDrown{ position:absolute; left:-1px; top:28px; width:102px; min-height: 30px; border:1px solid rgb(198, 198, 204); background-color: rgb(255, 255, 255); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); z-index: 2000004; li{ padding-left:12px; height: 30px; line-height: 30px; &:hover{ background-color: rgb(235, 236, 237); } } } } } .faqBox{ width: 333px; margin: 20px auto; min-height: 210px; .faqerr{ text-align: left; padding-left: 100px; color: red; } h4{ font-size: 18px; font-family: "Microsoft YaHei"; color: rgb(77, 77, 77); margin-bottom:35px; } .faqContList{ width:333px; height:35px; margin-bottom:15px; .faqLeft{ float:left; width:100px; text-align:right; height:35px; line-height:35px; font-size: 14px; font-family: "Microsoft YaHei"; color: rgb(77, 77, 77); } .faqRight{ float:right; select,option,input{ width: 232px; padding:0 15px; height: 38px; font-size: 14px; font-family: "Microsoft YaHei"; color: rgb(77, 77, 77); border:1px solid rgb(225, 226, 230); background-color: rgb(255, 255, 255); cursor:pointer; } input{ width:200px; cursor:auto; } } } } } .Jrule .padding0{ padding:0 } .pb40{ padding-bottom:40px; .rulePop-Cont{ padding:0; } } } ================================================ FILE: src/sass/sass/SocialPost.scss ================================================ .SocialPost{ height: 735px; width: 1000px; margin:0 auto; .SP-Hd{ font-size: 16px; font-family: "Microsoft YaHei"; color: rgb(64, 64, 64); font-weight: bold; line-height: 1.5; background:url(../../images/icon15.png) no-repeat center left; padding-left:20px; margin-bottom: 25px; } .SP-Main{ width: 100%; height: auto; .SPM-Title{ height: 40px; width: 1000px; margin-bottom: 15px; .SPMT-Input{ position:relative; width:600px; font-size: 12px; font-family: "Microsoft YaHei"; color: rgb(128, 128, 128); margin-right:20px; } input{ width: 448px; padding-right:130px; padding-left:20px; height: 38px; outline: none; } span{ position: absolute; right:15px; top:13px; } .SPMT-Classify{ position: relative; width: 136px; padding:0 10px; height: 40px; font-size: 14px; font-family: "Microsoft YaHei"; color: rgb(77, 77, 77); background: #fff; .SPMTC-Input{ width: 100%; height: 100%; text-align: left; line-height: 40px; } i{ position: absolute; top: 10px; right: 15px; display: inline-block; width: 0; height: 2px; border: solid; border-width: 5px; border-color: #585858 transparent transparent transparent; transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -moz-transition: all .3s linear; transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); margin-left: 3px; } .rotate{ top:18px; transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); } .SPMTC-Select{ position: absolute; top: 40px; left: -1px; width: 156px; min-height: 32px; border: 1px solid #e5e5e5; background-color: #fff; z-index: 100004; li{ position:relative; padding:0 10px; height: 40px; text-align: left; line-height: 40px; cursor: pointer; z-index: 100004; &:hover{ background:#f1f1f1; } } } } } .SPM-Tags{ position: relative; min-height: 30px; width: 100%; margin:15px 0; .TagsDiv{ position: relative; min-height: 30px; width: 100%; font-size: 14px; font-family: "Microsoft YaHei"; line-height: 30px; .addTags{ color: rgb(0, 153, 229); padding-left:20px; background:url(../../images/btn.png) no-repeat center left; margin-right:30px; } .addTagsTs{ position: absolute; left:80px; display: inline-block; width:323px; height: 28px; background:url(../../images/ts.png) no-repeat center left; } .tagsBox{ width: 755px; min-height: 30px; span{ position: relative; float: left; display: inline-block; min-width: 37px; height: 16px; line-height: 16px; padding:8px 10px; padding-right:30px; border: 1px solid rgb(220, 220, 220); background-color: rgba(255, 255, 255, .8); color: rgb(128, 128, 128); margin-right:10px; margin-bottom: 10px; i{ position: absolute; display: inline-block; width: 11px; height: 11px; top: 10px; right:10px; background: url(../../images/close.png) no-repeat center; } } } .tagsTs{ color: rgb(128, 128, 128); } } .TagsList{ position: absolute; top: 45px; width: 603px; min-height: 30px; max-height: 600px; padding: 30px 20px; background: #fff; border: 1px solid #999; z-index: 100004; overflow: hidden; overflow-y: auto; .closeTags{ position: absolute; top:10px; right:15px; display: inline-block; width: 11px; height: 11px; background:url(../../images/close.png) no-repeat center; } .TagsListItem{ width: 100%; height: 100%; } li{ float: left; width: 115px; padding-right:20px; height:35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-family: "Microsoft YaHei"; border-right:1px solid rgb(230, 230, 230); margin-right:20px; &:nth-child(4n){ margin-right: 0; border:none; } } .active{ color: rgb(0, 153, 229); font-weight: bold; } } } .SPM-Editor{ height: 548px; margin-bottom: 15px; background: #fff; #editorElem{ .w-e-text-container{ height: 500px !important; } .w-e-toolbar{ background: #fafafa !important; height: 50px; line-height: 37px; padding:0 !important; } .w-e-toolbar .w-e-menu{ margin-top:4px; padding:8px 10px; } .w-e-toolbar .w-e-menu:nth-child(3){ margin-top:5px; } .w-e-toolbar .w-e-menu:nth-child(4){ border-left:1px solid #eee; margin-left:10px; padding-left:19px; } .w-e-toolbar .w-e-icon-image{ margin-top:2px; } .w-e-text-container .w-e-panel-container .w-e-emoticon-container .w-e-item{ padding:3px ; } .w-e-text{ overflow-y:auto; } .w-e-icon-happy{ margin-top:0; } .w-e-icon-link{ position: relative; top: 0px; } } } .SPM-Operation{ height: 48px; line-height: 40px; .PostHtml{ width:118px; height: 48px; font-size: 14px; color:#fff; text-align: center; line-height: 42px; background:url(../../images/icon17.png) no-repeat center; &:hover{ transform:translateY(-3px); -webkit-transform:translateY(-3px); -moz-transform:translateY(-3px); -ms-transform:translateY(-3px); box-shadow: (0 10px 20px rgba(4,233,245, 0.1)); } } span{ font-size: 12px; } .wordnum{ color: rgb(128, 128, 128); } .errts{ margin-right:20px; color:#ff3333; padding-left:20px; background:url(../../images/icon16.png) no-repeat center left; } } } } .divmask{ position:fixed; width: 100%; height:100%; top:0; left:0; z-index: 100003; } ================================================ FILE: src/sass/sass/SocialPublic.scss ================================================ // @import "compass/reset"; body{ background:#f5f6f8; font-family: "Microsoft YaHei"; padding:0; margin:0; background:#F5F6F8 url(http://www.iplaystone.com/circle/img/bg.png) no-repeat center top; background-attachment: fixed; } b{ font-weight: bold; } i{ font-style: italic; } #stone_header{ height:70px; } .stone_header{ position:static; } #stone_footer{ margin-top:25px; } .login_pop{ z-index:100000000; } .stone_mask{z-index:99999999;} .app{ width: 1002px; height: auto; margin:0 auto; font-family: "Microsoft YaHei"; padding-top:30px; } .textOverFlow{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .icon-top, .icon-good ,.icon-gf{ position: relative; display: inline-block; top: -8px; font-size: 12px; color: #fff; min-width: 10px; padding: 0 5px; height: 17px; line-height: 17px; text-align: center; } .icon-good{ background: #ff8b3d; } .icon-top{ background: #ff4c4c; } .icon-gf{ background:#00aaff; } .icon-good , .icon-top , .icon-gf{ font-style:normal; } .cur{ cursor: pointer; } .default{ cursor:default; } .bgWhite{ border:1px solid #e6e7eb; background:#fff; } .animation{ transition:all .3s linear; -ms-transition:all .3s linear; -moz-transition:all .3s linear; -webkit-transition:all .3s linear; } .clearfix:before, .clearfix:after{ content:""; display:table; height:0; visibility:hidden; clear:both; } a{ display: inline-block; text-align: center; text-decoration: none; } *:focus{outline:none;} .fl{float:left;} .fr{float:right;} .clearfix {*zoom: 1;} #app .none{display:none} .SocialIndex{ width: 1002px; margin:0 auto; } .SocialIndex .SocialIndexMain{ width: 100%; margin-top: 16px; } .SocialIndexMain .MainList{ width:700px; } .app .MainMoudle{ width: 280px; } .SocialIndex, .SocialIndex .SocialIndexMain, .SocialIndexMain .MainList, .SocialIndexMain .MainModule{ height: auto; } .MoudleHd{ width:100%; height: 32px; font-size: 16px; color: rgb(64, 64, 64); border-bottom:1px solid rgb(238, 240, 241); } .MoudleHd a{ display: inline-block; font-size: 14px; color: rgb(129, 129, 129); padding:2px 20px 2px 0; background: url(../../images/icon1.png) no-repeat right 6px; } .MoudleHd a:hover{ color:#0099e5; } @-webkit-keyframes hmove { from {top:0;} to {top:0;} } @keyframes hmove { from {top:0;} to {top:0;} } @-moz-keyframes hmove { from {top:0;} to {top:0;} } .hfixed{ position: fixed; animation:hmove 2s normal; -webkit-animation:hmove 2s normal; -moz-animation:hmove 2s normal; -ms-animation:hmove 2s normal; } .MainMoudle .HdInfo{ top:0; padding:30px 19px; margin-bottom: 20px; border: 1px solid #eaeced; background: #fff; min-height: 50px; width:240px; transition: all .1s linear; -ms-transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; } .MainMoudle .HdInfo .SiH-Info-Pic { width: 60px; height: 60px; border-radius: 5px; } .MainMoudle .HdInfo .SiH-Info-name{ width: 170px; margin-left:10px; } .MainMoudle .HdInfo .Hname{ width:100%; height: 25px; line-height:25px; font-size: 18px; color: #404040; margin:5px 0 10px 0; } .MainMoudle .Hname h5{ width:90px; height: 25px; overflow: hidden; text-overflow: ellipsis;; white-space: nowrap; } .MainMoudle .Hname .h5{ width: 56%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .MainMoudle .HdInfo .Htitle{ width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: rgb(166, 166, 166); } .MainMoudle .HnameBtnOn , .MainMoudle .HnameBtnUn{ width: 62px; height: 26px; line-height: 26px; font-size: 12px; color: rgb(88, 88, 88); border: 1px solid rgb(234, 236, 239); background-color: rgba(40, 215, 250, 0); margin-left:10px; } .MainMoudle .HnameBtnUn{ color: #fff; background: #00aaff; border-color: #00aaff; } .HnameBtnOn{ span:first-child{ display: inline-block; } span:last-child{ display: none; } &:hover{ span:first-child{ display: none; } span:last-child{ display: inline-block; } } } .MainMoudle .HnameBtnUn img{ margin-right:5px; } .MainMoudle .SiH-Href{ margin-top:50px; } .MainMoudle .SiH-Launch{ float: left; width: 154px; height: 38px; font-size: 14px; color: rgb(255, 255, 255); line-height: 38px; border-radius: 19px; // background-image: -moz-linear-gradient( 0deg, rgb(4,233,245) 0%, rgb(0,153,229) 100%); // background-image: -ms-linear-gradient( 0deg, rgb(4,233,245) 0%, rgb(0,153,229) 100%); // background-image: -webkit-linear-gradient( 0deg, rgb(4,233,245) 0%, rgb(0,153,229) 100%); background-image:url(../../images/postbtn2.png); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.11); text-align: center; margin-right: 15px; cursor:pointer; } .MainMoudle .SiH-Launch:hover{ transform:translateY(-3px); -webkit-transform:translateY(-3px); -moz-transform:translateY(-3px); -ms-transform:translateY(-3px); box-shadow: (0 10px 20px rgba(4,233,245, 0.1)); } .MainMoudle .SiH-Launch img{ margin: -1px; margin-right: 5px; } .MainMoudle .goShop{ width: 66px; height: 35px; line-height:34px; font-size: 14px; color: rgb(88, 88, 88); border: 1px solid rgb(234, 236, 239); border-radius: 19px; background-color: rgba(253, 35, 86, 0); } .goTop{ display: inline-block; position: fixed; // right:00000; bottom:150px; width: 40px; height: 40px; background:url(http://www.iplaystone.com/circle/img/top.png) no-repeat center top; background-position:0 0; margin-top: 90px; &:hover{ background-position:0 -41px; } } .rotatez{ position: relative; top:-3px; right: -5px; display: inline-block; width: 0; height: 2px; border: solid; border-width: 5px; border-color: #585858 transparent transparent transparent; transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -moz-transition: all .3s linear; transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); margin-left: 3px; } .roate{ transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); top: 5px; } .face{ width: 22px; height: 26px; margin:0 2px; } .divmask{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000003; } ================================================ FILE: src/sass/sass/ie.scss ================================================ /* Welcome to Compass. Use this file to write IE specific override styles. * Import this file using the following HTML or equivalent: * */ ================================================ FILE: src/sass/sass/print.scss ================================================ /* Welcome to Compass. Use this file to define print styles. * Import this file using the following HTML or equivalent: * */ ================================================ FILE: src/sass/sass/screen.scss ================================================ /* Welcome to Compass. * In this file you should write your main styles. (or centralize your imports) * Import this file using the following HTML or equivalent: * */ @import "compass/reset"; .a{ color:red; } ================================================ FILE: src/sass/stylesheets/IndexList.css ================================================ @-webkit-keyframes mymove { from { top: 0px; } to { top: 230px; } } @keyframes mymove { from { top: 0px; } to { top: 230px; } } @-moz-keyframes mymove { from { top: 0px; } to { top: 230px; } } /* line 16, ../sass/IndexList.scss */ #IndexList .fixed { position: fixed; animation: mymove 2s normal; -webkit-animation: mymove 2s normal; -moz-animation: mymove 2s normal; -ms-animation: mymove 2s normal; } /* line 23, ../sass/IndexList.scss */ .IndexList { width: 700px; padding: 17px 0 33px; } /* line 26, ../sass/IndexList.scss */ .IndexList .IndexListType { width: 661px; top: 0; z-index: 3; height: 15px; padding: 17px 19px; border-bottom: 1px solid #e6e7eb; background: #fff; } /* line 34, ../sass/IndexList.scss */ .IndexList .IndexListType .TypeTag { height: 15px; line-height: 15px; width: 540px; } /* line 38, ../sass/IndexList.scss */ .IndexList .IndexListType .TypeTag ul { height: 20px; margin-top: -5px; } /* line 42, ../sass/IndexList.scss */ .IndexList .IndexListType .TypeTag li { float: left; min-width: 55px; margin-right: 20px; height: 20px; line-height: 20px; padding-bottom: 15px; border-bottom: 4px solid #0099e5; } /* line 53, ../sass/IndexList.scss */ .IndexList .IndexListCont { width: 100%; height: auto; } /* line 56, ../sass/IndexList.scss */ .IndexList .IndexListCont li { position: relative; min-height: 72px; padding: 30px 19px; border-bottom: 1px solid #e6e7eb; } /* line 61, ../sass/IndexList.scss */ .IndexList .IndexListCont li::before { content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; z-index: 0; opacity: 0; background-color: rgba(164, 168, 195, 0.5); -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; } /* line 80, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems { position: relative; height: auto; width: 100%; z-index: 1; } /* line 86, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Title { width: 100%; height: 30px; } /* line 89, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Title a, .IndexList .IndexListCont li .Jitems-Title i { display: inline-block; } /* line 92, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Title a { max-width: 520px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #585858; text-align: left; margin-right: 5px; } /* line 101, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Title a:hover { color: #00aaff; } /* line 107, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Name { height: 40px; line-height: 40px; width: 100%; margin-bottom: 15px; } /* line 112, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Name .Indexlist_join, .IndexList .IndexListCont li .Jitems-Name .Indexlist_ujoin { width: 62px; height: 26px; line-height: 26px; font-size: 12px; color: #585858; border: 1px solid #eaecef; background-color: rgba(40, 215, 250, 0); } /* line 121, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Name .Indexlist_join { color: #fff; background: #00aaff; border-color: #00aaff; } /* line 125, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Name .Indexlist_join img { margin-right: 5px; } /* line 130, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Name .Indexlist_ujoin span:first-child { display: inline-block; } /* line 133, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Name .Indexlist_ujoin span:last-child { display: none; } /* line 137, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Name .Indexlist_ujoin:hover span:first-child { display: none; } /* line 140, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Name .Indexlist_ujoin:hover span:last-child { display: inline-block; } /* line 145, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Name .qzicon { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; margin-right: 15px; } /* line 152, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Name .Qzname { font-size: 14px; color: #404040; font-weight: bold; margin-right: 15px; } /* line 157, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Name .Qzname:hover { color: #0099e5; } /* line 162, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Detail { width: 100%; min-height: 27px; margin-bottom: 10px; } /* line 166, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Detail .Jitems-Detail-text { font-size: 14px; color: #a7a7a7; max-height: 30px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 24px; } /* line 175, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Detail .Jitems-Detail-text p { font-size: 14px !important; color: #a7a7a7 !important; } /* line 180, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Detail .Jitems-Detail-img { position: relative; width: 100%; } /* line 183, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Detail .Jitems-Detail-img .JDICont { position: relative; z-index: 4; max-height: 110px; width: 100%; overflow: hidden; } /* line 191, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Detail .imgList { position: relative; display: inline-block; max-width: 156px; text-align: left; height: 110px; overflow: hidden; margin-right: 10px; } /* line 199, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Detail .imgList .imgfd { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; background: transparent url(../../images/icon-max.png) no-repeat center; } /* line 208, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Detail .imgList:hover .imgfd { display: inline-block; } /* line 211, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Detail .imgList img { display: inline-block; cursor: -webkit-zoom-in; cursor: zoom-in; max-height: 100%; } /* line 220, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Info { width: 100%; height: 20px; } /* line 223, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Info .JuserInfo { min-width: 160px; max-width: 400px; } /* line 226, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Info .JuserInfo a { display: inline-block; position: relative; line-height: 20px; font-size: 12px; color: #666666; } /* line 233, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Info .JuserInfo img { position: relative; top: 4px; display: inline; width: 20px; height: 20px; border-radius: 50%; } /* line 241, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Info .JuserInfo .JuserInfo-time { font-size: 12px; color: #a7a7a7; border-left: 1px solid #eeeeee; margin-left: 5px; padding-left: 10px; } /* line 249, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Info .JdataInfo { display: inline-block; height: 20px; line-height: 20px; font-size: 12px; color: #a7a7a7; margin-top: 4px; } /* line 256, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Info .JdataInfo span { margin-right: 20px; } /* line 258, ../sass/IndexList.scss */ .IndexList .IndexListCont li .Jitems-Info .JdataInfo span img { margin-right: 5px; } /* line 266, ../sass/IndexList.scss */ .IndexList .Jlist-thumb { position: relative; margin-top: -110px; width: 632px; min-height: 100px; padding: 10px; background: #f7f7f7; border: 1px solid #e4e6eb; z-index: 5; cursor: normal; } /* line 277, ../sass/IndexList.scss */ .IndexList .Jlist-thumb .thumbHd { height: 25px; width: 100%; border-bottom: 1px solid #e4e6eb; text-align: left; } /* line 282, ../sass/IndexList.scss */ .IndexList .Jlist-thumb .thumbHd a { float: left; font-size: 12px; color: #2d64b3; text-align: left; box-sizing: content-box; } /* line 288, ../sass/IndexList.scss */ .IndexList .Jlist-thumb .thumbHd a i { display: inline-block; position: relative; top: -1px; width: 20px; height: 20px; vertical-align: middle; background: url(../../images/thread_list_z_eca48fe.png); background-position: 0px -30px; } /* line 300, ../sass/IndexList.scss */ .IndexList .Jlist-thumb .thumbWarp { position: relative; width: 632px; height: 90%; padding: 1% 0; margin-top: 10px; text-align: center; display: table-cell; vertical-align: middle; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* line 313, ../sass/IndexList.scss */ .IndexList .Jlist-thumb .thumbWarp img { display: inline-block; max-width: 100%; cursor: -webkit-zoom-out; cursor: zoom-out; } /* line 319, ../sass/IndexList.scss */ .IndexList .Jlist-thumb .thumbWarp .thumbsx { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; } /* line 326, ../sass/IndexList.scss */ .IndexList .Jlist-thumb .thumbWarp .thumbsx:hover { cursor: normal; background: rgba(0, 0, 0, 0.05) url(../../images/icon-mini.png) no-repeat center; } /* line 331, ../sass/IndexList.scss */ .IndexList .Jlist-thumb .thumbWarp .thumbWarpList { position: relative; margin-top: 10px; overflow: hidden; width: 632px; } /* line 337, ../sass/IndexList.scss */ .IndexList .Jlist-thumb .thumbWarp .thumbNext, .IndexList .Jlist-thumb .thumbWarp .thumbPrev { position: absolute; top: 0; width: 20%; height: 100%; cursor: pointer; z-index: 6; } /* line 346, ../sass/IndexList.scss */ .IndexList .Jlist-thumb .thumbWarp .thumbPrev { left: 0; } /* line 348, ../sass/IndexList.scss */ .IndexList .Jlist-thumb .thumbWarp .thumbPrev:hover { background: rgba(0, 0, 0, 0.01) url(../../images/icon-left.png) no-repeat center; } /* line 352, ../sass/IndexList.scss */ .IndexList .Jlist-thumb .thumbWarp .thumbNext { right: 0; } /* line 354, ../sass/IndexList.scss */ .IndexList .Jlist-thumb .thumbWarp .thumbNext:hover { background: rgba(0, 0, 0, 0.01) url(../../images/icon-right.png) no-repeat center; } /* line 361, ../sass/IndexList.scss */ .selectMask { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 100003; } /* line 369, ../sass/IndexList.scss */ .drownbox { width: 100%; margin: 30px auto 0; height: 60px; text-align: center; } /* line 374, ../sass/IndexList.scss */ .drownbox span { width: 80px; height: 20px; line-height: 20px; display: inline-block; font-size: 14px; font-family: "Microsoft YaHei"; color: gray; } /* line 384, ../sass/IndexList.scss */ .goDrown { cursor: pointer; padding-right: 10px; background: url(../../images/icon18.png) no-repeat center right; } /* line 388, ../sass/IndexList.scss */ .goDrown:hover { color: #0099fe; background: url(../../images/icon18_hover.png) no-repeat center right; } /* line 393, ../sass/IndexList.scss */ .spinner8 { margin: 0 auto; width: 60px; height: 60px; position: relative; } /* line 399, ../sass/IndexList.scss */ .container1 > div, .container2 > div, .container3 > div { width: 16px; height: 16px; background-color: #0099fe; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* line 410, ../sass/IndexList.scss */ .spinner8 .spinner-container { position: absolute; width: 100%; height: 100%; } /* line 415, ../sass/IndexList.scss */ .container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } /* line 419, ../sass/IndexList.scss */ .container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); } /* line 423, ../sass/IndexList.scss */ .circle1 { top: 0; left: 0; } /* line 424, ../sass/IndexList.scss */ .circle2 { top: 0; right: 0; } /* line 425, ../sass/IndexList.scss */ .circle3 { right: 0; bottom: 0; } /* line 426, ../sass/IndexList.scss */ .circle4 { left: 0; bottom: 0; } /* line 427, ../sass/IndexList.scss */ .container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } /* line 431, ../sass/IndexList.scss */ .container3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } /* line 435, ../sass/IndexList.scss */ .container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } /* line 439, ../sass/IndexList.scss */ .container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } /* line 443, ../sass/IndexList.scss */ .container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } /* line 447, ../sass/IndexList.scss */ .container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } /* line 451, ../sass/IndexList.scss */ .container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } /* line 455, ../sass/IndexList.scss */ .container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } /* line 459, ../sass/IndexList.scss */ .container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } /* line 463, ../sass/IndexList.scss */ .container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } /* line 467, ../sass/IndexList.scss */ .container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0); -webkit-transform: scale(0); } 40% { transform: scale(1); -webkit-transform: scale(1); } } ================================================ FILE: src/sass/stylesheets/LoginPop.css ================================================ /* line 1, ../sass/LoginPop.scss */ .LoginPop { position: fixed; right: 0; left: 0; top: 220px; width: 340px; margin: 0 auto; box-shadow: 0 0 5px rgba(0, 0, 0, 0.8); background-color: #f5f6f8; z-index: 100; } /* line 13, ../sass/LoginPop.scss */ .banner .prev, .banner .next { z-index: 8 !important; } /* line 17, ../sass/LoginPop.scss */ .LoginPop .LoginPop_outer { position: relative; width: 100%; height: 100%; padding: 40px; box-sizing: border-box; } /* line 25, ../sass/LoginPop.scss */ .LoginPop .LoginPop_cancle { position: absolute; top: 15px; right: 15px; width: 14px; height: 14px; background: url("http://www.iplaystone.com/static/common/images/cancel.png"); cursor: pointer; } /* line 35, ../sass/LoginPop.scss */ .LoginPop .LoginPop_title { font-size: 14px; color: white; text-align: center; margin-bottom: 30px; } /* line 41, ../sass/LoginPop.scss */ .LoginPop_title img { display: inline-block; } /* line 44, ../sass/LoginPop.scss */ .LoginPop .LoginPop_input { position: relative; width: 100%; height: 58px; } /* line 50, ../sass/LoginPop.scss */ .LoginPop .LoginPop_input .LoginPop_error { display: none; height: 20px; padding-left: 15px; color: red; background: url("http://www.iplaystone.com/static/common/images/error.png") left no-repeat; } /* line 58, ../sass/LoginPop.scss */ .LoginPop .LoginPop_input > input { width: 100%; height: 38px; border: 1px solid #f0f1f2; background-color: #f0f1f2; outline: none; padding: 0 15px 0 30px; color: gray; box-sizing: border-box; } /* line 68, ../sass/LoginPop.scss */ .LoginPop .LoginPop_input > input:focus { border-color: #00aaff; } /* line 72, ../sass/LoginPop.scss */ .LoginPop .LoginPop_input .LoginPop_icon { position: absolute; top: 13px; left: 10px; width: 13px; height: 13px; } /* line 80, ../sass/LoginPop.scss */ .LoginPop .LoginPop_input .LoginPop_user { background: url("http://www.iplaystone.com/static/common/images/user.png") no-repeat; } /* line 84, ../sass/LoginPop.scss */ .LoginPop .LoginPop_input .LoginPop_pwd { background: url("http://www.iplaystone.com/static/common/images/key.png") no-repeat; } /* line 88, ../sass/LoginPop.scss */ .LoginPop .LoginPop_btn { width: 100%; height: 46px; margin: 30px 0 15px 0; } /* line 94, ../sass/LoginPop.scss */ .LoginPop .LoginPop_btn > button { width: 100%; height: 100%; text-align: center; background-color: white; border: none; color: white; background: url("http://www.iplaystone.com/static/common/images/btn_normal.png"); cursor: pointer; } /* .LoginPop .LoginPop_btn > button:hover{ background: url('../images/btn_hover.png'); }*/ /* line 109, ../sass/LoginPop.scss */ .LoginPop .LoginPop_forget, .LoginPop .LoginPop_register { font-size: 12px; } /* line 114, ../sass/LoginPop.scss */ .LoginPop .LoginPop_forget { /*float: left;*/ color: #808080; } /* line 119, ../sass/LoginPop.scss */ .LoginPop .LoginPop_register { /*float: right;*/ color: #5a9ddf; } /* line 123, ../sass/LoginPop.scss */ .LoginPop .LoginPop_box { text-align: center; } /* line 126, ../sass/LoginPop.scss */ .LoginPop_box span { display: inline-block; height: 15px; width: 1px; background: #999; margin: 0 20px; position: relative; top: 3px; } ================================================ FILE: src/sass/stylesheets/ScoialIndexRecommend.css ================================================ /* line 1, ../sass/ScoialIndexRecommend.scss */ .SocialIndexRecommend { width: 240px; background: #fff; top: 230px; padding: 15px 19px; margin-bottom: 20px; transition: all .3s linear; -ms-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; } /* line 12, ../sass/ScoialIndexRecommend.scss */ .SocialIndexRecommend .MoudleHd a { background: url(../../images/icon2.png) no-repeat right 6px; } /* line 14, ../sass/ScoialIndexRecommend.scss */ .SocialIndexRecommend .MoudleHd a:hover { color: #00aaff; } /* line 19, ../sass/ScoialIndexRecommend.scss */ .SocialIndexRecommend .RecommentList { width: 100%; height: auto; } /* line 22, ../sass/ScoialIndexRecommend.scss */ .SocialIndexRecommend .RecommentList ul { width: 100%; height: 100%; padding: 30px 0 20px 0; } /* line 26, ../sass/ScoialIndexRecommend.scss */ .SocialIndexRecommend .RecommentList ul li { height: 50px; width: 100%; margin-bottom: 15px; } /* line 30, ../sass/ScoialIndexRecommend.scss */ .SocialIndexRecommend .RecommentList ul li:last-child { margin-bottom: 0; } /* line 33, ../sass/ScoialIndexRecommend.scss */ .SocialIndexRecommend .RecommentList ul li .ListGameName { width: 182px; height: 100%; } /* line 36, ../sass/ScoialIndexRecommend.scss */ .SocialIndexRecommend .RecommentList ul li .ListGameName img { width: 50px; height: 50px; border-radius: 5px; margin-right: 10px; } /* line 43, ../sass/ScoialIndexRecommend.scss */ .SocialIndexRecommend .RecommentList ul li .NameBox { width: 117px; } /* line 45, ../sass/ScoialIndexRecommend.scss */ .SocialIndexRecommend .RecommentList ul li .NameBox .qzname { display: inline-block; height: 30px; width: 100%; text-align: left; font-size: 14px; color: #585858; line-height: 2.2; } /* line 54, ../sass/ScoialIndexRecommend.scss */ .SocialIndexRecommend .RecommentList ul li .NameBox h6 { font-size: 12px; color: #8c8c8c; width: 117px; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* line 64, ../sass/ScoialIndexRecommend.scss */ .SocialIndexRecommend .RecommentList ul li .ListGameBtn { width: 56px; height: 26px; margin-top: 9px; } /* line 68, ../sass/ScoialIndexRecommend.scss */ .SocialIndexRecommend .RecommentList ul li .ListGameBtn a { display: inline-block; width: 100%; height: 100%; font-size: 12px; text-align: center; line-height: 26px; } /* line 76, ../sass/ScoialIndexRecommend.scss */ .SocialIndexRecommend .RecommentList ul li .ListGameBtn .R_nJoin { color: #585858; border: 1px solid #eaecef; background-color: rgba(170, 178, 189, 0); } /* line 81, ../sass/ScoialIndexRecommend.scss */ .SocialIndexRecommend .RecommentList ul li .ListGameBtn .R_Join { color: #fff; background: #00aaff; } /* line 84, ../sass/ScoialIndexRecommend.scss */ .SocialIndexRecommend .RecommentList ul li .ListGameBtn .R_Join img { margin-right: 3px; } /* line 89, ../sass/ScoialIndexRecommend.scss */ .SocialIndexRecommend .RecommentList ul li .ListGameBtn .R_nJoin span:first-child { display: inline-block; } /* line 92, ../sass/ScoialIndexRecommend.scss */ .SocialIndexRecommend .RecommentList ul li .ListGameBtn .R_nJoin span:last-child { display: none; } /* line 96, ../sass/ScoialIndexRecommend.scss */ .SocialIndexRecommend .RecommentList ul li .ListGameBtn .R_nJoin:hover span:first-child { display: none; } /* line 99, ../sass/ScoialIndexRecommend.scss */ .SocialIndexRecommend .RecommentList ul li .ListGameBtn .R_nJoin:hover span:last-child { display: inline-block; } @-webkit-keyframes mymove { from { top: 0px; } to { top: 270px !important; } } @keyframes mymove { from { top: 0px; } to { top: 270px !important; } } @-moz-keyframes mymove { from { top: 0px; } to { top: 270px !important; } } /* line 124, ../sass/ScoialIndexRecommend.scss */ .fixed3 { position: fixed; top: 270px; animation: mymove 2s normal; -webkit-animation: mymove 2s normal; -moz-animation: mymove 2s normal; -ms-animation: mymove 2s normal; } ================================================ FILE: src/sass/stylesheets/SocialDetail.css ================================================ /* line 1, ../sass/SocialDetail.scss */ .SocialDetail { position: relative; width: 100%; font-family: "Microsoft YaHei"; } /* line 5, ../sass/SocialDetail.scss */ .SocialDetail .h5 { height: 100%; display: inline-block; color: #333; text-align: left; } /* line 11, ../sass/SocialDetail.scss */ .SocialDetail .MainList { width: 702px; } /* line 13, ../sass/SocialDetail.scss */ .SocialDetail .MainList .ListCont { position: relative; } /* line 17, ../sass/SocialDetail.scss */ .SocialDetail .Jtitle { top: 0; width: 662px; height: 16px; padding: 20px 19px; z-index: 3; border-bottom: 1px solid #eaeced; margin-bottom: -1px; } /* line 25, ../sass/SocialDetail.scss */ .SocialDetail .Jtitle h5 { display: inline-block; max-width: 330px; font-family: "Microsoft YaHei"; font-size: 16px; color: #404040; } /* line 35, ../sass/SocialDetail.scss */ .SocialDetail .Jtitle .Jtitle-Moudle { margin-top: -5px; } /* line 37, ../sass/SocialDetail.scss */ .SocialDetail .Jtitle .Jtitle-Moudle span { display: inline-block; text-align: center; font-size: 12px; min-width: 63px; color: #585858; border: 1px solid #eaecef; background-color: rgba(214, 223, 250, 0); padding: 6px 8px; cursor: pointer; margin-right: 10px; } /* line 48, ../sass/SocialDetail.scss */ .SocialDetail .Jtitle .Jtitle-Moudle span img { position: relative; display: inline-block; margin-right: 5px; top: 2px; } /* line 54, ../sass/SocialDetail.scss */ .SocialDetail .Jtitle .Jtitle-Moudle span:hover { background-color: #f5f6f7; } /* line 58, ../sass/SocialDetail.scss */ .SocialDetail .Jtitle .Jtitle-Moudle .onLandlord { border-color: #00aaff; color: #00aaff; } /* line 65, ../sass/SocialDetail.scss */ .ListPage { position: relative; height: 23px; padding: 13px; background: #fff; margin-bottom: 16px; } /* line 71, ../sass/SocialDetail.scss */ .ListPage .goBack { position: absolute; right: 13px; top: 18px; font-size: 12px; color: #0099e5; } /* line 77, ../sass/SocialDetail.scss */ .ListPage .goBack img { margin-right: 5px; } /* line 82, ../sass/SocialDetail.scss */ #SocialDetail .PageBar .JumpToPage { margin-left: 5px !important; } /* line 85, ../sass/SocialDetail.scss */ #SocialDetail .PageBar .JumpToPage input[type="text"] { width: 20px !important; height: 11px !important; padding: 5px !important; margin: 0 5px !important; } /* line 92, ../sass/SocialDetail.scss */ #SocialDetail .PageBar .JumpToPage span { top: 1px !important; font-size: 12px !important; width: 40px !important; height: 22px !important; line-height: 22px !important; padding: 0 5px; margin-left: 5px !important; } /* line 102, ../sass/SocialDetail.scss */ #SocialDetail .ListPage .PageBar { text-align: left !important; margin: 0 !important; } /* line 106, ../sass/SocialDetail.scss */ #SocialDetail .ListPage .PageBar a { width: 28px !important; height: 22px !important; line-height: 22px !important; margin-right: 5px; } /* line 113, ../sass/SocialDetail.scss */ #SocialDetail .ListPage .PageBar .point a { border: none; cursor: default; border: none !important; } /* line 118, ../sass/SocialDetail.scss */ .ListContUl { width: 100%; height: 100%; } /* line 121, ../sass/SocialDetail.scss */ .ListContUl .ListContUlLi { position: relative; background: #fff; margin-bottom: 16px; padding: 30px 19px; } /* line 126, ../sass/SocialDetail.scss */ .ListContUl .ListContUlLi .user-lz { position: absolute; top: 0; left: 0; } /* line 131, ../sass/SocialDetail.scss */ .ListContUl .ListContUlLi .Jitems { width: 100%; height: auto; } /* line 136, ../sass/SocialDetail.scss */ .ListContUl .isSelf { border-color: #00aaff; } /* line 139, ../sass/SocialDetail.scss */ .ListContUl .JitemsLeft { width: 85px; height: auto; } /* line 142, ../sass/SocialDetail.scss */ .ListContUl .JitemsLeft .J-UserInfo { width: 100%; height: 100%; text-align: center; } /* line 146, ../sass/SocialDetail.scss */ .ListContUl .JitemsLeft .J-UserInfo .J-UserInfo-Pic { display: inline-block; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; } /* line 152, ../sass/SocialDetail.scss */ .ListContUl .JitemsLeft .J-UserInfo .J-UserInfo-Pic img { width: 60px; height: 60px; } /* line 157, ../sass/SocialDetail.scss */ .ListContUl .JitemsLeft .J-UserInfo span { display: inline-block; width: 100%; height: 15px; font-size: 12px; color: #4d4d4d; margin-top: 10px; } /* line 165, ../sass/SocialDetail.scss */ .ListContUl .JitemsLeft .J-UserInfo .J-UserInfo-adminCall { font-size: 12px; width: 52px; height: 20px; line-height: 20px; background: #0099e5; color: #fff; } /* line 176, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight { width: 565px; height: auto; } /* line 179, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-TextCont { margin-bottom: 30px; font-size: 14px; color: #404040; line-height: 1.714; text-align: left; min-height: 120px; word-break: break-all; } /* line 187, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-TextCont > *, .ListContUl .JitemsRight .J-TextCont p > *, .ListContUl .JitemsRight .J-TextCont div > * { font-size: 14px !important; color: #404040 !important; line-height: 1.714 !important; } /* line 192, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-TextCont a { text-decoration: underline; color: #4c69ff !important; margin: 0 2px; } /* line 197, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-TextCont img { max-width: 100%; margin: 20px 0; } /* line 202, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-ClickUp { height: 48px; width: 98px; border: 1px solid #eeeeee; background-color: rgba(238, 238, 238, 0); border-radius: 25px; text-align: center; font-size: 14px; color: gray; cursor: pointer; margin: 0 auto; margin-bottom: 50px; } /* line 214, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-ClickUp p { height: 15px; } /* line 216, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-ClickUp p:first-child { margin-top: 8px; margin-bottom: 5px; background: url(../../images/icon7.png) no-repeat center; } /* line 222, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-ClickUp:hover { border-color: #00aaff; } /* line 224, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-ClickUp:hover p { color: #00aaff; } /* line 226, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-ClickUp:hover p:first-child { background: url(../../images/icon8.png) no-repeat center; } /* line 232, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-On { border-color: transparent; background: url(../../images/icon9.png) no-repeat center; } /* line 235, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-On p { color: #fff; } /* line 237, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-On p:first-child { background: url(../../images/icon10.png) no-repeat center; } /* line 241, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-On:hover { border-color: transparent; } /* line 243, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-On:hover p { color: #fff; } /* line 245, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-On:hover p:first-child { background: url(../../images/icon10.png) no-repeat center; } /* line 251, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Modle { width: 100%; height: auto; } /* line 254, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Modle .J-Modle-Hd { width: 100%; height: 20px; font-size: 13px; color: gray; } /* line 259, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Modle .J-Modle-Hd .Hd-Floor span { margin-right: 10px; } /* line 264, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Modle .Hd-Moudle li { position: relative; float: left; padding: 0 10px; height: 16px; line-height: 16px; text-align: center; border-right: 1px solid #eef0f1; } /* line 272, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Modle .Hd-Moudle li:last-child { border-right: none; } /* line 275, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Modle .Hd-Moudle li span { cursor: pointer; } /* line 280, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Modle .Hd-Moudle li span:hover { color: #00aaff; } /* line 285, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Modle .Hd-Moudle li i { position: relative; top: 4px; right: -5px; display: inline-block; width: 0; height: 2px; border: solid; border-width: 4px; border-color: #8c8c8c transparent transparent transparent; transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -moz-transition: all .3s linear; transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); margin-left: 1px; margin-right: 5px; } /* line 306, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Modle .Hd-Moudle li .rotate { top: -3px; transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); } /* line 313, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Modle .Hd-Moudle li .adminlist { position: absolute; left: 1px; top: 25px; width: 98px; min-height: 30px; border: 1px solid #c6c6cc; font-size: 12px; color: #595959; line-height: 2.5; text-align: center; background: #fff; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); z-index: 1000004; } /* line 327, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Modle .Hd-Moudle li .adminlist p { height: 30px; } /* line 329, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Modle .Hd-Moudle li .adminlist p:hover { background-color: #ebeced; } /* line 335, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Modle .Hd-Moudle .PostManagement { padding-left: 18px; background: url(../../images/icon12.png) no-repeat center left; } /* line 338, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Modle .Hd-Moudle .PostManagement:hover { background: url(../../images/icon12_hover.png) no-repeat center left; } /* line 340, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Modle .Hd-Moudle .PostManagement:hover i { border-color: #00aaff transparent transparent transparent; } /* line 345, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Modle .Hd-Moudle img { width: 12px; height: 12px; display: inline-block; position: relative; top: 1px; margin-right: 5px; } /* line 353, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Modle .Hd-Moudle .Hd-Moudle-Praise { padding-left: 15px; background: url(../../images/icon11.png) no-repeat center left; } /* line 356, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Modle .Hd-Moudle .Hd-Moudle-Praise:hover { background: url(../../images/icon11_hover.png) no-repeat center left; color: #0099e5; } /* line 361, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Modle .Hd-Moudle .Hd-Moudle-Praise-On { background: url(../../images/icon11_hover.png) no-repeat center left; color: #0099e5; } /* line 365, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Modle .Hd-Moudle .Hd-Moudle-Reply { padding-left: 17px; background: url(../../images/icon6.png) no-repeat center left; } /* line 368, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Modle .Hd-Moudle .Hd-Moudle-Reply:hover { background: url(../../images/icon6_hover.png) no-repeat center left; color: #0099e5; } /* line 375, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Moudle-List { padding: 20px 15px; background: #f5f6f7; margin-top: 20px; } /* line 379, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Cont { width: 100%; height: 100%; } /* line 382, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Cont ul { width: 100%; height: 100%; } /* line 385, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Cont ul li { padding: 15px 0; border-bottom: 1px dotted #ddddde; } /* line 388, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Cont ul li:last-child { border-bottom: none; } /* line 394, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Moudle-List .Jmoude-items { width: 100%; height: auto; } /* line 398, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Moudle-List .Jmoude-items-Pic { width: 30px; height: 30px; border-radius: 50%; overflow: hidden; } /* line 403, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Moudle-List .Jmoude-items-Pic img { width: 30px; height: 30px; } /* line 408, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Moudle-List .Jmoude-items-Cont { width: 495px; height: auto; font-size: 12px; color: #333; } /* line 413, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Moudle-List .Jmoude-items-Cont a { color: #0099e5; float: left; } /* line 417, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Moudle-List .Jmoude-items-Cont span { word-wrap: break-word; } /* line 420, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Moudle-List .Jmoude-items-Cont .Jmoudle-items-h5 { min-height: 15px; margin-bottom: 5px; line-height: 1.3; font-family: "Microsoft YaHei"; } /* line 425, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Moudle-List .Jmoude-items-Cont .Jmoudle-items-h5 .twouser { margin: 0 5px; } /* line 428, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Moudle-List .Jmoude-items-Cont .Jmoudle-items-h5 b { font-style: normal; font-weight: normal; } /* line 433, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Moudle-List .Jmoude-items-Cont .Jmoudle-items-info { color: #818181; } /* line 438, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-More { font-size: 12px; line-height: 30px; color: #0099e5; width: 100px; } /* line 444, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Cont-Jet { width: 100%; height: 30px; } /* line 447, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Cont-Jet .J-Moudle-Mebtn { font-size: 12px; color: #4d4d4d; text-align: center; height: 28px; line-height: 28px; width: 80px; border: 1px solid #cccccc; background-color: rgba(0, 153, 229, 0); border-radius: 2px; } /* line 457, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Cont-Jet .J-Moudle-Mebtn:hover { background-color: rgba(0, 0, 0, 0.031); } /* line 462, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Input { position: relative; width: 100%; height: 80px; margin-top: 18px; } /* line 467, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Input .loginMask { background: url(../../images/filter2.png); } /* line 469, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Input .loginMask .loginMaskBox { padding-top: 30px; } /* line 473, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Input .J-Moudle-List-Input-Box { border: 1px solid #ddddde; } /* line 475, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Input .J-Moudle-List-Input-Box input { background: #fff; border: none; height: 10px; width: 509px; outline: none; padding: 12px; } /* line 484, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Input .J-Moudle-List-Input-Set { width: 100%; height: 26px; margin-top: 15px; } /* line 488, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Input .J-Moudle-List-Input-Set .J-M-L-Btn { font-size: 13px; color: #fff; width: 60px; height: 26px; text-align: center; line-height: 26px; background-color: #0099e5; } /* line 497, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Input .J-Moudle-List-Input-Set .J-M-l-I-S-Icon { position: relative; width: 18px; height: 18px; } /* line 501, ../sass/SocialDetail.scss */ .ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Input .J-Moudle-List-Input-Set .J-M-l-I-S-Icon .Icon-List { position: absolute; top: 0; left: 30px; width: 200px; height: 200px; border: 1px solid #999; background: #fff; border-radius: 3px; } @-webkit-keyframes mymove { from { top: 0px; } to { top: 140px !important; } } @keyframes mymove { from { top: 0px; } to { top: 140px !important; } } @-moz-keyframes mymove { from { top: 0px; } to { top: 140px !important; } } /* line 532, ../sass/SocialDetail.scss */ #SocialDetail .fixed2 { position: fixed; top: 140px !important; animation: mymove 2s normal; -webkit-animation: mymove 2s normal; -moz-animation: mymove 2s normal; -ms-animation: mymove 2s normal; } /* line 545, ../sass/SocialDetail.scss */ .loginMask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: url(../../images/filter.png); text-align: center; z-index: 99999; } /* line 555, ../sass/SocialDetail.scss */ .loginMask p { font-size: 14px; font-family: "Microsoft YaHei"; color: white; line-height: 1.143; text-align: center; padding-bottom: 10px; padding-top: 100px; } /* line 564, ../sass/SocialDetail.scss */ .loginMask a.loginMaskBoxline { position: relative; top: 1px; margin: 0 5px; background-color: white; opacity: 0.502; width: 1px; height: 12px; } /* line 573, ../sass/SocialDetail.scss */ .loginMask a { font-size: 14px; font-family: "Microsoft YaHei"; color: #ffd400; z-index: 1000000; } /* line 578, ../sass/SocialDetail.scss */ .loginMask a:hover { text-decoration: underline; color: #ffd400; } /* line 584, ../sass/SocialDetail.scss */ .LidtEditor { position: relative; padding: 20px; height: 235px; text-align: right; } /* line 591, ../sass/SocialDetail.scss */ .LidtEditor #editorElem .w-e-text-container { height: 155px !important; } /* line 594, ../sass/SocialDetail.scss */ .LidtEditor #editorElem .w-e-toolbar { background: #fff !important; } /* line 597, ../sass/SocialDetail.scss */ .LidtEditor #editorElem .w-e-text-container .w-e-panel-container .w-e-emoticon-container .w-e-item { padding: 3px; } /* line 600, ../sass/SocialDetail.scss */ .LidtEditor #editorElem .w-e-text { overflow-y: auto; } /* line 603, ../sass/SocialDetail.scss */ .LidtEditor #editorElem .w-e-icon-link { line-height: 1.5; } /* line 607, ../sass/SocialDetail.scss */ .LidtEditor .PostHtml { display: inline-block; width: 72px; height: 30px; color: #fff; text-align: center; font-size: 12px; line-height: 30px; background-color: #00aaff; border-radius: 2px; margin-top: 20px; } /* line 619, ../sass/SocialDetail.scss */ .LidtEditor .errts { margin-right: 20px; color: #ff3333; padding-left: 20px; background: url(../../images/icon16.png) no-repeat center left; } /* line 626, ../sass/SocialDetail.scss */ .J-Moudle-Page { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: left; font-size: 0; margin-top: 3px; } /* line 637, ../sass/SocialDetail.scss */ .J-Moudle-Page li { padding: 0 !important; border: none !important; list-style: none; display: inline-block; margin: 0; } /* line 644, ../sass/SocialDetail.scss */ .J-Moudle-Page li:first-child > a { margin-left: 0px; } /* line 647, ../sass/SocialDetail.scss */ .J-Moudle-Page .point a { border: none; cursor: default; } /* line 651, ../sass/SocialDetail.scss */ .J-Moudle-Page .point a:hover { background: none; } /* line 654, ../sass/SocialDetail.scss */ .J-Moudle-Page a { display: inline-block; width: 28px; height: 22px; line-height: 22px; font-size: 12px; color: #a7a7a7; border: 1px solid #ccc; margin-right: 4px; cursor: pointer; text-align: center; } /* line 666, ../sass/SocialDetail.scss */ .J-Moudle-Page a:hover { border-color: #00aaff; color: #00aaff; } /* line 670, ../sass/SocialDetail.scss */ .J-Moudle-Page .active a { color: #fff; cursor: default; border-color: #00aaff; background: #00aaff; } /* line 676, ../sass/SocialDetail.scss */ .J-Moudle-Page i { font-style: normal; color: #d44950; margin: 0px 4px; font-size: 12px; } /* line 682, ../sass/SocialDetail.scss */ .J-Moudle-Page .page-button-disabled { background: #f7f9fa; cursor: not-allowed; color: #ddd !important; border-color: #e6e6e6; } /* line 688, ../sass/SocialDetail.scss */ .J-Moudle-Page .page-button-disabled:hover { background: #f7f9fa; border-color: #e6e6e6; } ================================================ FILE: src/sass/stylesheets/SocialIndexAdmin.css ================================================ /* line 1, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin { padding: 15px 19px; margin-bottom: 20px; width: 240px; } /* line 5, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .SocialIndexAdmin-Cont { width: 100%; min-height: 107px; } /* line 8, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .SocialIndexAdmin-Cont ul { width: 100%; height: auto; } /* line 11, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .SocialIndexAdmin-Cont ul li { float: left; width: 46px; height: 61px; margin-top: 30px; margin-right: 18px; } /* line 18, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .SocialIndexAdmin-Cont ul li:nth-child(4n) { margin-right: 0; } /* line 21, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .SocialIndexAdmin-Cont ul a { display: inline-block; width: 100%; height: 100%; text-align: center; } /* line 26, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .SocialIndexAdmin-Cont ul a .adminPic { width: 40px; height: 40px; border-radius: 50%; } /* line 31, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .SocialIndexAdmin-Cont ul a .adminName { display: inline-block; width: 100%; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: #8c8c8c; } /* line 45, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .divmask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000003; } /* line 53, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .rulePop { position: fixed; left: 50%; top: 100px; margin-left: -209px; z-index: 1000004; width: 418px; min-height: 455px; padding-bottom: 45px; border: 1px solid #1a1a1a; background-color: white; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); } /* line 65, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .rulePop .rulePop-Hd { background-color: #191b2e; padding: 0 15px; height: 37px; line-height: 37px; font-size: 14px; font-family: "Microsoft YaHei"; color: #b3b5c7; } /* line 73, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .rulePop .rulePop-Hd img { display: inline-block; margin-top: 10px; } /* line 78, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .rulePop .rulePop-Cont { margin: 30px 0; padding: 0 30px; font-size: 15px; line-height: 2; font-family: "Microsoft YaHei"; color: #595959; text-align: center; } /* line 86, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .rulePop .rulePop-Cont span { color: #ff6b01; } /* line 89, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .rulePop .rulePop-Cont h3 { font-size: 18px; font-family: "Microsoft YaHei"; color: #4d4d4d; } /* line 94, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .rulePop .rulePop-Cont .r-setp { position: relative; } /* line 96, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .rulePop .rulePop-Cont .r-setp div { margin: 15px 0; width: 100%; font-size: 14px; font-family: "Microsoft YaHei"; color: gray; text-align: left; } /* line 103, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .rulePop .rulePop-Cont .r-setp div h5 { text-indent: 30px; } /* line 108, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .rulePop .rulePop-Cont .mt60 { padding-top: 60px; } /* line 111, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .rulePop .rulePop-Cont p { font-family: "Microsoft YaHei"; } /* line 114, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .rulePop .rulePop-Cont .r-setpList { min-height: 36px; line-height: 36px; } /* line 117, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .rulePop .rulePop-Cont .r-setpList p { float: left; font-size: 14px; } /* line 121, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .rulePop .rulePop-Cont .r-setpList p:first-child { width: 88px; margin-right: 11px; text-align: right; color: #4d4d4d; } /* line 127, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .rulePop .rulePop-Cont .r-setpList p:last-child { color: #808080; width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* line 133, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .rulePop .rulePop-Cont .r-setpList p:last-child input, .SocialIndexAdmin .rulePop .rulePop-Cont .r-setpList p:last-child textarea { width: 226px; padding: 0 10px; height: 34px; border: 1px solid #e1e2e6; color: #4d4d4d; } /* line 140, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .rulePop .rulePop-Cont .r-setpList p:last-child textarea { padding: 10px; height: 162px; resize: none; font-family: "Microsoft YaHei"; } /* line 148, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .rulePop .rulePop-Cont .r-setpList .yellowColor { color: #ff6b01 !important; } /* line 152, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .rulePop .rulePop-Cont .overText { height: 275px; overflow: hidden; overflow-y: auto; line-height: 1.571; } /* line 158, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .rulePop .rulePop-Cont .ruleerrts { position: absolute; left: 98px; bottom: -20px; color: #ff3333; padding-left: 20px; background: url(../../images/icon16.png) no-repeat center left; } /* line 167, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .rulePop .rulePop-Bt { text-align: center; height: 36px; } /* line 170, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .rulePop .rulePop-Bt span { display: inline-block; width: 122px; height: 36px; text-align: center; line-height: 36px; margin: 0 15px; } /* line 178, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .rulePop .rulePop-Bt .ruleCannle { position: relative; top: 1px; height: 34px; border: 1px solid gainsboro; background-color: rgba(245, 246, 247, 0); } /* line 184, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .rulePop .rulePop-Bt .ruleCannle:hover { background-color: #f5f6f7; } /* line 188, ../sass/SocialIndexAdmin.scss */ .SocialIndexAdmin .rulePop .rulePop-Bt .ruleSure { color: white; background: url(../../images/rulepopbtn.png) no-repeat center left; } ================================================ FILE: src/sass/stylesheets/SocialIndexDetail.css ================================================ /* line 2, ../sass/SocialIndexDetail.scss */ .SocialIndexHeader { width: 962px; height: 82px; background: #fff; padding: 19px; font-family: "Microsoft YaHei"; } /* line 8, ../sass/SocialIndexDetail.scss */ .SocialIndexHeader a { display: inline-block; text-align: center; text-decoration: none; } /* line 13, ../sass/SocialIndexDetail.scss */ .SocialIndexHeader .SiH-Info-Pic { width: 80px; height: 80px; margin-right: 19px; } /* line 18, ../sass/SocialIndexDetail.scss */ .SocialIndexHeader .SiH-Info-name { width: 590px; height: auto; } /* line 21, ../sass/SocialIndexDetail.scss */ .SocialIndexHeader .SiH-Info-name .Hname { width: 100%; font-size: 18px; color: #404040; line-height: 3; height: 45px; } /* line 27, ../sass/SocialIndexDetail.scss */ .SocialIndexHeader .SiH-Info-name .Hname h5 { height: 100%; } /* line 30, ../sass/SocialIndexDetail.scss */ .SocialIndexHeader .SiH-Info-name .Hname a { margin: 14px 0 0 14px; } /* line 33, ../sass/SocialIndexDetail.scss */ .SocialIndexHeader .SiH-Info-name .Hname .HnameBtnOn, .SocialIndexHeader .SiH-Info-name .Hname .HnameBtnUn { width: 62px; height: 26px; line-height: 26px; font-size: 12px; color: #585858; border: 1px solid #eaecef; background-color: rgba(40, 215, 250, 0); } /* line 43, ../sass/SocialIndexDetail.scss */ .SocialIndexHeader .SiH-Info-name .Htitle { width: 100%; color: #a6a6a6; line-height: 2; font-size: 14px; } /* line 50, ../sass/SocialIndexDetail.scss */ .SocialIndexHeader .SiH-Href { margin-right: 20px; margin-top: 22px; } /* line 54, ../sass/SocialIndexDetail.scss */ .SocialIndexHeader .SiH-Launch { width: 124px; height: 38px; font-size: 14px; color: white; line-height: 38px; border-radius: 19px; background-image: -moz-linear-gradient(0deg, #04e9f5 0%, #0099e5 100%); background-image: -webkit-linear-gradient(0deg, #04e9f5 0%, #0099e5 100%); background-image: -ms-linear-gradient(0deg, #04e9f5 0%, #0099e5 100%); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.11); text-align: center; margin-right: 20px; cursor: pointer; } /* line 68, ../sass/SocialIndexDetail.scss */ .SocialIndexHeader .SiH-Launch img { margin: -1px; margin-right: 5px; } /* line 73, ../sass/SocialIndexDetail.scss */ .SocialIndexHeader .goShop { width: 58px; height: 35px; line-height: 34px; font-size: 14px; color: #585858; border: 1px solid #eaecef; border-radius: 19px; background-color: rgba(253, 35, 86, 0); } ================================================ FILE: src/sass/stylesheets/SocialIndexHeader.css ================================================ /* line 1, ../sass/SocialIndexHeader.scss */ .h5 { height: 100%; display: inline-block; color: #333; } /* line 6, ../sass/SocialIndexHeader.scss */ .SocialIndexHeader { width: 962px; height: 82px; background: #fff; padding: 19px; font-family: "Microsoft YaHei"; } /* line 13, ../sass/SocialIndexHeader.scss */ .SocialIndexHeader .SiH-Info-Pic { width: 80px; height: 80px; margin-right: 19px; } /* line 18, ../sass/SocialIndexHeader.scss */ .SocialIndexHeader .SiH-Info-name { width: 590px; height: auto; } /* line 21, ../sass/SocialIndexHeader.scss */ .SocialIndexHeader .SiH-Info-name a { color: #333; } /* line 24, ../sass/SocialIndexHeader.scss */ .SocialIndexHeader .SiH-Info-name .Hname { width: 100%; font-size: 18px; color: #404040; line-height: 3; height: 45px; } /* line 30, ../sass/SocialIndexHeader.scss */ .SocialIndexHeader .SiH-Info-name .Hname a:first-child { color: #333; } /* line 33, ../sass/SocialIndexHeader.scss */ .SocialIndexHeader .SiH-Info-name .Hname #h5 { height: 100%; display: inline-block; color: #333; } /* line 38, ../sass/SocialIndexHeader.scss */ .SocialIndexHeader .SiH-Info-name .Hname a.HnameBtnUn { margin: 14px 0 0 14px; } /* line 41, ../sass/SocialIndexHeader.scss */ .SocialIndexHeader .SiH-Info-name .Hname .HnameBtnOn { margin-top: 15px; margin-left: 10px; } /* line 45, ../sass/SocialIndexHeader.scss */ .SocialIndexHeader .SiH-Info-name .Hname .HnameBtnOn, .SocialIndexHeader .SiH-Info-name .Hname .HnameBtnUn { width: 62px; height: 26px; line-height: 26px; font-size: 12px; color: #585858; border: 1px solid #eaecef; background-color: rgba(40, 215, 250, 0); } /* line 54, ../sass/SocialIndexHeader.scss */ .SocialIndexHeader .SiH-Info-name .Hname .HnameBtnUn { color: #fff; background: #00aaff; border-color: #00aaff; } /* line 58, ../sass/SocialIndexHeader.scss */ .SocialIndexHeader .SiH-Info-name .Hname .HnameBtnUn img { margin-right: 5px; } /* line 63, ../sass/SocialIndexHeader.scss */ .SocialIndexHeader .SiH-Info-name .Hname .HnameBtnOn span:first-child { display: inline-block; } /* line 66, ../sass/SocialIndexHeader.scss */ .SocialIndexHeader .SiH-Info-name .Hname .HnameBtnOn span:last-child { display: none; } /* line 70, ../sass/SocialIndexHeader.scss */ .SocialIndexHeader .SiH-Info-name .Hname .HnameBtnOn:hover span:first-child { display: none; } /* line 73, ../sass/SocialIndexHeader.scss */ .SocialIndexHeader .SiH-Info-name .Hname .HnameBtnOn:hover span:last-child { display: inline-block; } /* line 79, ../sass/SocialIndexHeader.scss */ .SocialIndexHeader .SiH-Info-name .Htitle { width: 100%; color: #a6a6a6; line-height: 2; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* line 89, ../sass/SocialIndexHeader.scss */ .SocialIndexHeader .SiH-Href { margin-right: 20px; margin-top: 22px; } /* line 93, ../sass/SocialIndexHeader.scss */ .SocialIndexHeader .SiH-Launch { width: 124px; height: 38px; font-size: 14px; color: white; line-height: 38px; border-radius: 19px; background-image: url(../../images/postbtn1.png); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.11); text-align: center; margin-right: 20px; cursor: pointer; } /* line 108, ../sass/SocialIndexHeader.scss */ .SocialIndexHeader .SiH-Launch img { margin: -1px; margin-right: 5px; } /* line 112, ../sass/SocialIndexHeader.scss */ .SocialIndexHeader .SiH-Launch:hover { transform: translateY(-3px); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); box-shadow: 0 10px 20px rgba(4, 233, 245, 0.1); } /* line 120, ../sass/SocialIndexHeader.scss */ .SocialIndexHeader .goShop { width: 66px; height: 35px; line-height: 34px; font-size: 14px; color: #585858; border: 1px solid #eaecef; border-radius: 19px; background-color: rgba(253, 35, 86, 0); } ================================================ FILE: src/sass/stylesheets/SocialIndexHot.css ================================================ /* line 1, ../sass/SocialIndexHot.scss */ .SocialIndexHot { padding: 15px 19px; margin-bottom: 20px; width: 240px; } /* line 5, ../sass/SocialIndexHot.scss */ .SocialIndexHot .HotList { width: 100%; height: auto; padding-top: 20px; } /* line 9, ../sass/SocialIndexHot.scss */ .SocialIndexHot .HotList ul { width: 100%; height: auto; } /* line 12, ../sass/SocialIndexHot.scss */ .SocialIndexHot .HotList ul li { width: 100%; height: 20px; line-height: 20px; margin-bottom: 20px; } /* line 17, ../sass/SocialIndexHot.scss */ .SocialIndexHot .HotList ul li:last-child { margin-bottom: 0; } /* line 20, ../sass/SocialIndexHot.scss */ .SocialIndexHot .HotList ul li:first-child i { background-color: #ff5c26; } /* line 23, ../sass/SocialIndexHot.scss */ .SocialIndexHot .HotList ul li:nth-child(2) i { background-color: #fd9100; } /* line 26, ../sass/SocialIndexHot.scss */ .SocialIndexHot .HotList ul li:nth-child(3) i { background-color: #f8c127; } /* line 30, ../sass/SocialIndexHot.scss */ .SocialIndexHot .HotList ul a { width: 100%; font-size: 14px; } /* line 34, ../sass/SocialIndexHot.scss */ .SocialIndexHot .HotList ul i { display: inline-block; width: 16px; height: 16px; line-height: 16px; border-radius: 50%; font-size: 12px; color: #fff; text-align: center; background: #cdcdcd; margin: 2px 5px 0 0; font-style: normal; } /* line 47, ../sass/SocialIndexHot.scss */ .SocialIndexHot .HotList ul span { color: #585858; display: inline-block; width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; } /* line 55, ../sass/SocialIndexHot.scss */ .SocialIndexHot .HotList ul span:hover { color: #00aaff; } /* line 59, ../sass/SocialIndexHot.scss */ .SocialIndexHot .HotList ul b { color: #a7a7a7; font-style: normal; font-weight: normal; } ================================================ FILE: src/sass/stylesheets/SocialIndexList.css ================================================ @-webkit-keyframes mymove { from { top: 0px; } to { top: 230px; } } @keyframes mymove { from { top: 0px; } to { top: 230px; } } @-moz-keyframes mymove { from { top: 0px; } to { top: 230px; } } /* line 16, ../sass/SocialIndexList.scss */ #SocialIndex .fixed { position: fixed; animation: mymove 2s normal; -webkit-animation: mymove 2s normal; -moz-animation: mymove 2s normal; -ms-animation: mymove 2s normal; } /* line 23, ../sass/SocialIndexList.scss */ .SocialIndexList { width: 700px; padding: 17px 0 33px; } /* line 26, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListType { width: 662px; top: 0; z-index: 1000000003; height: 15px; padding: 17px 19px; border-bottom: 1px solid #e6e7eb; background: #fff; transition: all .3s linear; -ms-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; } /* line 38, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListType .TypeTag { height: 15px; line-height: 15px; width: 540px; } /* line 42, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListType .TypeTag ul { height: 20px; margin-top: -5px; } /* line 46, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListType .TypeTag li { float: left; width: 55px; margin-right: 20px; height: 20px; line-height: 20px; } /* line 52, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListType .TypeTag li:first-child { border-right: 2px solid #eef0f1; } /* line 55, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListType .TypeTag li a { font-size: 16px; color: #999999; display: inline-block; padding: 0 3px; height: 100%; text-align: left; } /* line 62, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListType .TypeTag li a:hover { color: #404040; } /* line 67, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListType .TypeTag .current { color: #404040; border-bottom: 3px solid #0af; padding-bottom: 16px; } /* line 73, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListType .scrrenTag { position: relative; top: -10px; width: 96px; height: 32px; font-size: 14px; color: #585858; border: 1px solid #e5e5e5; background-color: rgba(128, 128, 128, 0); z-index: 1000004; } /* line 83, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListType .scrrenTag h6 { position: relative; width: 100%; height: 100%; text-align: center; line-height: 32px; cursor: pointer; } /* line 91, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListType .scrrenTag .InputSelect { position: absolute; top: 32px; left: -1px; width: 96px; min-height: 32px; border: 1px solid #e5e5e5; background-color: #fff; z-index: 1000004; } /* line 100, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListType .scrrenTag .InputSelect li { position: relative; height: 32px; text-align: left; line-height: 32px; cursor: pointer; padding-left: 14px; width: 82px; z-index: 100004; } /* line 109, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListType .scrrenTag .InputSelect li:hover { background: #f5f6f7; } /* line 116, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListCont { width: 100%; height: auto; } /* line 119, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListCont li { position: relative; min-height: 55px; padding: 30px 19px; border-bottom: 1px solid #e6e7eb; } /* line 124, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListCont li::before { content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; z-index: 0; opacity: 0; background-color: rgba(164, 168, 195, 0.5); -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; } /* line 143, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListCont li .Jitems { position: relative; height: auto; width: 100%; z-index: 1; } /* line 149, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListCont li .Jitems-Title { width: 100%; height: 30px; } /* line 152, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListCont li .Jitems-Title a, .SocialIndexList .IndexListCont li .Jitems-Title i { display: inline-block; } /* line 155, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListCont li .Jitems-Title a { max-width: 520px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #585858; text-align: left; margin-right: 5px; } /* line 164, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListCont li .Jitems-Title a:hover { color: #00aaff; } /* line 170, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListCont li .Jitems-Detail { width: 100%; min-height: 27px; margin-bottom: 10px; } /* line 174, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListCont li .Jitems-Detail .Jitems-Detail-text { font-size: 14px; color: #a7a7a7; max-height: 30px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 24px; } /* line 183, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListCont li .Jitems-Detail .Jitems-Detail-text p { font-size: 14px !important; color: #a7a7a7 !important; } /* line 188, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListCont li .Jitems-Detail .Jitems-Detail-img { position: relative; width: 100%; } /* line 191, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListCont li .Jitems-Detail .Jitems-Detail-img .JDICont { position: relative; z-index: 4; max-height: 110px; width: 100%; overflow: hidden; } /* line 199, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListCont li .Jitems-Detail .imgList { position: relative; display: inline-block; max-width: 156px; text-align: left; height: 110px; overflow: hidden; margin-right: 10px; } /* line 207, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListCont li .Jitems-Detail .imgList .imgfd { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; background: transparent url(../../images/icon-max.png) no-repeat center; } /* line 216, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListCont li .Jitems-Detail .imgList:hover .imgfd { display: inline-block; } /* line 219, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListCont li .Jitems-Detail .imgList img { display: inline-block; cursor: -webkit-zoom-in; cursor: zoom-in; max-height: 100%; } /* line 228, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListCont li .Jitems-Info { width: 100%; height: 20px; } /* line 231, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListCont li .Jitems-Info .JuserInfo { min-width: 160px; max-width: 400px; } /* line 234, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListCont li .Jitems-Info .JuserInfo a { display: inline-block; position: relative; line-height: 20px; font-size: 12px; color: #666666; } /* line 241, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListCont li .Jitems-Info .JuserInfo img { position: relative; top: 4px; display: inline; width: 20px; height: 20px; border-radius: 50%; } /* line 249, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListCont li .Jitems-Info .JuserInfo .JuserInfo-time { font-size: 12px; color: #a7a7a7; border-left: 1px solid #eeeeee; margin-left: 5px; padding-left: 10px; } /* line 257, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListCont li .Jitems-Info .JdataInfo { display: inline-block; height: 20px; line-height: 20px; font-size: 12px; color: #a7a7a7; margin-top: 4px; } /* line 264, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListCont li .Jitems-Info .JdataInfo span { margin-right: 20px; } /* line 266, ../sass/SocialIndexList.scss */ .SocialIndexList .IndexListCont li .Jitems-Info .JdataInfo span img { margin-right: 5px; } /* line 274, ../sass/SocialIndexList.scss */ .SocialIndexList .Jlist-thumb { position: relative; margin-top: -110px; width: 632px; min-height: 100px; padding: 10px; background: #f7f7f7; border: 1px solid #e4e6eb; z-index: 5; cursor: normal; } /* line 285, ../sass/SocialIndexList.scss */ .SocialIndexList .Jlist-thumb .thumbHd { height: 25px; width: 100%; border-bottom: 1px solid #e4e6eb; text-align: left; } /* line 290, ../sass/SocialIndexList.scss */ .SocialIndexList .Jlist-thumb .thumbHd a { float: left; font-size: 12px; color: #2d64b3; text-align: left; box-sizing: content-box; } /* line 296, ../sass/SocialIndexList.scss */ .SocialIndexList .Jlist-thumb .thumbHd a i { display: inline-block; position: relative; top: -1px; width: 20px; height: 20px; vertical-align: middle; background: url(../../images/thread_list_z_eca48fe.png); background-position: 0px -30px; } /* line 308, ../sass/SocialIndexList.scss */ .SocialIndexList .Jlist-thumb .thumbWarp { position: relative; width: 632px; height: 90%; padding: 1% 0; margin-top: 10px; text-align: center; display: table-cell; vertical-align: middle; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* line 321, ../sass/SocialIndexList.scss */ .SocialIndexList .Jlist-thumb .thumbWarp img { display: inline-block; max-width: 100%; cursor: -webkit-zoom-out; cursor: zoom-out; } /* line 328, ../sass/SocialIndexList.scss */ .SocialIndexList .Jlist-thumb .thumbWarp .thumbsx { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; } /* line 335, ../sass/SocialIndexList.scss */ .SocialIndexList .Jlist-thumb .thumbWarp .thumbsx:hover { cursor: normal; background: rgba(0, 0, 0, 0.05) url(../../images/icon-mini.png) no-repeat center; } /* line 340, ../sass/SocialIndexList.scss */ .SocialIndexList .Jlist-thumb .thumbWarp .thumbWarpList { position: relative; margin-top: 10px; overflow: hidden; width: 632px; } /* line 346, ../sass/SocialIndexList.scss */ .SocialIndexList .Jlist-thumb .thumbWarp .thumbNext, .SocialIndexList .Jlist-thumb .thumbWarp .thumbPrev { position: absolute; top: 0; width: 20%; height: 100%; cursor: pointer; z-index: 6; } /* line 355, ../sass/SocialIndexList.scss */ .SocialIndexList .Jlist-thumb .thumbWarp .thumbPrev { left: 0; } /* line 357, ../sass/SocialIndexList.scss */ .SocialIndexList .Jlist-thumb .thumbWarp .thumbPrev:hover { background: rgba(0, 0, 0, 0.01) url(../../images/icon-left.png) no-repeat center; } /* line 361, ../sass/SocialIndexList.scss */ .SocialIndexList .Jlist-thumb .thumbWarp .thumbNext { right: 0; } /* line 363, ../sass/SocialIndexList.scss */ .SocialIndexList .Jlist-thumb .thumbWarp .thumbNext:hover { background: rgba(0, 0, 0, 0.01) url(../../images/icon-right.png) no-repeat center; } /* line 370, ../sass/SocialIndexList.scss */ .selectMask { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 100003; } ================================================ FILE: src/sass/stylesheets/SocialPeoInfo.css ================================================ /* line 1, ../sass/SocialPeoInfo.scss */ .PeoInfo { top: 0; width: 278px; min-height: 252px; background: #fff url(http://www.iplaystone.com/circle/img/peobg.png) no-repeat center top; margin-bottom: 20px; } /* line 8, ../sass/SocialPeoInfo.scss */ .PeoInfo-Hd { width: 73px; height: 73px; border: 2px solid #fff; border-radius: 50%; overflow: hidden; margin: 35px auto 15px; } /* line 16, ../sass/SocialPeoInfo.scss */ .PeoInfo-Hd img { width: 73px; height: 73px; border-radius: 50%; } /* line 21, ../sass/SocialPeoInfo.scss */ .PeoInfo-Name { display: inline-block; width: 100%; height: 20px; line-height: 20px; font-size: 16px; font-family: "Microsoft YaHei"; color: #404040; font-weight: bold; text-align: center; margin: 0 auto; } /* line 33, ../sass/SocialPeoInfo.scss */ .PeoInfo-Name:hover { color: #0099e5; } /* line 36, ../sass/SocialPeoInfo.scss */ .PeoInfo-GoLogin { font-size: 24px; color: #333; width: 100%; text-align: center; margin: 30px auto; } /* line 43, ../sass/SocialPeoInfo.scss */ .PeoInfo h6 { font-size: 14px; font-family: "Microsoft YaHei"; color: gray; height: 20px; overflow: hidden; width: 80%; margin: 0 auto; text-align: center; margin-top: 10px; line-height: 1.3; margin-bottom: 20px; } /* line 56, ../sass/SocialPeoInfo.scss */ .PeoInfo .span { height: 35px; width: 100%; text-align: center; } /* line 61, ../sass/SocialPeoInfo.scss */ .PeoInfo .span a { display: inline-block; height: 35px; width: 83px; text-align: center; font-size: 14px; font-family: "Microsoft YaHei"; color: #4d4d4d; } /* line 70, ../sass/SocialPeoInfo.scss */ .PeoInfo .span a:hover { color: #0099e5; } /* line 73, ../sass/SocialPeoInfo.scss */ .PeoInfo .collection { border-right: 1px solid #eef0f1; border-left: 1px solid #eef0f1; } /* line 77, ../sass/SocialPeoInfo.scss */ .PeoInfo a span:first-child { display: inline-block; margin-bottom: 5px; } /* line 81, ../sass/SocialPeoInfo.scss */ .PeoInfo .home span:first-child { width: 100%; height: 16px; background: url(../../images/home.png) no-repeat center; } /* line 86, ../sass/SocialPeoInfo.scss */ .PeoInfo .collection span:first-child { width: 100%; height: 17px; background: url(../../images/sc.png) no-repeat center; } /* line 91, ../sass/SocialPeoInfo.scss */ .PeoInfo .qz span:first-child { width: 100%; height: 16px; background: url(../../images/sq.png) no-repeat center; } /* line 96, ../sass/SocialPeoInfo.scss */ .PeoInfo .home:hover span:first-child { width: 100%; height: 16px; background: url(../../images/home_hover.png) no-repeat center; } /* line 101, ../sass/SocialPeoInfo.scss */ .PeoInfo .collection:hover span:first-child { width: 100%; height: 17px; background: url(../../images/sc_hover.png) no-repeat center; } /* line 106, ../sass/SocialPeoInfo.scss */ .PeoInfo .qz:hover span:first-child { width: 100%; height: 16px; background: url(../../images/sq_hover.png) no-repeat center; } /* line 111, ../sass/SocialPeoInfo.scss */ .hfixed .myCircle { display: none; } /* line 114, ../sass/SocialPeoInfo.scss */ .myCircleHeight { height: 140px; } /* line 117, ../sass/SocialPeoInfo.scss */ .myCircle { width: 240px; border-top: 1px solid #eef0f1; margin: 0 auto; margin-top: 30px; padding-top: 20px; } /* line 123, ../sass/SocialPeoInfo.scss */ .myCircle .myCircleList { overflow: hidden; } /* line 126, ../sass/SocialPeoInfo.scss */ .myCircle .showMoreMyCircle { font-size: 14px; font-family: "Microsoft YaHei"; color: gray; text-align: center; width: 182px; height: 34px; line-height: 34px; border: 1px solid #eaecef; background-color: rgba(0, 153, 229, 0); cursor: pointer; margin: 0 auto; margin-bottom: 25px; } /* line 139, ../sass/SocialPeoInfo.scss */ .myCircle .showMoreMyCircle i { position: relative; left: 6px; top: -3px; display: inline-block; width: 9px; height: 5px; background: url(../../images/icon19.png) no-repeat; } /* line 148, ../sass/SocialPeoInfo.scss */ .myCircle .showMoreMyCircle:hover { border-color: #dcdee0; } /* line 153, ../sass/SocialPeoInfo.scss */ .myCircle h4 { font-size: 14px; font-family: "Microsoft YaHei"; color: #404040; margin-bottom: 20px; } /* line 159, ../sass/SocialPeoInfo.scss */ .myCircle .myCircleListItem { width: 105px; height: 30px; margin-bottom: 15px; } /* line 163, ../sass/SocialPeoInfo.scss */ .myCircle .myCircleListItem:nth-child(2n+1) { margin-right: 15px; } /* line 166, ../sass/SocialPeoInfo.scss */ .myCircle .myCircleListItem img { float: left; width: 30px; height: 30px; margin-right: 10px; } /* line 172, ../sass/SocialPeoInfo.scss */ .myCircle .myCircleListItem span { float: left; display: inline-block; width: 65px; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-family: "Microsoft YaHei"; color: gray; text-align: left; } ================================================ FILE: src/sass/stylesheets/SocialPop.css ================================================ /* line 2, ../sass/SocialPop.scss */ .pop .divmask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000003; } /* line 10, ../sass/SocialPop.scss */ .pop .rulePop { position: fixed; left: 50%; top: 50%; z-index: 1000004; min-width: 418px; min-height: 278px; border: 1px solid #1a1a1a; background-color: white; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); } /* line 20, ../sass/SocialPop.scss */ .pop .rulePop .rulePop-Hd { background-color: #191b2e; padding: 0 15px; height: 37px; line-height: 37px; font-size: 14px; font-family: "Microsoft YaHei"; color: #b3b5c7; } /* line 28, ../sass/SocialPop.scss */ .pop .rulePop .rulePop-Hd img { display: inline-block; margin-top: 10px; } /* line 33, ../sass/SocialPop.scss */ .pop .rulePop .rulePop-Cont { font-size: 14px; font-family: "Microsoft YaHei"; color: #595959; text-align: center; } /* line 39, ../sass/SocialPop.scss */ .pop .rulePop .rulePop-Bt { text-align: center; height: 36px; } /* line 42, ../sass/SocialPop.scss */ .pop .rulePop .rulePop-Bt span { display: inline-block; width: 122px; height: 36px; text-align: center; line-height: 36px; margin: 0 15px; } /* line 50, ../sass/SocialPop.scss */ .pop .rulePop .rulePop-Bt .ruleCannle { position: relative; top: 1px; height: 34px; border: 1px solid gainsboro; background-color: rgba(245, 246, 247, 0); } /* line 57, ../sass/SocialPop.scss */ .pop .rulePop .rulePop-Bt .ruleSure { color: white; background-image: -moz-linear-gradient(0deg, #0095ff 1%, #30f0f0 100%); background-image: -ms-linear-gradient(0deg, #0095ff 1%, #30f0f0 100%); background-image: linear-gradient(0deg, #0095ff 1%, #30f0f0 100%); background-image: -webkit-linear-gradient(0deg, #0095ff 1%, #30f0f0 100%); } /* line 66, ../sass/SocialPop.scss */ .pop .Jrule { margin-left: -209px; margin-top: -139px; } /* line 70, ../sass/SocialPop.scss */ .pop .Jrule .rulePop-Cont { position: relative; min-height: 30px; padding: 65px 0; line-height: 30px; } /* line 75, ../sass/SocialPop.scss */ .pop .Jrule .rulePop-Cont .ruleSelect { height: 30px; width: 225px; margin: 0 auto; } /* line 79, ../sass/SocialPop.scss */ .pop .Jrule .rulePop-Cont .ruleSelect p { width: 150px; } /* line 82, ../sass/SocialPop.scss */ .pop .Jrule .rulePop-Cont .ruleSelect .ruleSelectBox { position: relative; width: 90px; padding-left: 12px; text-align: left; height: 28px; border: 1px solid gainsboro; background-color: white; } /* line 90, ../sass/SocialPop.scss */ .pop .Jrule .rulePop-Cont .ruleSelect .ruleSelectBox .ruleSelectInput { width: 100%; height: 28px; } /* line 94, ../sass/SocialPop.scss */ .pop .Jrule .rulePop-Cont .ruleSelect .ruleSelectBox i { top: -31px; right: -65px; } /* line 98, ../sass/SocialPop.scss */ .pop .Jrule .rulePop-Cont .ruleSelect .ruleSelectBox .roate { top: -23px; } /* line 101, ../sass/SocialPop.scss */ .pop .Jrule .rulePop-Cont .ruleSelect .ruleSelectBox .ruleSelectDrown { position: absolute; left: -1px; top: 28px; width: 102px; min-height: 30px; border: 1px solid #c6c6cc; background-color: white; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); z-index: 2000004; } /* line 111, ../sass/SocialPop.scss */ .pop .Jrule .rulePop-Cont .ruleSelect .ruleSelectBox .ruleSelectDrown li { padding-left: 12px; height: 30px; line-height: 30px; } /* line 115, ../sass/SocialPop.scss */ .pop .Jrule .rulePop-Cont .ruleSelect .ruleSelectBox .ruleSelectDrown li:hover { background-color: #ebeced; } /* line 122, ../sass/SocialPop.scss */ .pop .Jrule .rulePop-Cont .faqBox { width: 333px; margin: 20px auto; min-height: 210px; } /* line 126, ../sass/SocialPop.scss */ .pop .Jrule .rulePop-Cont .faqBox .faqerr { text-align: left; padding-left: 100px; color: red; } /* line 131, ../sass/SocialPop.scss */ .pop .Jrule .rulePop-Cont .faqBox h4 { font-size: 18px; font-family: "Microsoft YaHei"; color: #4d4d4d; margin-bottom: 35px; } /* line 137, ../sass/SocialPop.scss */ .pop .Jrule .rulePop-Cont .faqBox .faqContList { width: 333px; height: 35px; margin-bottom: 15px; } /* line 141, ../sass/SocialPop.scss */ .pop .Jrule .rulePop-Cont .faqBox .faqContList .faqLeft { float: left; width: 100px; text-align: right; height: 35px; line-height: 35px; font-size: 14px; font-family: "Microsoft YaHei"; color: #4d4d4d; } /* line 151, ../sass/SocialPop.scss */ .pop .Jrule .rulePop-Cont .faqBox .faqContList .faqRight { float: right; } /* line 153, ../sass/SocialPop.scss */ .pop .Jrule .rulePop-Cont .faqBox .faqContList .faqRight select, .pop .Jrule .rulePop-Cont .faqBox .faqContList .faqRight option, .pop .Jrule .rulePop-Cont .faqBox .faqContList .faqRight input { width: 232px; padding: 0 15px; height: 38px; font-size: 14px; font-family: "Microsoft YaHei"; color: #4d4d4d; border: 1px solid #e1e2e6; background-color: white; cursor: pointer; } /* line 164, ../sass/SocialPop.scss */ .pop .Jrule .rulePop-Cont .faqBox .faqContList .faqRight input { width: 200px; cursor: auto; } /* line 172, ../sass/SocialPop.scss */ .pop .Jrule .padding0 { padding: 0; } /* line 175, ../sass/SocialPop.scss */ .pop .pb40 { padding-bottom: 40px; } /* line 177, ../sass/SocialPop.scss */ .pop .pb40 .rulePop-Cont { padding: 0; } ================================================ FILE: src/sass/stylesheets/SocialPost.css ================================================ /* line 1, ../sass/SocialPost.scss */ .SocialPost { height: 735px; width: 1000px; margin: 0 auto; } /* line 6, ../sass/SocialPost.scss */ .SocialPost .SP-Hd { font-size: 16px; font-family: "Microsoft YaHei"; color: #404040; font-weight: bold; line-height: 1.5; background: url(../../images/icon15.png) no-repeat center left; padding-left: 20px; margin-bottom: 25px; } /* line 16, ../sass/SocialPost.scss */ .SocialPost .SP-Main { width: 100%; height: auto; } /* line 19, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Title { height: 40px; width: 1000px; margin-bottom: 15px; } /* line 23, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Title .SPMT-Input { position: relative; width: 600px; font-size: 12px; font-family: "Microsoft YaHei"; color: gray; margin-right: 20px; } /* line 31, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Title input { width: 448px; padding-right: 130px; padding-left: 20px; height: 38px; outline: none; } /* line 38, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Title span { position: absolute; right: 15px; top: 13px; } /* line 43, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Title .SPMT-Classify { position: relative; width: 136px; padding: 0 10px; height: 40px; font-size: 14px; font-family: "Microsoft YaHei"; color: #4d4d4d; background: #fff; } /* line 52, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Title .SPMT-Classify .SPMTC-Input { width: 100%; height: 100%; text-align: left; line-height: 40px; } /* line 58, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Title .SPMT-Classify i { position: absolute; top: 10px; right: 15px; display: inline-block; width: 0; height: 2px; border: solid; border-width: 5px; border-color: #585858 transparent transparent transparent; transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -moz-transition: all .3s linear; transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); margin-left: 3px; } /* line 78, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Title .SPMT-Classify .rotate { top: 18px; transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); } /* line 85, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Title .SPMT-Classify .SPMTC-Select { position: absolute; top: 40px; left: -1px; width: 156px; min-height: 32px; border: 1px solid #e5e5e5; background-color: #fff; z-index: 100004; } /* line 94, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Title .SPMT-Classify .SPMTC-Select li { position: relative; padding: 0 10px; height: 40px; text-align: left; line-height: 40px; cursor: pointer; z-index: 100004; } /* line 102, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Title .SPMT-Classify .SPMTC-Select li:hover { background: #f1f1f1; } /* line 109, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Tags { position: relative; min-height: 30px; width: 100%; margin: 15px 0; } /* line 114, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Tags .TagsDiv { position: relative; min-height: 30px; width: 100%; font-size: 14px; font-family: "Microsoft YaHei"; line-height: 30px; } /* line 121, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Tags .TagsDiv .addTags { color: #0099e5; padding-left: 20px; background: url(../../images/btn.png) no-repeat center left; margin-right: 30px; } /* line 127, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Tags .TagsDiv .addTagsTs { position: absolute; left: 80px; display: inline-block; width: 323px; height: 28px; background: url(../../images/ts.png) no-repeat center left; } /* line 135, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Tags .TagsDiv .tagsBox { width: 755px; min-height: 30px; } /* line 138, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Tags .TagsDiv .tagsBox span { position: relative; float: left; display: inline-block; min-width: 37px; height: 16px; line-height: 16px; padding: 8px 10px; padding-right: 30px; border: 1px solid gainsboro; background-color: rgba(255, 255, 255, 0.8); color: gray; margin-right: 10px; margin-bottom: 10px; } /* line 152, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Tags .TagsDiv .tagsBox span i { position: absolute; display: inline-block; width: 11px; height: 11px; top: 10px; right: 10px; background: url(../../images/close.png) no-repeat center; } /* line 163, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Tags .TagsDiv .tagsTs { color: gray; } /* line 167, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Tags .TagsList { position: absolute; top: 45px; width: 603px; min-height: 30px; max-height: 600px; padding: 30px 20px; background: #fff; border: 1px solid #999; z-index: 100004; overflow: hidden; overflow-y: auto; } /* line 179, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Tags .TagsList .closeTags { position: absolute; top: 10px; right: 15px; display: inline-block; width: 11px; height: 11px; background: url(../../images/close.png) no-repeat center; } /* line 189, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Tags .TagsList .TagsListItem { width: 100%; height: 100%; } /* line 193, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Tags .TagsList li { float: left; width: 115px; padding-right: 20px; height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-family: "Microsoft YaHei"; border-right: 1px solid #e6e6e6; margin-right: 20px; } /* line 205, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Tags .TagsList li:nth-child(4n) { margin-right: 0; border: none; } /* line 210, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Tags .TagsList .active { color: #0099e5; font-weight: bold; } /* line 216, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Editor { height: 548px; margin-bottom: 15px; background: #fff; } /* line 221, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Editor #editorElem .w-e-text-container { height: 500px !important; } /* line 224, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Editor #editorElem .w-e-toolbar { background: #fafafa !important; height: 50px; line-height: 37px; padding: 0 !important; } /* line 230, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Editor #editorElem .w-e-toolbar .w-e-menu { margin-top: 4px; padding: 8px 10px; } /* line 234, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Editor #editorElem .w-e-toolbar .w-e-menu:nth-child(3) { margin-top: 5px; } /* line 237, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Editor #editorElem .w-e-toolbar .w-e-menu:nth-child(4) { border-left: 1px solid #eee; margin-left: 10px; padding-left: 19px; } /* line 242, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Editor #editorElem .w-e-toolbar .w-e-icon-image { margin-top: 2px; } /* line 245, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Editor #editorElem .w-e-text-container .w-e-panel-container .w-e-emoticon-container .w-e-item { padding: 3px; } /* line 248, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Editor #editorElem .w-e-text { overflow-y: auto; } /* line 251, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Editor #editorElem .w-e-icon-happy { margin-top: 0; } /* line 254, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Editor #editorElem .w-e-icon-link { position: relative; top: 0px; } /* line 260, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Operation { height: 48px; line-height: 40px; } /* line 263, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Operation .PostHtml { width: 118px; height: 48px; font-size: 14px; color: #fff; text-align: center; line-height: 42px; background: url(../../images/icon17.png) no-repeat center; } /* line 271, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Operation .PostHtml:hover { transform: translateY(-3px); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); box-shadow: 0 10px 20px rgba(4, 233, 245, 0.1); } /* line 279, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Operation span { font-size: 12px; } /* line 282, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Operation .wordnum { color: gray; } /* line 285, ../sass/SocialPost.scss */ .SocialPost .SP-Main .SPM-Operation .errts { margin-right: 20px; color: #ff3333; padding-left: 20px; background: url(../../images/icon16.png) no-repeat center left; } /* line 294, ../sass/SocialPost.scss */ .divmask { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 100003; } ================================================ FILE: src/sass/stylesheets/SocialPublic.css ================================================ /* line 2, ../sass/SocialPublic.scss */ body { background: #f5f6f8; font-family: "Microsoft YaHei"; padding: 0; margin: 0; background: #F5F6F8 url(http://www.iplaystone.com/circle/img/bg.png) no-repeat center top; background-attachment: fixed; } /* line 10, ../sass/SocialPublic.scss */ b { font-weight: bold; } /* line 13, ../sass/SocialPublic.scss */ i { font-style: italic; } /* line 16, ../sass/SocialPublic.scss */ #stone_header { height: 70px; } /* line 19, ../sass/SocialPublic.scss */ .stone_header { position: static; } /* line 22, ../sass/SocialPublic.scss */ #stone_footer { margin-top: 25px; } /* line 25, ../sass/SocialPublic.scss */ .login_pop { z-index: 100000000; } /* line 28, ../sass/SocialPublic.scss */ .stone_mask { z-index: 99999999; } /* line 29, ../sass/SocialPublic.scss */ .app { width: 1002px; height: auto; margin: 0 auto; font-family: "Microsoft YaHei"; padding-top: 30px; } /* line 36, ../sass/SocialPublic.scss */ .textOverFlow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* line 41, ../sass/SocialPublic.scss */ .icon-top, .icon-good, .icon-gf { position: relative; display: inline-block; top: -8px; font-size: 12px; color: #fff; min-width: 10px; padding: 0 5px; height: 17px; line-height: 17px; text-align: center; } /* line 53, ../sass/SocialPublic.scss */ .icon-good { background: #ff8b3d; } /* line 56, ../sass/SocialPublic.scss */ .icon-top { background: #ff4c4c; } /* line 59, ../sass/SocialPublic.scss */ .icon-gf { background: #00aaff; } /* line 62, ../sass/SocialPublic.scss */ .icon-good, .icon-top, .icon-gf { font-style: normal; } /* line 65, ../sass/SocialPublic.scss */ .cur { cursor: pointer; } /* line 68, ../sass/SocialPublic.scss */ .default { cursor: default; } /* line 71, ../sass/SocialPublic.scss */ .bgWhite { border: 1px solid #e6e7eb; background: #fff; } /* line 75, ../sass/SocialPublic.scss */ .animation { transition: all .3s linear; -ms-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; } /* line 81, ../sass/SocialPublic.scss */ .clearfix:before, .clearfix:after { content: ""; display: table; height: 0; visibility: hidden; clear: both; } /* line 88, ../sass/SocialPublic.scss */ a { display: inline-block; text-align: center; text-decoration: none; } /* line 93, ../sass/SocialPublic.scss */ *:focus { outline: none; } /* line 94, ../sass/SocialPublic.scss */ .fl { float: left; } /* line 95, ../sass/SocialPublic.scss */ .fr { float: right; } /* line 96, ../sass/SocialPublic.scss */ .clearfix { *zoom: 1; } /* line 97, ../sass/SocialPublic.scss */ #app .none { display: none; } /* line 98, ../sass/SocialPublic.scss */ .SocialIndex { width: 1002px; margin: 0 auto; } /* line 102, ../sass/SocialPublic.scss */ .SocialIndex .SocialIndexMain { width: 100%; margin-top: 16px; } /* line 106, ../sass/SocialPublic.scss */ .SocialIndexMain .MainList { width: 700px; } /* line 109, ../sass/SocialPublic.scss */ .app .MainMoudle { width: 280px; } /* line 112, ../sass/SocialPublic.scss */ .SocialIndex, .SocialIndex .SocialIndexMain, .SocialIndexMain .MainList, .SocialIndexMain .MainModule { height: auto; } /* line 118, ../sass/SocialPublic.scss */ .MoudleHd { width: 100%; height: 32px; font-size: 16px; color: #404040; border-bottom: 1px solid #eef0f1; } /* line 125, ../sass/SocialPublic.scss */ .MoudleHd a { display: inline-block; font-size: 14px; color: #818181; padding: 2px 20px 2px 0; background: url(../../images/icon1.png) no-repeat right 6px; } /* line 132, ../sass/SocialPublic.scss */ .MoudleHd a:hover { color: #0099e5; } @-webkit-keyframes hmove { from { top: 0; } to { top: 0; } } @keyframes hmove { from { top: 0; } to { top: 0; } } @-moz-keyframes hmove { from { top: 0; } to { top: 0; } } /* line 150, ../sass/SocialPublic.scss */ .hfixed { position: fixed; animation: hmove 2s normal; -webkit-animation: hmove 2s normal; -moz-animation: hmove 2s normal; -ms-animation: hmove 2s normal; } /* line 157, ../sass/SocialPublic.scss */ .MainMoudle .HdInfo { top: 0; padding: 30px 19px; margin-bottom: 20px; border: 1px solid #eaeced; background: #fff; min-height: 50px; width: 240px; transition: all .1s linear; -ms-transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; } /* line 170, ../sass/SocialPublic.scss */ .MainMoudle .HdInfo .SiH-Info-Pic { width: 60px; height: 60px; border-radius: 5px; } /* line 175, ../sass/SocialPublic.scss */ .MainMoudle .HdInfo .SiH-Info-name { width: 170px; margin-left: 10px; } /* line 179, ../sass/SocialPublic.scss */ .MainMoudle .HdInfo .Hname { width: 100%; height: 25px; line-height: 25px; font-size: 18px; color: #404040; margin: 5px 0 10px 0; } /* line 187, ../sass/SocialPublic.scss */ .MainMoudle .Hname h5 { width: 90px; height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* line 194, ../sass/SocialPublic.scss */ .MainMoudle .Hname .h5 { width: 56%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* line 200, ../sass/SocialPublic.scss */ .MainMoudle .HdInfo .Htitle { width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #a6a6a6; } /* line 209, ../sass/SocialPublic.scss */ .MainMoudle .HnameBtnOn, .MainMoudle .HnameBtnUn { width: 62px; height: 26px; line-height: 26px; font-size: 12px; color: #585858; border: 1px solid #eaecef; background-color: rgba(40, 215, 250, 0); margin-left: 10px; } /* line 220, ../sass/SocialPublic.scss */ .MainMoudle .HnameBtnUn { color: #fff; background: #00aaff; border-color: #00aaff; } /* line 226, ../sass/SocialPublic.scss */ .HnameBtnOn span:first-child { display: inline-block; } /* line 229, ../sass/SocialPublic.scss */ .HnameBtnOn span:last-child { display: none; } /* line 233, ../sass/SocialPublic.scss */ .HnameBtnOn:hover span:first-child { display: none; } /* line 236, ../sass/SocialPublic.scss */ .HnameBtnOn:hover span:last-child { display: inline-block; } /* line 241, ../sass/SocialPublic.scss */ .MainMoudle .HnameBtnUn img { margin-right: 5px; } /* line 244, ../sass/SocialPublic.scss */ .MainMoudle .SiH-Href { margin-top: 50px; } /* line 247, ../sass/SocialPublic.scss */ .MainMoudle .SiH-Launch { float: left; width: 154px; height: 38px; font-size: 14px; color: white; line-height: 38px; border-radius: 19px; background-image: url(../../images/postbtn2.png); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.11); text-align: center; margin-right: 15px; cursor: pointer; } /* line 264, ../sass/SocialPublic.scss */ .MainMoudle .SiH-Launch:hover { transform: translateY(-3px); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); box-shadow: 0 10px 20px rgba(4, 233, 245, 0.1); } /* line 271, ../sass/SocialPublic.scss */ .MainMoudle .SiH-Launch img { margin: -1px; margin-right: 5px; } /* line 275, ../sass/SocialPublic.scss */ .MainMoudle .goShop { width: 66px; height: 35px; line-height: 34px; font-size: 14px; color: #585858; border: 1px solid #eaecef; border-radius: 19px; background-color: rgba(253, 35, 86, 0); } /* line 285, ../sass/SocialPublic.scss */ .goTop { display: inline-block; position: fixed; bottom: 150px; width: 40px; height: 40px; background: url(http://www.iplaystone.com/circle/img/top.png) no-repeat center top; background-position: 0 0; margin-top: 90px; } /* line 295, ../sass/SocialPublic.scss */ .goTop:hover { background-position: 0 -41px; } /* line 299, ../sass/SocialPublic.scss */ .rotatez { position: relative; top: -3px; right: -5px; display: inline-block; width: 0; height: 2px; border: solid; border-width: 5px; border-color: #585858 transparent transparent transparent; transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -moz-transition: all .3s linear; transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); margin-left: 3px; } /* line 319, ../sass/SocialPublic.scss */ .roate { transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); top: 5px; } /* line 326, ../sass/SocialPublic.scss */ .face { width: 22px; height: 26px; margin: 0 2px; } /* line 331, ../sass/SocialPublic.scss */ .divmask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000003; } ================================================ FILE: src/sass/stylesheets/ie.css ================================================ /* Welcome to Compass. Use this file to write IE specific override styles. * Import this file using the following HTML or equivalent: * */ ================================================ FILE: src/sass/stylesheets/print.css ================================================ /* Welcome to Compass. Use this file to define print styles. * Import this file using the following HTML or equivalent: * */ ================================================ FILE: src/sass/stylesheets/screen.css ================================================ /* Welcome to Compass. * In this file you should write your main styles. (or centralize your imports) * Import this file using the following HTML or equivalent: * */ /* line 5, ../../../../../../../../../Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ 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; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } /* line 22, ../../../../../../../../../Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ html { line-height: 1; } /* line 24, ../../../../../../../../../Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ ol, ul { list-style: none; } /* line 26, ../../../../../../../../../Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ table { border-collapse: collapse; border-spacing: 0; } /* line 28, ../../../../../../../../../Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } /* line 30, ../../../../../../../../../Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ q, blockquote { quotes: none; } /* line 103, ../../../../../../../../../Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } /* line 32, ../../../../../../../../../Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ a img { border: none; } /* line 116, ../../../../../../../../../Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /* line 7, ../sass/screen.scss */ .a { color: red; } ================================================ FILE: static/.gitkeep ================================================ ================================================ FILE: test/e2e/custom-assertions/elementCount.js ================================================ // A custom Nightwatch assertion. // the name of the method is the filename. // can be used in tests like this: // // browser.assert.elementCount(selector, count) // // for how to write custom assertions see // http://nightwatchjs.org/guide#writing-custom-assertions exports.assertion = function (selector, count) { this.message = 'Testing if element <' + selector + '> has count: ' + count this.expected = count this.pass = function (val) { return val === this.expected } this.value = function (res) { return res.value } this.command = function (cb) { var self = this return this.api.execute(function (selector) { return document.querySelectorAll(selector).length }, [selector], function (res) { cb.call(self, res) }) } } ================================================ FILE: test/e2e/nightwatch.conf.js ================================================ require('babel-register') var config = require('../../config') // http://nightwatchjs.org/gettingstarted#settings-file module.exports = { src_folders: ['test/e2e/specs'], output_folder: 'test/e2e/reports', custom_assertions_path: ['test/e2e/custom-assertions'], selenium: { start_process: true, server_path: require('selenium-server').path, host: '127.0.0.1', port: 4444, cli_args: { 'webdriver.chrome.driver': require('chromedriver').path } }, test_settings: { default: { selenium_port: 4444, selenium_host: 'localhost', silent: true, globals: { devServerURL: 'http://localhost:' + (process.env.PORT || config.dev.port) } }, chrome: { desiredCapabilities: { browserName: 'chrome', javascriptEnabled: true, acceptSslCerts: true } }, firefox: { desiredCapabilities: { browserName: 'firefox', javascriptEnabled: true, acceptSslCerts: true } } } } ================================================ FILE: test/e2e/runner.js ================================================ // 1. start the dev server using production config process.env.NODE_ENV = 'testing' var server = require('../../build/dev-server.js') server.ready.then(() => { // 2. run the nightwatch test suite against it // to run in additional browsers: // 1. add an entry in test/e2e/nightwatch.conf.json under "test_settings" // 2. add it to the --env flag below // or override the environment flag, for example: `npm run e2e -- --env chrome,firefox` // For more information on Nightwatch's config file, see // http://nightwatchjs.org/guide#settings-file var opts = process.argv.slice(2) if (opts.indexOf('--config') === -1) { opts = opts.concat(['--config', 'test/e2e/nightwatch.conf.js']) } if (opts.indexOf('--env') === -1) { opts = opts.concat(['--env', 'chrome']) } var spawn = require('cross-spawn') var runner = spawn('./node_modules/.bin/nightwatch', opts, { stdio: 'inherit' }) runner.on('exit', function (code) { server.close() process.exit(code) }) runner.on('error', function (err) { server.close() throw err }) }) ================================================ FILE: test/e2e/specs/test.js ================================================ // For authoring Nightwatch tests, see // http://nightwatchjs.org/guide#usage module.exports = { 'default e2e tests': function (browser) { // automatically uses dev Server port from /config.index.js // default: http://localhost:8080 // see nightwatch.conf.js const devServer = browser.globals.devServerURL browser .url(devServer) .waitForElementVisible('#app', 5000) .assert.elementPresent('.hello') .assert.containsText('h1', 'Welcome to Your Vue.js App') .assert.elementCount('img', 1) .end() } } ================================================ FILE: test/unit/.eslintrc ================================================ { "env": { "mocha": true }, "globals": { "expect": true, "sinon": true } } ================================================ FILE: test/unit/index.js ================================================ import Vue from 'vue' Vue.config.productionTip = false // require all test files (files that ends with .spec.js) const testsContext = require.context('./specs', true, /\.spec$/) testsContext.keys().forEach(testsContext) // require all src files except main.js for coverage. // you can also change this to match only the subset of files that // you want coverage for. const srcContext = require.context('../../src', true, /^\.\/(?!main(\.js)?$)/) srcContext.keys().forEach(srcContext) ================================================ FILE: test/unit/karma.conf.js ================================================ // This is a karma config file. For more details see // http://karma-runner.github.io/0.13/config/configuration-file.html // we are also using it with karma-webpack // https://github.com/webpack/karma-webpack var webpackConfig = require('../../build/webpack.test.conf') module.exports = function (config) { config.set({ // to run in additional browsers: // 1. install corresponding karma launcher // http://karma-runner.github.io/0.13/config/browsers.html // 2. add it to the `browsers` array below. browsers: ['PhantomJS'], frameworks: ['mocha', 'sinon-chai', 'phantomjs-shim'], reporters: ['spec', 'coverage'], files: ['./index.js'], preprocessors: { './index.js': ['webpack', 'sourcemap'] }, webpack: webpackConfig, webpackMiddleware: { noInfo: true }, coverageReporter: { dir: './coverage', reporters: [ { type: 'lcov', subdir: '.' }, { type: 'text-summary' } ] } }) } ================================================ FILE: test/unit/specs/Hello.spec.js ================================================ import Vue from 'vue' import HelloWorld from '@/components/HelloWorld' describe('HelloWorld.vue', () => { it('should render correct contents', () => { const Constructor = Vue.extend(HelloWorld) const vm = new Constructor().$mount() expect(vm.$el.querySelector('.hello h1').textContent) .to.equal('Welcome to Your Vue.js App') }) }) ================================================ FILE: webpack.config.js ================================================ var path = require('path') var webpack = require('webpack') module.exports = { entry: './src/main.js', output: { path: path.resolve(__dirname, './dist'), publicPath: '/dist/', filename: 'build.js' }, module: { rules: [ { test: /\.vue$/, loader: 'vue-loader', options: { loaders: { } // other vue-loader options go here } }, { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/ }, { test: /\.(png|jpg|gif|svg|cur)$/, loader: 'file-loader', options: { name: '[name].[ext]?[hash]' } } ] }, resolve: { alias: { 'vue$': 'vue/dist/vue.esm.js' } }, devServer: { historyApiFallback: true, noInfo: true }, performance: { hints: false }, devtool: '#eval-source-map' } if (process.env.NODE_ENV === 'production') { module.exports.devtool = '#source-map' // http://vue-loader.vuejs.org/en/workflow/production.html module.exports.plugins = (module.exports.plugins || []).concat([ new webpack.DefinePlugin({ 'process.env': { NODE_ENV: '"production"' } }), new webpack.optimize.UglifyJsPlugin({ sourceMap: true, compress: { warnings: false } }), new webpack.LoaderOptionsPlugin({ minimize: true }) ]) }