| 提交 | 用户 | age | ||
| a6a76f | 1 | /************************************************************************************************************ |
| F | 2 | * |
| 3 | * @ Version 3.0.1 | |
| 4 | * @ PIGNOSE Tab | |
| 5 | * @ Date 03. 24. 2016 | |
| 6 | * @ Author PIGNOSE | |
| 7 | * @ Licensed under MIT. | |
| 8 | * | |
| 9 | ***********************************************************************************************************/ | |
| 10 | ||
| 11 | .pignose-tab-wrapper { box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } | |
| 12 | .pignose-tab-wrapper .pignose-tab-btn { display: block; height: 2.8em; padding: 0em; font: inherit; border-radius:5px;font-size: 100%; text-align: center; text-decoration: none; color: #555555; background-color: #f2f2f2; border-bottom-width: 0; border-right-width: 0; line-height: 2.8em; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } | |
| 13 | .pignose-tab-wrapper .pignose-tab-btn:hover { background-color: #f4f4f4; } | |
| 14 | .pignose-tab-wrapper .pignose-tab-btn.active { margin-bottom: 0px; padding-bottom: 11px; color: #69AEED; background-color: #ffffff; border-color: #d8d8d8; font-weight: 600; } | |
| 15 | .pignose-tab-wrapper .pignose-tab-btn.last-btn { border-right-width: 1px; } | |
| 16 | .pignose-tab-wrapper .pignose-tab-group { display: block; list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #FFFFFF; position: relative; *zoom: 1; } | |
| 17 | .pignose-tab-wrapper .pignose-tab-group:after { display: block; content: ""; clear: both; } | |
| 18 | .pignose-tab-wrapper .pignose-tab-group .pignose-tab-list { float: left; margin: 5px 4px 0px 5px;} | |
| 19 | .pignose-tab-wrapper .pignose-tab-group .pignose-tab-list.active { border-bottom: 2px solid #69AEED;} | |
| 20 | .pignose-tab-wrapper .pignose-tab-container { display: none; width: 100%; min-height: 100px; padding: .6em 1em; position: absolute; left: 0; top: 44px; text-align: left; } | |
| 21 | .pignose-tab-wrapper .pignose-tab-container.active { display: block;} | |
| 22 | .pignose-tab-wrapper .pignose-tab-more { display: none; position: absolute; top: 8px; right: 15px; text-decoration: none; color: #555555; } | |
| 23 | .pignose-tab-wrapper .active .pignose-tab-more { display: block; } | |
| 24 | .pignose-tab-wrapper .pignose-sub-tab-wrapper { padding: 0; } | |
| 25 | ||
| 26 | .pignose-tab-mint { border-color: #d8d8d8 !important; box-shadow: 0 0 4px rgba(0, 0, 0, .25); border-radius: 3px; border: 1px solid #a1a1a1; } | |
| 27 | .pignose-tab-mint .pignose-tab-btn { background-color: transparent; color: #42444a; border-color: transparent; transition: color .3s ease, border-color .3s ease, background-color .3s ease; -o-transition: color .3s ease, background-color .3s ease; -o-transition: color .3s ease, border-color .3s ease, background-color .3s ease; -moz-transition: color .3s ease, border-color .3s ease, background-color .3s ease; -webkit-transition: color .3s ease, border-color .3s ease, background-color .3s ease; } | |
| 28 | .pignose-tab-mint .pignose-tab-btn:hover { background-color: #f2f2f2; } | |
| 29 | .pignose-tab-mint .pignose-tab-btn.active { background-color: #60bac2; color: #ffffff; border-color: #60bac2; } | |
| 30 | .pignose-tab-mint .pignose-tab-group { border-bottom-color: #209799; } | |
| 31 | .pignose-tab-mint .pignose-tab-container { color: #209799; } | |
| 32 | ||
| 33 | .pignose-tab-response { width: 100% !important; box-sizing: border-box; -moz-box-sizing: border-box; } | |
| 34 | .pignose-tab-response .pignose-tab-btn { width: 100%; min-width: 0; } | |
| 35 | .pignose-tab-response .pignose-tab-group { white-space: nowrap; } | |
| 36 | .pignose-tab-response .pignose-tab-list { width: 15%; } | |
