Mercurial > hg > rr-repo

annotate sites/all/modules/ctools/css/stylizer.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 /* Farbtastic placement */
danielebarchiesi@0 3 .color-form {
danielebarchiesi@0 4 max-width: 50em;
danielebarchiesi@0 5 position: relative;
danielebarchiesi@0 6 min-height: 195px;
danielebarchiesi@0 7 }
danielebarchiesi@0 8 #placeholder {
danielebarchiesi@0 9 /*
danielebarchiesi@0 10 position: absolute;
danielebarchiesi@0 11 top: 0;
danielebarchiesi@0 12 right: 0;
danielebarchiesi@0 13 */
danielebarchiesi@0 14 margin: 0 auto;
danielebarchiesi@0 15 width: 195px;
danielebarchiesi@0 16 }
danielebarchiesi@0 17
danielebarchiesi@0 18 /* Palette */
danielebarchiesi@0 19 .color-form .form-item {
danielebarchiesi@0 20 height: 2em;
danielebarchiesi@0 21 line-height: 2em;
danielebarchiesi@0 22 padding-left: 1em; /* LTR */
danielebarchiesi@0 23 margin: 0.5em 0;
danielebarchiesi@0 24 }
danielebarchiesi@0 25
danielebarchiesi@0 26 .color-form .form-item input {
danielebarchiesi@0 27 margin-top: .2em;
danielebarchiesi@0 28 }
danielebarchiesi@0 29
danielebarchiesi@0 30 .color-form label {
danielebarchiesi@0 31 float: left; /* LTR */
danielebarchiesi@0 32 clear: left; /* LTR */
danielebarchiesi@0 33 width: 14em;
danielebarchiesi@0 34 }
danielebarchiesi@0 35 .color-form .form-text, .color-form .form-select {
danielebarchiesi@0 36 float: left; /* LTR */
danielebarchiesi@0 37 }
danielebarchiesi@0 38 .color-form .form-text {
danielebarchiesi@0 39 text-align: center;
danielebarchiesi@0 40 margin-right: 5px; /* LTR */
danielebarchiesi@0 41 cursor: pointer;
danielebarchiesi@0 42 }
danielebarchiesi@0 43
danielebarchiesi@0 44 #palette .hook {
danielebarchiesi@0 45 float: left; /* LTR */
danielebarchiesi@0 46 margin-top: 3px;
danielebarchiesi@0 47 width: 16px;
danielebarchiesi@0 48 height: 16px;
danielebarchiesi@0 49 }
danielebarchiesi@0 50 #palette .up {
danielebarchiesi@0 51 background-position: 100% -27px; /* LTR */
danielebarchiesi@0 52 }
danielebarchiesi@0 53 #palette .both {
danielebarchiesi@0 54 background-position: 100% -54px; /* LTR */
danielebarchiesi@0 55 }
danielebarchiesi@0 56
danielebarchiesi@0 57
danielebarchiesi@0 58 #palette .form-item {
danielebarchiesi@0 59 width: 24em;
danielebarchiesi@0 60 }
danielebarchiesi@0 61 #palette .item-selected {
danielebarchiesi@0 62 background: #eee;
danielebarchiesi@0 63 }
danielebarchiesi@0 64
danielebarchiesi@0 65 /* Preview */
danielebarchiesi@0 66 #preview {
danielebarchiesi@0 67 width: 45%;
danielebarchiesi@0 68 float: right;
danielebarchiesi@0 69 margin: 0;
danielebarchiesi@0 70 }
danielebarchiesi@0 71
danielebarchiesi@0 72 #ctools_stylizer_color_scheme_form {
danielebarchiesi@0 73 float: left;
danielebarchiesi@0 74 width: 45%;
danielebarchiesi@0 75 margin: 0;
danielebarchiesi@0 76 }
danielebarchiesi@0 77
danielebarchiesi@0 78 /* general style for the layout-icon */
danielebarchiesi@0 79 .ctools-style-icon .caption {
danielebarchiesi@0 80 width: 100px;
danielebarchiesi@0 81 margin-bottom: 1em;
danielebarchiesi@0 82 line-height: 1em;
danielebarchiesi@0 83 text-align: center;
danielebarchiesi@0 84 cursor: default;
danielebarchiesi@0 85 }
danielebarchiesi@0 86
danielebarchiesi@0 87 .ctools-style-icons .form-item {
danielebarchiesi@0 88 width: 100px;
danielebarchiesi@0 89 float: left;
danielebarchiesi@0 90 margin: 0 3px !important;
danielebarchiesi@0 91 }
danielebarchiesi@0 92
danielebarchiesi@0 93 .ctools-style-icons .form-item .ctools-style-icon {
danielebarchiesi@0 94 float: none;
danielebarchiesi@0 95 height: 150px;
danielebarchiesi@0 96 width: 100px;
danielebarchiesi@0 97 }
danielebarchiesi@0 98
danielebarchiesi@0 99 .ctools-style-icons .form-item label.option {
danielebarchiesi@0 100 width: 100px;
danielebarchiesi@0 101 display: block;
danielebarchiesi@0 102 text-align: center;
danielebarchiesi@0 103 }
danielebarchiesi@0 104
danielebarchiesi@0 105 .ctools-style-icons .form-item label.option input {
danielebarchiesi@0 106 margin: 0 auto;
danielebarchiesi@0 107 }
danielebarchiesi@0 108
danielebarchiesi@0 109 .ctools-style-icons .ctools-style-category {
danielebarchiesi@0 110 height: 190px;
danielebarchiesi@0 111 }
danielebarchiesi@0 112
danielebarchiesi@0 113 .ctools-style-icons .ctools-style-category label {
danielebarchiesi@0 114 font-weight: bold;
danielebarchiesi@0 115 width: 100%;
danielebarchiesi@0 116 float: left;
danielebarchiesi@0 117 }
danielebarchiesi@0 118
danielebarchiesi@0 119 /**
danielebarchiesi@0 120 * Stylizer font editor widget
danielebarchiesi@0 121 */
danielebarchiesi@0 122 .ctools-stylizer-spacing-form .form-item {
danielebarchiesi@0 123 float: left;
danielebarchiesi@0 124 margin: .25em;
danielebarchiesi@0 125 }
danielebarchiesi@0 126
danielebarchiesi@0 127 #edit-font-font {
danielebarchiesi@0 128 width: 9em;
danielebarchiesi@0 129 }