Mercurial > hg > rr-repo

annotate misc/vertical-tabs.css @ 0:ff03f76ab3fe

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
initial version
author danieleb <danielebarchiesi@me.com>
date Wed, 21 Aug 2013 18:51:11 +0100
parents
children
rev   line source
danielebarchiesi@0 1
danielebarchiesi@0 2 div.vertical-tabs {
danielebarchiesi@0 3 margin: 1em 0 1em 15em; /* LTR */
danielebarchiesi@0 4 border: 1px solid #ccc;
danielebarchiesi@0 5 position: relative; /* IE6/7 */
danielebarchiesi@0 6 }
danielebarchiesi@0 7 .vertical-tabs ul.vertical-tabs-list {
danielebarchiesi@0 8 width: 15em;
danielebarchiesi@0 9 list-style: none;
danielebarchiesi@0 10 list-style-image: none; /* IE6 */
danielebarchiesi@0 11 border-top: 1px solid #ccc;
danielebarchiesi@0 12 padding: 0;
danielebarchiesi@0 13 position: relative; /* IE6 */
danielebarchiesi@0 14 margin: -1px 0 -1px -15em; /* LTR */
danielebarchiesi@0 15 float: left; /* LTR */
danielebarchiesi@0 16 }
danielebarchiesi@0 17 .vertical-tabs fieldset.vertical-tabs-pane {
danielebarchiesi@0 18 margin: 0 !important;
danielebarchiesi@0 19 padding: 0 1em;
danielebarchiesi@0 20 border: 0;
danielebarchiesi@0 21 }
danielebarchiesi@0 22 fieldset.vertical-tabs-pane legend {
danielebarchiesi@0 23 display: none;
danielebarchiesi@0 24 }
danielebarchiesi@0 25 fieldset.vertical-tabs-pane fieldset legend {
danielebarchiesi@0 26 display: block;
danielebarchiesi@0 27 }
danielebarchiesi@0 28
danielebarchiesi@0 29 /* Layout of each tab */
danielebarchiesi@0 30 .vertical-tabs ul.vertical-tabs-list li {
danielebarchiesi@0 31 background: #eee;
danielebarchiesi@0 32 border: 1px solid #ccc;
danielebarchiesi@0 33 border-top: 0;
danielebarchiesi@0 34 padding: 0;
danielebarchiesi@0 35 margin: 0;
danielebarchiesi@0 36 min-width: 0; /* IE7 */
danielebarchiesi@0 37 }
danielebarchiesi@0 38 .vertical-tabs ul.vertical-tabs-list li a {
danielebarchiesi@0 39 display: block;
danielebarchiesi@0 40 text-decoration: none;
danielebarchiesi@0 41 padding: 0.5em 0.6em;
danielebarchiesi@0 42 }
danielebarchiesi@0 43 .vertical-tabs ul.vertical-tabs-list li a:focus strong,
danielebarchiesi@0 44 .vertical-tabs ul.vertical-tabs-list li a:active strong,
danielebarchiesi@0 45 .vertical-tabs ul.vertical-tabs-list li a:hover strong {
danielebarchiesi@0 46 text-decoration: underline;
danielebarchiesi@0 47 }
danielebarchiesi@0 48 .vertical-tabs ul.vertical-tabs-list li a:hover {
danielebarchiesi@0 49 outline: 1px dotted;
danielebarchiesi@0 50 }
danielebarchiesi@0 51 .vertical-tabs ul.vertical-tabs-list li.selected {
danielebarchiesi@0 52 background-color: #fff;
danielebarchiesi@0 53 border-right-width: 0; /* LTR */
danielebarchiesi@0 54 }
danielebarchiesi@0 55 .vertical-tabs ul.vertical-tabs-list .selected strong {
danielebarchiesi@0 56 color: #000;
danielebarchiesi@0 57 }
danielebarchiesi@0 58 .vertical-tabs ul.vertical-tabs-list .summary {
danielebarchiesi@0 59 display: block;
danielebarchiesi@0 60 }
danielebarchiesi@0 61 .vertical-tabs ul.vertical-tabs ul.vertical-tabs-list .summary {
danielebarchiesi@0 62 line-height: normal;
danielebarchiesi@0 63 margin-bottom: 0;
danielebarchiesi@0 64 }
danielebarchiesi@0 65
danielebarchiesi@0 66 /**
danielebarchiesi@0 67 * Prevent text inputs from overflowing when container is too narrow. "width" is
danielebarchiesi@0 68 * applied to override hardcoded cols or size attributes and used in conjunction
danielebarchiesi@0 69 * with "box-sizing" to prevent box model issues from occurring in most browsers.
danielebarchiesi@0 70 */
danielebarchiesi@0 71 .vertical-tabs .form-type-textfield input {
danielebarchiesi@0 72 width: 100%;
danielebarchiesi@0 73 -moz-box-sizing: border-box;
danielebarchiesi@0 74 -webkit-box-sizing: border-box;
danielebarchiesi@0 75 box-sizing: border-box;
danielebarchiesi@0 76 }
danielebarchiesi@0 77 * html .vertical-tabs .form-type-textfield,
danielebarchiesi@0 78 * html .vertical-tabs .form-textarea-wrapper {
danielebarchiesi@0 79 width: 95%; /* IE6 */
danielebarchiesi@0 80 }