third commit
This commit is contained in:
		
							
								
								
									
										159
									
								
								code/lb-faveo/dist/css/tabby2.css
									
									
									
									
										vendored
									
									
										Normal file
									
								
							
							
						
						
									
										159
									
								
								code/lb-faveo/dist/css/tabby2.css
									
									
									
									
										vendored
									
									
										Normal file
									
								
							| @@ -0,0 +1,159 @@ | ||||
| /* ============================================================= | ||||
|  | ||||
|     Tabby 2.0 | ||||
|     Simple, mobile-first toggle tabs by Chris Ferdinandi. | ||||
|     http://gomakethings.com | ||||
|  | ||||
|     Free to use under the MIT License. | ||||
|     http://gomakethings.com/mit/ | ||||
|      | ||||
|  * ============================================================= */ | ||||
|  | ||||
|  | ||||
| /* ============================================================= | ||||
|     RESPONSIVE RESET | ||||
|     Replace with your own. | ||||
|  * ============================================================= */ | ||||
|  | ||||
| @-webkit-viewport { width: device-width; zoom: 1.0; } | ||||
|    @-moz-viewport { width: device-width; zoom: 1.0; } | ||||
|     @-ms-viewport { width: device-width; zoom: 1.0; } | ||||
|      @-o-viewport { width: device-width; zoom: 1.0; } | ||||
|         @viewport { width: device-width; zoom: 1.0; } | ||||
|  | ||||
| html { overflow-y: auto; } | ||||
|  | ||||
| img, audio, video, canvas { max-width: 100%; } | ||||
|  | ||||
|  | ||||
|  | ||||
|  | ||||
|  | ||||
| /* ============================================================= | ||||
|     TABBY TABS | ||||
|     Toggle tab styling. | ||||
|  * ============================================================= */ | ||||
|  | ||||
| /*  Hide tab navigation by default */ | ||||
| .tabs { | ||||
|     display: none; | ||||
|     visibility: hidden; | ||||
| } | ||||
|  | ||||
| /*  Display tab navigation if javascript enabled. | ||||
|  *  This requires on the included js-accessibility.js script. */ | ||||
| .js .tabs { | ||||
|     display: block; | ||||
|     visibility: visible; | ||||
| } | ||||
|  | ||||
| /*  Force browser to show a pointer on tab navigation. */ | ||||
| .tabs a, .tabs button { | ||||
|     cursor: pointer; | ||||
| } | ||||
|  | ||||
| /*  Hide tab content if javascript is enabled. */ | ||||
| .js .tabs-pane { | ||||
|     display: none; | ||||
|     visibility: hidden; | ||||
| } | ||||
|  | ||||
| /*  Show tab content when active class is added. | ||||
|  *  This class is added via javascript. */ | ||||
| .tabs-pane.active { | ||||
|     display: block; | ||||
|     visibility: visible; | ||||
| } | ||||
|  | ||||
| /*  Fancy list styling for tab navigation. | ||||
|  *  Adjust to fit your design. */ | ||||
| .tabs-horizontal, | ||||
| .tabs-stacked { | ||||
|     list-style: none; | ||||
|     margin-left: 0; | ||||
| } | ||||
|  | ||||
| /*  Display tab navigation as inline list. */ | ||||
| .tabs-horizontal > li, | ||||
| .tabs-stacked > li { | ||||
|     display: inline-block; | ||||
|     float: none; | ||||
| } | ||||
|  | ||||
| /*  Set tab navigation link color. | ||||
|  *  Adjust to fit your design. */ | ||||
| .tabs-horizontal a, | ||||
| .tabs-stacked a { | ||||
|     color: #808080; | ||||
|     text-decoration: none; | ||||
| } | ||||
|  | ||||
| /*  When active, change tab navigation background color. */ | ||||
| .tabs-horizontal > .active, | ||||
| .tabs-stacked > .active { | ||||
|     background-color: #307196; | ||||
| } | ||||
| /*  On hover and when active, change tab navigation color */ | ||||
| .tabs-horizontal a:hover, | ||||
| .tabs-stacked a:hover, | ||||
| .tabs-horizontal > .active > a, | ||||
| .tabs-stacked > .active > a { | ||||
|     color: #272727; | ||||
|     text-decoration: none; | ||||
| } | ||||
|  | ||||
| /*  For bigger screens. | ||||
|  *  (Tabby is mobile-first.) */ | ||||
| @media (min-width: 40em) { | ||||
|  | ||||
|     /*  Turn stacked nav into vertical list. */ | ||||
|     .tabs-stacked { | ||||
|         border: none; | ||||
|         margin-left: 0; | ||||
|         padding-left: 0; | ||||
|         padding-top: 1em; | ||||
|         padding-bottom: 1em; | ||||
|     } | ||||
|  | ||||
|     .tabs-stacked > li, | ||||
|     .tabs-stacked > li > a { | ||||
|         display: block; | ||||
|         width: 100%; | ||||
|     } | ||||
| } | ||||
|  | ||||
|  | ||||
| /* Clearfix */ | ||||
| .tabs:before, .tabs:after {  | ||||
|     display: table;  | ||||
|     content: "";  | ||||
|     zoom: 1;  | ||||
| } | ||||
|  | ||||
| .tabs:after {  | ||||
|     clear: both;  | ||||
| } | ||||
| /*Bottom Arrow*/ | ||||
|  | ||||
| .navbar-nav li.active:after, .navbar-nav li.active:before { | ||||
|     bottom: 0%; | ||||
|     left: 50%; | ||||
|     border: solid transparent; | ||||
|     content: " "; | ||||
|     height: 0; | ||||
|     width: 0; | ||||
|     position: absolute; | ||||
|     pointer-events: none; | ||||
| } | ||||
|  | ||||
| .navbar-nav li.active:after { | ||||
|     border-width: 6px; | ||||
|     margin-left: -6px; | ||||
|     z-index: 1; | ||||
| } | ||||
| .navbar-nav li.active:before { | ||||
|     border-bottom-color: white; | ||||
|     border-width: 9px; | ||||
|     margin-left: -9px; | ||||
|     z-index: 1; | ||||
| } | ||||
		Reference in New Issue
	
	Block a user
	 sujitprasad
					sujitprasad