Permalink
Browse files

Clean up CSS. Make default CSS more responsive-friendly by setting di…

…mensions exclusively through CSS.
  • Loading branch information...
frankrausch committed Feb 24, 2013
1 parent 52931f2 commit 64ce75255bb79203c9f28a17794531cff24a34e7
Showing with 35 additions and 48 deletions.
  1. +34 −34 css/typeshow.css
  2. +0 −13 js/jquery.typeshow.js
  3. +1 −1 js/jquery.typeshow.min.js
@@ -1,39 +1,42 @@
/* @override http://www.ts.dev/ts/css/typeshow.css */
.ts_typeshow {
font: 13px Verdana, sans-serif;
width: 600px;
.ts_typeshow, .ts_typeshow * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ts_typeshow {
font: 13px Verdana, sans-serif;
width: 100%;
}
.ts_typeshow img {
float: left;
max-width: 100%;
height: auto;
}
.ts_typeshow .ts_controls {
padding: 12px 0 0 0;
float: left;
clear: both;
width: 100%; /* required for IE6 + IE7 */
}
.ts_typeshow input, .ts_typeshow select {
float: left;
width: auto;
height: auto;
font: inherit;
border: 1px solid #bbb;
}
.ts_typeshow input[type=text] {
display: inline;
font-size: 14px;
width: 592px; /* width - border - padding */
width: 100%;
padding: 3px;
margin-bottom: 8px;
background-repeat: no-repeat;
}
}
.ts_typeshow input[type=text]:hover {
border: 1px solid #bbb;
@@ -43,49 +46,46 @@
border: 1px solid #aaa;
}
.ts_text.loading {
background: #eee url(../img/frontend-loading.gif) 99% center;
.ts_text.loading {
background: #eee url(../img/frontend-loading.gif) 99% center;
}
.ts_typeshow .ts_fonts {
clear: left;
float: left;
}
.ts_typeshow .ts_themes {
clear: right;
float: right;
padding: 0;
}
.ts_typeshow label {
float: left;
display: none;
}
.ts_typeshow .ts_themes label{
width:20px;
height:20px;
display: block !important;
background: url(../img/frontend-themes.gif) no-repeat 0 2px;
/*hide text: */
text-align: left;
text-indent: -5000px;
overflow: hidden;
line-height:0;
.ts_typeshow .ts_themes label{
width: 20px;
height: 20px;
display: block !important;
background: url(../img/frontend-themes.gif) no-repeat 0 2px;
/*hide text: */
text-align: left;
text-indent: 100%;
overflow: hidden;
}
.ts_typeshow #ts_dropdown_fonts {
margin-right: 10px;
margin-right: 10px;
}
.ts_typeshow .ts_font_info {
clear: both;
float: left;
margin-top: 8px;
width: 95%; /* for IE6 + 7 */
}
width: 95%; /* for IE6 + 7 */
}
@@ -122,19 +122,6 @@
}).focus(function (e) {
e.target.select();
});
if (TS.settings.dimensions) {
var w = TS.settings.dimensions.width;
var h = TS.settings.dimensions.height;
$(instance).css('width', w + "px");
$(".ts_image", instance).css({
'width' : w + "px",
'height' : h + "px"
});
var txtbox = $(".ts_text", instance);
$(".ts_text", instance).css('width', (w - parseInt(txtbox.css('paddingLeft')) - parseInt(txtbox.css('marginLeft')) - parseInt(txtbox.css('paddingRight'))) - parseInt(txtbox.css('marginRight')) - parseInt(txtbox.css('borderLeftWidth')) - parseInt(txtbox.css('borderRightWidth')) + "px");
}
$(".ts_image", instance).attr('alt', 'TypeShow font sample is loading...');
$.fn.typeshow.update(true);

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.

0 comments on commit 64ce752

Please sign in to comment.