/************************************************************************************************************
|
*
|
* @ Version 3.0.1
|
* @ PIGNOSE Tab
|
* @ Date 03. 24. 2016
|
* @ Author PIGNOSE
|
* @ Licensed under MIT.
|
*
|
***********************************************************************************************************/
|
|
.pignose-tab-wrapper { box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
|
.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; }
|
.pignose-tab-wrapper .pignose-tab-btn:hover { background-color: #f4f4f4; }
|
.pignose-tab-wrapper .pignose-tab-btn.active { margin-bottom: 0px; padding-bottom: 11px; color: #69AEED; background-color: #ffffff; border-color: #d8d8d8; font-weight: 600; }
|
.pignose-tab-wrapper .pignose-tab-btn.last-btn { border-right-width: 1px; }
|
.pignose-tab-wrapper .pignose-tab-group { display: block; list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #FFFFFF; position: relative; *zoom: 1; }
|
.pignose-tab-wrapper .pignose-tab-group:after { display: block; content: ""; clear: both; }
|
.pignose-tab-wrapper .pignose-tab-group .pignose-tab-list { float: left; margin: 5px 4px 0px 5px;}
|
.pignose-tab-wrapper .pignose-tab-group .pignose-tab-list.active { border-bottom: 2px solid #69AEED;}
|
.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; }
|
.pignose-tab-wrapper .pignose-tab-container.active { display: block;}
|
.pignose-tab-wrapper .pignose-tab-more { display: none; position: absolute; top: 8px; right: 15px; text-decoration: none; color: #555555; }
|
.pignose-tab-wrapper .active .pignose-tab-more { display: block; }
|
.pignose-tab-wrapper .pignose-sub-tab-wrapper { padding: 0; }
|
|
.pignose-tab-mint { border-color: #d8d8d8 !important; box-shadow: 0 0 4px rgba(0, 0, 0, .25); border-radius: 3px; border: 1px solid #a1a1a1; }
|
.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; }
|
.pignose-tab-mint .pignose-tab-btn:hover { background-color: #f2f2f2; }
|
.pignose-tab-mint .pignose-tab-btn.active { background-color: #60bac2; color: #ffffff; border-color: #60bac2; }
|
.pignose-tab-mint .pignose-tab-group { border-bottom-color: #209799; }
|
.pignose-tab-mint .pignose-tab-container { color: #209799; }
|
|
.pignose-tab-response { width: 100% !important; box-sizing: border-box; -moz-box-sizing: border-box; }
|
.pignose-tab-response .pignose-tab-btn { width: 100%; min-width: 0; }
|
.pignose-tab-response .pignose-tab-group { white-space: nowrap; }
|
.pignose-tab-response .pignose-tab-list { width: 15%; }
|
