“MediaWiki:Common.css”的版本间的差异

2021年3月9日 (二) 15:20的版本

/* 这里放置的CSS将应用于所有皮肤 */

/*****Public*****/
.wrap{ width:1220px; height:auto; margin:0 0 0 -10px; padding-bottom:10px; clear:both; overflow:hidden; position:relative;}
.wrap .w-left{ width:260px; height:auto; padding-left:10px; float:left;}
.wrap .w-right{ width:900px; height:auto; padding-right:10px; float:right;}

.box{ width:100%; height:auto; margin:0 auto; padding-top:25px; clear:both;}
.box .tit{ width:100%; height:38px; clear:both;}
.box .tit .txt{ width:auto; height:auto; float:left; font-size:22px; color:#333333; font-weight:bold;}
.box .tit .more{ width:auto; height:auto; float:right; text-align:right; font-size:14px; color:#71bcff;}
.box .tit .more a{ color:#71bcff;}
.box .tit .more a:hover{ color:#3495eb;}
.box .cot{ width:100%; height:auto; clear:both; background:#ffffff; border:1px solid #f2f2f2; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -webkit-box-shadow:0 3px 6px rgba(0,0,0,0.1); -moz-box-shadow:0 3px 6px rgba(0,0,0,0.1); box-shadow:0 3px 6px rgba(0,0,0,0.1); overflow:hidden;}

/*****Main*****/
.nav{ width:100%; height:auto; clear:both;}
.nav .li{ width:100%; height:40px; clear:both; border-top:1px solid #f1f1f1; position:relative;}
.nav .li:first-child{ border-top:0px;}
.nav .li a{ display:block;}
.nav .li .txt{ width:180px; height:40px; line-height:40px; padding-left:30px; float:left; font-size:14px; color:#333333;}
.nav .li .arrow{ width:auto; height:40px; line-height:40px; clear:both; position:absolute; top:0px; right:20px; font-size:14px; color:#e3e3e3;}
.nav .li:hover{ background:#deeefd;}
.nav .li a:hover .txt{ color:#3495eb; font-weight:bold;}
.nav .li a:hover .arrow{ color:#ffffff;}

.update{ width:100%; height:auto; padding:30px 0; clear:both;}
.update .li{ width:200px; height:27px; margin:0 auto 8px auto; clear:both; border:1px solid #3497fd; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:hidden;}
.update .li a{ display:block;}
.update .li .ltit{ width:44px; height:27px; line-height:27px; float:left; border-right:1px solid #3497fd; background:#cce5ff; text-align:center; font-size:12px; color:#3497fd;}
.update .li .lcot{ width:135px; height:27px; line-height:27px; padding:0 10px; float:left; font-size:12px; color:#333333;}
.update .li a:hover .lcot{ color:#3495eb;}

.community{ width:240px; height:auto; margin:0 auto; clear:both;}
.community .li{ width:100%; height:auto; padding:10px 0px; clear:both; border-top:1px solid #f1f1f1;}
.community .li:first-child{ border-top:0px;}
.community .li .luser{ width:100%; height:auto; clear:both; overflow:hidden;}
.community .li .luser .lavatar{ width:20px; height:20px; margin-right:5px; float:left; background:#f3f3f3; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; font-size:0px; line-height:0px; overflow:hidden;}
.community .li .luser .lavatar img{ width:20px; height:auto; min-height:20px;}
.community .li .luser .lname{ width:auto; max-width:170px; height:20px; line-height:20px; float:left; font-size:12px; color:#333333; overflow:hidden;}
.community .li .luser .ltime{ width:auto; height:20px; line-height:20px; padding-left:8px; float:left; font-size:12px; color:#999999;}
.community .li .ltit{ width:100%; height:auto; padding-top:10px; clear:both; font-size:14px; color:#333333; line-height:135%; font-weight:bold;}
.community .li .lcot{ width:100%; height:auto; padding-top:5px; clear:both; font-size:12px; color:#888888; line-height:135%;}
.community .li .lpics{ width:100%; height:130px; margin-top:10px; clear:both; overflow:hidden; position:relative;}
.community .li .lpics .lpic{ width:auto; height:auto; clear:both; position:absolute; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:0px; line-height:0px; overflow:hidden;}
.community .li .lpics .lpic1{ width:119px; height:130px; top:0; left:0;}
.community .li .lpics .lpic1 img{ width:119px; height:auto; min-height:130px;}
.community .li .lpics .lpic2{ width:119px; height:64px; top:0; right:0;}
.community .li .lpics .lpic2 img{ width:119px; height:64px; min-height:64px;}
.community .li .lpics .lpic3{ width:119px; height:64px; top:66px; right:0;}
.community .li .lpics .lpic3 img{ width:119px; height:64px; min-height:64px;}

.activity{ width:860px; height:auto; margin:0 auto; padding:30px 0; clear:both; overflow:hidden;}
.activity .li{ width:195px; height:auto; margin:0 10px; float:left; background:#f3f3f3; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:hidden;}
.activity .li .lpic{ width:195px; height:110px; clear:both; font-size:0; line-height:0; overflow:hidden;}
.activity .li .lpic img{ width:195px; height:auto; min-height:110px;}
.activity .li .ltxt{ width:180px; height:90px; margin:0 auto; clear:both;}
.activity .li .ltxt .ltit{ width:100%; height:24px; line-height:24px; padding-top:4px; clear:both; font-size:16px; color:#333333; font-weight:bold; overflow:hidden;}
.activity .li .ltxt .ltit a{ color:#333333;}
.activity .li .ltxt .ltit a:hover{ color:#3495eb;}
.activity .li .ltxt .ltime{ width:100%; height:auto; padding-top:0px; clear:both; font-size:12px; color:#aaaaaa; line-height:130%;}
.activity .li .ltxt .lcot{ width:100%; height:36px; padding-top:3px; clear:both; font-size:12px; color:#999999; line-height:18px; overflow:hidden;}

.assemble{ width:860px; height:auto; margin:0 auto; padding:30px 0; clear:both; overflow:hidden;}
.assemble .li{ width:195px; height:auto; margin:0 10px; float:left; background:#efefef; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:hidden;}
.assemble .li .lpic{ width:60px; height:100px; float:left; font-size:0; line-height:0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:hidden;}
.assemble .li .lpic img{ width:60px; height:auto; min-height:100px;}
.assemble .li .ltxt{ width:115px; height:auto; margin-left:10px; float:left; position:relative;}
.assemble .li .ltxt .ltit{ width:100%; height:66px; padding-top:5px; clear:both; font-size:16px; color:#333333; line-height:22px; font-weight:bold; overflow:hidden;}
.assemble .li .ltxt .ltit a{ color:#333333;}
.assemble .li .ltxt .ltit a:hover{ color:#3495eb;}
.assemble .li .ltxt .ltime{ width:100%; height:auto; clear:both; position:absolute; top:75px; left:0;}
.assemble .li .ltxt .ltime .ltli{ width:auto; height:auto; float:left; font-size:12px; color:#999999;}

.monster{ width:864px; height:auto; margin:0 auto; padding:30px 0; clear:both; overflow:hidden;}
.monster .li{ width:90px; height:auto; margin:0 8px; float:left; background:#efefef; border:1px solid #efefef; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:hidden;}
.monster .li .lpic{ width:90px; height:90px; clear:both; font-size:0; line-height:0; overflow:hidden;}
.monster .li .lpic img{ width:90px; height:auto; min-height:90px;}
.monster .li .ltxt{ width:90px; height:30px; line-height:30px; clear:both; text-align:center; font-size:14px; color:#333333;}
.monster .li .ltxt a{ display:block; width:90px; height:30px; color:#333333;}
.monster .li .ltxt a:hover{ color:#3495eb; font-weight:bold;}

.arms{ width:864px; height:auto; margin:0 auto; padding:30px 0; clear:both; overflow:hidden;}
.arms .li{ width:90px; height:auto; margin:0 8px 8px 8px; float:left; background:#efefef; border:1px solid #efefef; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:hidden;}
.arms .li .lpic{ width:25px; height:25px; float:left; font-size:0; line-height:0; overflow:hidden;}
.arms .li .lpic img{ width:25px; height:auto; min-height:25px;}
.arms .li .ltxt{ width:65px; height:25px; line-height:25px; float:left; text-align:center; font-size:14px; color:#333333; overflow:hidden;}
.arms .li .ltxt a{ display:block; width:65px; height:25px; color:#333333;}
.arms .li .ltxt a:hover{ color:#3495eb;}