This repository has been archived on 2023-08-30. You can view files and clone it, but cannot push or open issues/pull-requests.
bytedo
/
wcui
Archived
1
0
Fork 0
wcui/js/lib/pages/main.css

61 lines
2.4 KiB
CSS

.do-pages {height:auto;text-align:center;font-size:13px;}
.do-pages a {color:#34495e;}
.do-pages.skin-1 {width:100%;}
.do-pages.skin-2 {float:right;width:auto;}
.do-pages.skin-1 a.normal,
.do-pages.skin-1 a.disabled,
.do-pages.skin-1 a.curr {display:inline-block;width:auto;min-width:40px;height:40px;padding:0 10px;margin:0 3px;line-height:40px;text-decoration:none;cursor:pointer;}
.do-pages.skin-2 a.normal,
.do-pages.skin-2 a.disabled,
.do-pages.skin-2 a.curr {float:left;width:auto;min-width:40px;height:40px;margin:0;padding:0 5px;line-height:40px;}
.do-pages.green a.normal {background: #1abc9c;color: #fff; }
.do-pages.green a.normal:hover {background: #48c9b0; }
.do-pages.green.skin-2 a.curr,
.do-pages.green a.normal:active {background: #16a085;color: #fff;}
.do-pages.blue a.normal {background: #3498db;color: #fff; }
.do-pages.blue a.normal:hover {background: #5dade2; }
.do-pages.blue.skin-2 a.curr,
.do-pages.blue a.normal:active {background: #2c81ba;color: #fff;}
.do-pages.red a.normal {background: #e74c3c;color: #fff; }
.do-pages.red a.normal:hover {background: #ec7063; }
.do-pages.red.skin-2 a.curr,
.do-pages.red a.normal:active {background: #c54133;color: #fff;}
.do-pages.orange a.normal {background: #f39c12;color: #fff; }
.do-pages.orange a.normal:hover {background: #f1c40f; }
.do-pages.orange.skin-2 a.curr,
.do-pages.orange a.normal:active {background: #e67e22;color: #fff;}
.do-pages.plain a.normal {background: #e7e8eb;color: #34495e; }
.do-pages.plain a.normal:hover {background: #ecf0f1; }
.do-pages.plain.skin-2 a.curr,
.do-pages.plain a.normal:active {background: #bdc3c7;color: #34495e; }
.do-pages.grey a.normal {background: #34495e;color: #fff; }
.do-pages.grey a.normal:hover {background: #5d6d7e; }
.do-pages.grey.skin-2 a.curr,
.do-pages.grey a.normal:active {background: #2c3e50; color: #fff;}
.do-pages.skin-1 a.disabled,
.do-pages.skin-1 a.curr {background:none;color:#666;cursor:default}
.do-pages.skin-1 a.disabled {min-width:0;padding:0;}
.do-pages.skin-1 a.curr {font-weight:bold;font-size:15px;}
.do-pages.skin-2 a.disabled {display:none;}
.do-pages.skin-1 .input-box,
.do-pages.skin-1 .input-box span,
.do-pages.skin-1 .input-box input {display:inline-block}
.do-pages.skin-1 .input-box input {width:25px;height:20px;padding:0 3px;background:#fff;border:1px solid #ddd}
.do-pages.skin-1 .input-box a.normal{height:30px;line-height:30px;}
.do-pages.skin-2 .input-box {display:none;}
wcui是一套基于`Web Components`的UI组件库, 宗旨是追求简单、实用、不花哨。
JavaScript 95.2%
CSS 4.8%