Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /******************
- GUIDEBOOK
- ******************/
- .tabinfo-holder {
- padding: 1px;
- position: relative;
- display: flex;
- justify-content: space-between;
- height: 70vh;
- align-items: stretch;
- border: 1px solid #ccc;
- }
- .information-tabs {
- display: inline-block;
- flex-basis:25%;
- border-right: 1px solid #ccc;
- background: #fefefe;
- overflow: auto;
- }
- .information-tabs li, .information-tabs ul.tabs {
- list-style:none;
- margin: 0px;
- position: relative;
- left: -20px;
- }
- .information-tabs a {
- padding: 6px;
- display: block;
- text-align: right;
- color: #9C8AA5;
- font-family: 'Julius Sans One', sans-serif;
- text-transform: uppercase;
- font-size: 14px;
- line-height: 16px;
- }
- .information-tabs a:hover {
- color: #9C8AA5;
- }
- .information-tabs a.active {
- color: #9C8AA5;
- }
- .information-tabs a.active:after {
- display: inline-block;
- margin-left: 10px;
- content: ' «'
- }
- .information-tabs h1 {
- padding: 10px;
- border-bottom: 1px solid #9C8AA5;
- text-align: center;
- color: #9C8AA5;
- font-family: georgia;
- text-transform: uppercase;
- font-size: 20px;
- line-height: 20px;
- }
- .information-tabs h2 {
- padding: 10px;
- background: #9C8AA5;
- color: #fff;
- text-align: left;
- border-radius: 15px;
- line-height: 20px;
- font-size: 15px;
- font-family: 'Julius Sans One', sans-serif;
- }
- .information-tabcontent {
- display: inline-block;
- background: #fafafa;
- border: 10px solid transparent;
- flex-basis: 75%;
- text-align: justify;
- padding: 15px;
- font-family: arial;
- font-size: 12px;
- line-height: 14px;
- overflow: auto;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement