diff options
author | fschneider <florian.schneider@student.tugraz.at> | 2015-08-11 08:15:33 +0200 |
---|---|---|
committer | fschneider <florian.schneider@student.tugraz.at> | 2015-08-11 08:15:33 +0200 |
commit | 20dcd9561db474e9309de1a3b2e25efe02ccacfc (patch) | |
tree | 4bc662b07a17af76983b6457c29bd413195892dd /pdf-as-web/src/main/webapp/assets/bootstrap/css/bootstrap-nav2/dist/bootstrap-nav-wizard.css | |
parent | 0cfb3fe13a2a5280112bf942b4e0b12e5abee1c9 (diff) | |
download | pdf-as-4-20dcd9561db474e9309de1a3b2e25efe02ccacfc.tar.gz pdf-as-4-20dcd9561db474e9309de1a3b2e25efe02ccacfc.tar.bz2 pdf-as-4-20dcd9561db474e9309de1a3b2e25efe02ccacfc.zip |
nav bar and navigation/new form design/use of bootstrap
Diffstat (limited to 'pdf-as-web/src/main/webapp/assets/bootstrap/css/bootstrap-nav2/dist/bootstrap-nav-wizard.css')
-rw-r--r-- | pdf-as-web/src/main/webapp/assets/bootstrap/css/bootstrap-nav2/dist/bootstrap-nav-wizard.css | 130 |
1 files changed, 130 insertions, 0 deletions
diff --git a/pdf-as-web/src/main/webapp/assets/bootstrap/css/bootstrap-nav2/dist/bootstrap-nav-wizard.css b/pdf-as-web/src/main/webapp/assets/bootstrap/css/bootstrap-nav2/dist/bootstrap-nav-wizard.css new file mode 100644 index 00000000..c34ab523 --- /dev/null +++ b/pdf-as-web/src/main/webapp/assets/bootstrap/css/bootstrap-nav2/dist/bootstrap-nav-wizard.css @@ -0,0 +1,130 @@ +ul.nav-wizard { + background-color: #f9f9f9; + border: 1px solid #d4d4d4; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + *zoom: 1; + position: relative; + overflow: hidden; +} +ul.nav-wizard:before { + display: block; + position: absolute; + left: 0px; + right: 0px; + top: 46px; + height: 47px; + border-top: 1px solid #d4d4d4; + border-bottom: 1px solid #d4d4d4; + z-index: 11; + content: " "; +} +ul.nav-wizard:after { + display: block; + position: absolute; + left: 0px; + right: 0px; + top: 138px; + height: 47px; + border-top: 1px solid #d4d4d4; + border-bottom: 1px solid #d4d4d4; + z-index: 11; + content: " "; +} +ul.nav-wizard li { + position: relative; + float: left; + height: 46px; + display: inline-block; + text-align: middle; + padding: 0 20px 0 30px; + margin: 0; + font-size: 16px; + line-height: 46px; +} +ul.nav-wizard li a { + color: #468847; + padding: 0; +} +ul.nav-wizard li a:hover { + background-color: transparent; +} +ul.nav-wizard li:before { + position: absolute; + display: block; + border: 24px solid transparent; + border-left: 16px solid #d4d4d4; + border-right: 0; + top: -1px; + z-index: 10; + content: ''; + right: -16px; +} +ul.nav-wizard li:after { + position: absolute; + display: block; + border: 24px solid transparent; + border-left: 16px solid #f9f9f9; + border-right: 0; + top: -1px; + z-index: 10; + content: ''; + right: -15px; +} +ul.nav-wizard li.active { + color: #3a87ad; + background: #d9edf7; +} +ul.nav-wizard li.active:after { + border-left: 16px solid #d9edf7; +} +ul.nav-wizard li.active a, +ul.nav-wizard li.active a:active, +ul.nav-wizard li.active a:visited, +ul.nav-wizard li.active a:focus { + color: #3a87ad; + background: #d9edf7; +} +ul.nav-wizard .active ~ li { + color: #999999; + background: #ededed; +} +ul.nav-wizard .active ~ li:after { + border-left: 16px solid #ededed; +} +ul.nav-wizard .active ~ li a, +ul.nav-wizard .active ~ li a:active, +ul.nav-wizard .active ~ li a:visited, +ul.nav-wizard .active ~ li a:focus { + color: #999999; + background: #ededed; +} +ul.nav-wizard.nav-wizard-backnav li:hover { + color: #468847; + background: #f6fbfd; +} +ul.nav-wizard.nav-wizard-backnav li:hover:after { + border-left: 16px solid #f6fbfd; +} +ul.nav-wizard.nav-wizard-backnav li:hover a, +ul.nav-wizard.nav-wizard-backnav li:hover a:active, +ul.nav-wizard.nav-wizard-backnav li:hover a:visited, +ul.nav-wizard.nav-wizard-backnav li:hover a:focus { + color: #468847; + background: #f6fbfd; +} +ul.nav-wizard.nav-wizard-backnav .active ~ li { + color: #999999; + background: #ededed; +} +ul.nav-wizard.nav-wizard-backnav .active ~ li:after { + border-left: 16px solid #ededed; +} +ul.nav-wizard.nav-wizard-backnav .active ~ li a, +ul.nav-wizard.nav-wizard-backnav .active ~ li a:active, +ul.nav-wizard.nav-wizard-backnav .active ~ li a:visited, +ul.nav-wizard.nav-wizard-backnav .active ~ li a:focus { + color: #999999; + background: #ededed; +} |