fix for button bleeds in firefox

master
Mark MacKay 2012-07-26 18:24:32 -05:00
parent d3225bea51
commit 511aa6f05b
7 changed files with 24 additions and 32 deletions

View File

@ -569,11 +569,11 @@ html, body {
#tools_left .tool_button:after, #tools_left .tool_button_current:after {
position: absolute;
content: '';
border: solid #2f2f2c 1px;
top: 0;
left: 0;
width: 27px;
height: 27px;
border: solid #2f2f2c 2px;
top: -1px;
left: -1px;
width: 28px;
height: 28px;
z-index: 0;
}

View File

@ -186,7 +186,7 @@ div.palette_item{height:16px;width:16px;float:left}
#tools_left .tool_button{background:#2f2f2c;position:relative}
#tools_left .tool_button.loaded{background:#ccc}
#tools_left .tool_button.loaded:hover{background:#fff}
#tools_left .tool_button:after,#tools_left .tool_button_current:after{position:absolute;content:'';border:solid #2f2f2c 1px;top:0;left:0;width:27px;height:27px;z-index:0}
#tools_left .tool_button:after,#tools_left .tool_button_current:after{position:absolute;content:'';border:solid #2f2f2c 2px;top:-1px;left:-1px;width:28px;height:28px;z-index:0}
#tools_left .tool_button_current{background-color:#0cf}
#main_icon span{position:absolute;width:100%;height:100%;display:block;z-index:2}
#tools_top{position:absolute;width:160px;right:0;top:20px;border-bottom:0;overflow:visible;padding:0 0 0 10px}

View File

@ -1214,11 +1214,11 @@ html, body {
#tools_left .tool_button:after, #tools_left .tool_button_current:after {
position: absolute;
content: '';
border: solid #2f2f2c 1px;
top: 0;
left: 0;
width: 27px;
height: 27px;
border: solid #2f2f2c 2px;
top: -1px;
left: -1px;
width: 28px;
height: 28px;
z-index: 0;
}

View File

@ -330,16 +330,8 @@ $(function(){
<option value="'Times New Roman', Times, serif">Times</option>
<option value="'Courier New', Courier, monospace">Courier</option>
</select>
</label>
<label class="draginput toggle">
<span>Font Weight</span>
<div class="tool_button" id="tool_bold" data-title="Bold Text [B]">B</div>
</label>
<label class="draginput toggle">
<span>Font Style</span>
<div class="tool_button" id="tool_italic" data-title="Italic Text [I]">i</div>
<div class="tool_button" id="tool_bold" data-title="Bold Text [B]">B</div>
<div class="tool_button" id="tool_italic" data-title="Italic Text [I]">i</div>
</label>
<label id="tool_font_size" data-title="Change Font Size">

View File

@ -569,11 +569,11 @@ html, body {
#tools_left .tool_button:after, #tools_left .tool_button_current:after {
position: absolute;
content: '';
border: solid #2f2f2c 1px;
top: 0;
left: 0;
width: 27px;
height: 27px;
border: solid #2f2f2c 2px;
top: -1px;
left: -1px;
width: 28px;
height: 28px;
z-index: 0;
}

View File

@ -186,7 +186,7 @@ div.palette_item{height:16px;width:16px;float:left}
#tools_left .tool_button{background:#2f2f2c;position:relative}
#tools_left .tool_button.loaded{background:#ccc}
#tools_left .tool_button.loaded:hover{background:#fff}
#tools_left .tool_button:after,#tools_left .tool_button_current:after{position:absolute;content:'';border:solid #2f2f2c 1px;top:0;left:0;width:27px;height:27px;z-index:0}
#tools_left .tool_button:after,#tools_left .tool_button_current:after{position:absolute;content:'';border:solid #2f2f2c 2px;top:-1px;left:-1px;width:28px;height:28px;z-index:0}
#tools_left .tool_button_current{background-color:#0cf}
#main_icon span{position:absolute;width:100%;height:100%;display:block;z-index:2}
#tools_top{position:absolute;width:160px;right:0;top:20px;border-bottom:0;overflow:visible;padding:0 0 0 10px}

View File

@ -1214,11 +1214,11 @@ html, body {
#tools_left .tool_button:after, #tools_left .tool_button_current:after {
position: absolute;
content: '';
border: solid #2f2f2c 1px;
top: 0;
left: 0;
width: 27px;
height: 27px;
border: solid #2f2f2c 2px;
top: -1px;
left: -1px;
width: 28px;
height: 28px;
z-index: 0;
}