fontyourface_ui.css in @font-your-face 7.2
#fontyourface-apply-tabs ul { border: none; } #fontyourface-ui-apply-by-font-form tbody tr td.css-selector div.form-type-textfield { margin: 0; padding: 0; } .view-fontyourface-browse ul.tabs { border-bottom: 1px solid #a6a7a2; font-size: 0.923em; margin: 0; padding: 0.769em 0 5px 0; } .view-fontyourface-browse ul.tabs li { display: inline; list-style: none; position: relative; top: 3px; } .view-fontyourface-browse ul.tabs li a { background: #a6a7a2; border-color: #a6a7a2; border-style: solid; border-radius: 8px 8px 0 0; border-width: 1px 1px 0 1px; color: #000; font-weight: bold; margin-right: 4px; padding: 6px 20px; text-decoration: none; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; } .view-fontyourface-browse ul.tabs li a:hover { color: #fff; } .view-fontyourface-browse ul.tabs li a.active { background: #fff; border-color: #c9cAc4; } .view-fontyourface-browse ul.tabs li a.active:hover { color: #000; } .view-fontyourface-browse ul.fonts-listing { margin: 0; padding: 0; list-style: none; } .view-fontyourface-browse li.font { position: relative; float: left; width: 172px; height: 152px; float: left; margin: 8px; } .view-fontyourface-browse div.fontyourface-header { position: relative; } .view-fontyourface-browse div.fontyourface-header h4 { height: 40px; left: 20px; margin: 0 10px 10px 0; overflow: hidden; padding: 0 25px 0 0; position: absolute; top: 5px; } .view-fontyourface-browse li:hover div.fontyourface-header h4 { background: #fff; height: auto; } .view-fontyourface-browse li:hover div.fontyourface-header.enabled-yes h4 { background: #dfd; } .view-fontyourface-browse div.fontyourface-header a { background: transparent url(gear-select.png) no-repeat 2px 0; display: none; height: 18px; position: absolute; right: 15px; top: 15px; width: 20px; } .view-fontyourface-browse li:hover div.fontyourface-header a { display: block; } .view-fontyourface-browse div.fontyourface-header a:hover { background-position-y: -18px; } .view-fontyourface-browse div.fontyourface-header a span { display: none; } .view-fontyourface-browse div.fontyourface-preview { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #ccc; display: inline-block; height: 10px; margin: 0; padding: 70px 10px; width: 150px; } .view-fontyourface-browse div.fontyourface-footer { position: relative; } .view-fontyourface-browse div.fontyourface-footer a { -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; top: 121px; display: block; height: 20px; left: -10px; margin: 0 10px 10px 10px; padding: 5px 10px; position: absolute; width: 150px; } .view-fontyourface-browse div.fontyourface-footer .fontyourface-indicator { background: url(indicator.gif); display: inline-block; float: right; height: 16px; position: relative; top: 2px; width: 16px; } .view-fontyourface-browse div.enabled-no { background: #fff; } .view-fontyourface-browse div.fontyourface-footer.enabled-no a { background: #eee; } .view-fontyourface-browse div.fontyourface-footer.enabled-no a:active { background: #ddd; } .view-fontyourface-browse div.enabled-yes { background: #dfd; } .view-fontyourface-browse div.fontyourface-footer.enabled-yes a { background: #bdb; } .view-fontyourface-browse div.fontyourface-footer.enabled-yes a:active { background: #aca; }
File
modules/fontyourface_ui/css/fontyourface_ui.cssView source
- #fontyourface-apply-tabs ul {
- border: none;
- }
-
- #fontyourface-ui-apply-by-font-form tbody tr td.css-selector div.form-type-textfield {
- margin: 0;
- padding: 0;
- }
-
- .view-fontyourface-browse ul.tabs {
- border-bottom: 1px solid #a6a7a2;
- font-size: 0.923em;
- margin: 0;
- padding: 0.769em 0 5px 0;
- }
-
- .view-fontyourface-browse ul.tabs li {
- display: inline;
- list-style: none;
- position: relative;
- top: 3px;
- }
-
- .view-fontyourface-browse ul.tabs li a {
- background: #a6a7a2;
- border-color: #a6a7a2;
- border-style: solid;
- border-radius: 8px 8px 0 0;
- border-width: 1px 1px 0 1px;
- color: #000;
- font-weight: bold;
- margin-right: 4px;
- padding: 6px 20px;
- text-decoration: none;
- -moz-border-radius: 8px 8px 0 0;
- -webkit-border-radius: 8px 8px 0 0;
- }
-
- .view-fontyourface-browse ul.tabs li a:hover {
- color: #fff;
- }
-
- .view-fontyourface-browse ul.tabs li a.active {
- background: #fff;
- border-color: #c9cAc4;
- }
-
- .view-fontyourface-browse ul.tabs li a.active:hover {
- color: #000;
- }
-
- .view-fontyourface-browse ul.fonts-listing {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .view-fontyourface-browse li.font {
- position: relative;
- float: left;
- width: 172px;
- height: 152px;
- float: left;
- margin: 8px;
- }
-
- .view-fontyourface-browse div.fontyourface-header {
- position: relative;
- }
-
- .view-fontyourface-browse div.fontyourface-header h4 {
- height: 40px;
- left: 20px;
- margin: 0 10px 10px 0;
- overflow: hidden;
- padding: 0 25px 0 0;
- position: absolute;
- top: 5px;
- }
-
- .view-fontyourface-browse li:hover div.fontyourface-header h4 {
- background: #fff;
- height: auto;
- }
-
- .view-fontyourface-browse li:hover div.fontyourface-header.enabled-yes h4 {
- background: #dfd;
- }
-
- .view-fontyourface-browse div.fontyourface-header a {
- background: transparent url(gear-select.png) no-repeat 2px 0;
- display: none;
- height: 18px;
- position: absolute;
- right: 15px;
- top: 15px;
- width: 20px;
- }
-
- .view-fontyourface-browse li:hover div.fontyourface-header a {
- display: block;
- }
-
- .view-fontyourface-browse div.fontyourface-header a:hover {
- background-position-y: -18px;
- }
-
- .view-fontyourface-browse div.fontyourface-header a span {
- display: none;
- }
-
- .view-fontyourface-browse div.fontyourface-preview {
- -webkit-border-radius: 8px;
- -moz-border-radius: 8px;
- border-radius: 8px;
-
- border: 1px solid #ccc;
- display: inline-block;
- height: 10px;
- margin: 0;
- padding: 70px 10px;
- width: 150px;
- }
-
- .view-fontyourface-browse div.fontyourface-footer {
- position: relative;
- }
-
- .view-fontyourface-browse div.fontyourface-footer a {
- -webkit-border-radius: 0 0 8px 8px;
- -moz-border-radius: 0 0 8px 8px;
- border-radius: 0 0 8px 8px;
- border-bottom: 1px solid #ccc;
- border-left: 1px solid #ccc;
- border-right: 1px solid #ccc;
- top: 121px;
- display: block;
- height: 20px;
- left: -10px;
- margin: 0 10px 10px 10px;
- padding: 5px 10px;
- position: absolute;
- width: 150px;
- }
-
- .view-fontyourface-browse div.fontyourface-footer .fontyourface-indicator {
- background: url(indicator.gif);
- display: inline-block;
- float: right;
- height: 16px;
- position: relative;
- top: 2px;
- width: 16px;
- }
-
- .view-fontyourface-browse div.enabled-no {
- background: #fff;
- }
-
- .view-fontyourface-browse div.fontyourface-footer.enabled-no a {
- background: #eee;
- }
-
- .view-fontyourface-browse div.fontyourface-footer.enabled-no a:active {
- background: #ddd;
- }
-
- .view-fontyourface-browse div.enabled-yes {
- background: #dfd;
- }
-
- .view-fontyourface-browse div.fontyourface-footer.enabled-yes a {
- background: #bdb;
- }
-
- .view-fontyourface-browse div.fontyourface-footer.enabled-yes a:active {
- background: #aca;
- }