Fix toolbar strange resize.
This commit is contained in:
Paulo Veiga
@@ -1,242 +0,0 @@
|
||||
.bubbleContainer {
|
||||
position: absolute;
|
||||
z-index: 50;
|
||||
opacity: 0;
|
||||
width: auto;
|
||||
overflow: hidden;
|
||||
padding: 20px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
background-color: #BCCCE1;
|
||||
-moz-box-shadow: 5px 5px 5px #888;
|
||||
-webkit-box-shadow: 5px 5px 5px #888;
|
||||
box-shadow: 5px 5px 5px #888;
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.bublePartContainer {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.bubblePart {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bubbleLeft {
|
||||
background: transparent url(../images/bubbleTip_left.png) top left;
|
||||
width: 12px;
|
||||
height: 4px;
|
||||
}
|
||||
|
||||
.bubbleCenter {
|
||||
background-color: #362d2e;
|
||||
text-align: center;
|
||||
z-index: 60;
|
||||
}
|
||||
|
||||
.bubbleRight {
|
||||
background: transparent url(../images/bubbleTip_right.png) top left;
|
||||
width: 23px;
|
||||
height: 4px;
|
||||
}
|
||||
|
||||
.bubbleTopLeft {
|
||||
background: transparent url(../images/bubbleTip_corner_top_left.png) top left;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
.bubbleHintTopLeft {
|
||||
background: transparent url(../images/bubbleTip_pico_corner_top_left.png) top left;
|
||||
width: 12px;
|
||||
height: 57px;
|
||||
}
|
||||
|
||||
.bubbleTopRight {
|
||||
background: transparent url(../images/bubbleTip_corner_top_right.png) top left;
|
||||
width: 23px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
.bubbleHintTopRight {
|
||||
background: transparent url(../images/bubbleTip_pico_corner_top_right.png) top left;
|
||||
width: 23px;
|
||||
height: 57px;
|
||||
}
|
||||
|
||||
.bubbleTop {
|
||||
background: transparent url(../images/bubbleTip_top.png) top left;
|
||||
height: 12px;
|
||||
width: 4px;
|
||||
}
|
||||
|
||||
.bubbleHintTop {
|
||||
background: transparent url(../images/bubbleTip_pico_top.png) top left;
|
||||
height: 57px;
|
||||
width: 4px;
|
||||
}
|
||||
|
||||
.bubbleBottomLeft {
|
||||
background: transparent url(../images/bubbleTip_corner_bottom_left.png) top left;
|
||||
width: 12px;
|
||||
height: 26px;
|
||||
}
|
||||
|
||||
.bubbleHintBottomLeft {
|
||||
background: transparent url(../images/bubbleTip_pico_corner_bottom_left.png) top left;
|
||||
width: 12px;
|
||||
height: 62px;
|
||||
}
|
||||
|
||||
.bubbleBottomRight {
|
||||
background: transparent url(../images/bubbleTip_corner_bottom_right.png) top left;
|
||||
width: 23px;
|
||||
height: 26px;
|
||||
}
|
||||
|
||||
.bubbleHintBottomRight {
|
||||
background: transparent url(../images/bubbleTip_pico_corner_bottom_right.png) top left;
|
||||
width: 23px;
|
||||
height: 62px;
|
||||
}
|
||||
|
||||
.bubbleBottom {
|
||||
background: transparent url(../images/bubbleTip_bottom.png) top left;
|
||||
height: 26px;
|
||||
width: 4px;
|
||||
}
|
||||
|
||||
.bubbleHintBottom {
|
||||
background: transparent url(../images/bubbleTip_pico_bottom.png) top left;
|
||||
height: 62px;
|
||||
width: 4px;
|
||||
}
|
||||
|
||||
.bubbleBottomHint {
|
||||
background: transparent url(../images/bubbleTip_bottom_pico.png) top left;
|
||||
width: 58px;
|
||||
height: 62px;
|
||||
}
|
||||
|
||||
.bubbleTopHint {
|
||||
background: transparent url(../images/bubbleTip_top_pico.png) top left;
|
||||
width: 58px;
|
||||
height: 57px;
|
||||
}
|
||||
|
||||
.bubbleLeftBlue {
|
||||
background: transparent url(../images/bubbleTip_left_blue.gif) top left;
|
||||
width: 12px;
|
||||
height: 4px;
|
||||
}
|
||||
|
||||
.bubbleCenterBlue {
|
||||
background-color: #BCCCE1;
|
||||
z-index: 60;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.bubbleRightBlue {
|
||||
background: transparent url(../images/bubbleTip_right_blue.gif) top left;
|
||||
width: 23px;
|
||||
height: 3px;
|
||||
}
|
||||
|
||||
.bubbleTopLeftBlue {
|
||||
background: transparent url(../images/bubbleTip_corner_top_left_blue.gif) top left;
|
||||
width: 12px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
.bubbleHintTopLeftBlue {
|
||||
background: transparent url(../images/bubbleTip_pico_corner_top_left_blue.gif) top left;
|
||||
width: 13px;
|
||||
height: 61px;
|
||||
}
|
||||
|
||||
.bubbleTopRightBlue {
|
||||
background: transparent url(../images/bubbleTip_corner_top_right_blue.gif) top left;
|
||||
width: 23px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
.bubbleHintTopRightBlue {
|
||||
background: transparent url(../images/bubbleTip_pico_corner_top_right_blue.gif) top left;
|
||||
width: 23px;
|
||||
height: 61px;
|
||||
}
|
||||
|
||||
.bubbleTopBlue {
|
||||
background: transparent url(../images/bubbleTip_top_blue.gif) top left;
|
||||
height: 18px;
|
||||
width: 3px;
|
||||
}
|
||||
|
||||
.bubbleHintTopBlue {
|
||||
background: transparent url(../images/bubbleTip_pico_top_blue.gif) top left;
|
||||
height: 61px;
|
||||
width: 3px;
|
||||
}
|
||||
|
||||
.bubbleBottomLeftBlue {
|
||||
background: transparent url(../images/bubbleTip_corner_bottom_left_blue.gif) top left;
|
||||
width: 13px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.bubbleHintBottomLeftBlue {
|
||||
background: transparent url(../images/bubbleTip_pico_corner_bottom_left_blue.gif) top left;
|
||||
width: 12px;
|
||||
height: 62px;
|
||||
}
|
||||
|
||||
.bubbleBottomRightBlue {
|
||||
background: transparent url(../images/bubbleTip_corner_bottom_right_blue.gif) top left;
|
||||
width: 23px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.bubbleHintBottomRightBlue {
|
||||
background: transparent url(../images/bubbleTip_pico_corner_bottom_right_blue.gif) top left;
|
||||
width: 23px;
|
||||
height: 62px;
|
||||
}
|
||||
|
||||
.bubbleBottomBlue {
|
||||
background: transparent url(../images/bubbleTip_bottom_blue.gif) top left;
|
||||
height: 32px;
|
||||
width: 3px;
|
||||
}
|
||||
|
||||
.bubbleHintBottomBlue {
|
||||
background: transparent url(../images/bubbleTip_pico_bottom_blue.gif) top left;
|
||||
height: 62px;
|
||||
width: 3px;
|
||||
}
|
||||
|
||||
.bubbleBottomHintBlue {
|
||||
background: transparent url(../images/bubbleTip_bottom_pico_blue.png) top left;
|
||||
width: 58px;
|
||||
height: 62px;
|
||||
}
|
||||
|
||||
.bubbleTopHintBlue {
|
||||
background: transparent url(../images/bubbleTip_top_pico_blue.png) top left;
|
||||
width: 58px;
|
||||
height: 61px;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background: #3399CC;
|
||||
border: 1px solid #006699;
|
||||
color: #FFFFFF;
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
font-size: 72%;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
font-weight: normal;
|
||||
line-height: normal;
|
||||
overflow: visible;
|
||||
padding: 2px 8px 1px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
@@ -160,10 +160,6 @@ div#toolbar .button {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div#toolbar .comboButton {
|
||||
width: 34px;
|
||||
}
|
||||
|
||||
div#toolbar .button:hover {
|
||||
width: 32px;
|
||||
height: 36px;
|
||||
@@ -175,10 +171,6 @@ div#toolbar .button:hover {
|
||||
border-left-color: white;
|
||||
}
|
||||
|
||||
div#toolbar .comboButton:hover {
|
||||
width: 34px;
|
||||
}
|
||||
|
||||
div#toolbar .button img {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
|
||||
@@ -169,7 +169,7 @@
|
||||
<legend>
|
||||
<spring:message code="TOPIC"/>
|
||||
</legend>
|
||||
<div id="topicShape" class="button comboButton" title="<spring:message code="TOPIC_SHAPE"/>">
|
||||
<div id="topicShape" class="button" title="<spring:message code="TOPIC_SHAPE"/>">
|
||||
<div class="toolbarLabel"><p><spring:message code="SHAPE"/></p></div>
|
||||
</div>
|
||||
<div id="addTopic" class="button" title="<spring:message code="TOPIC_ADD"/>">
|
||||
@@ -178,16 +178,16 @@
|
||||
<div id="deleteTopic" class="button" title="<spring:message code="TOPIC_DELETE"/>">
|
||||
<div class="toolbarLabel"><p><spring:message code="DELETE"/></p></div>
|
||||
</div>
|
||||
<div id="topicBorder" class="button comboButton" title="<spring:message code="TOPIC_BORDER_COLOR"/>">
|
||||
<div id="topicBorder" class="button" title="<spring:message code="TOPIC_BORDER_COLOR"/>">
|
||||
<div class="toolbarLabel"><p><spring:message code="BORDER"/></p></div>
|
||||
</div>
|
||||
<div id="topicColor" class="button comboButton" title="<spring:message code="TOPIC_BACKGROUND_COLOR"/>">
|
||||
<div id="topicColor" class="button" title="<spring:message code="TOPIC_BACKGROUND_COLOR"/>">
|
||||
<div class="toolbarLabel"><p><spring:message code="COLOR"/></p></div>
|
||||
</div>
|
||||
<div id="topicIcon" class="button comboButton" title="<spring:message code="TOPIC_ICON"/>">
|
||||
<div id="topicIcon" class="button" title="<spring:message code="TOPIC_ICON"/>">
|
||||
<div class="toolbarLabel"><p><spring:message code="ICON"/></p></div>
|
||||
</div>
|
||||
<div id="topicNote" class="button comboButton" title="<spring:message code="TOPIC_NOTE"/>">
|
||||
<div id="topicNote" class="button" title="<spring:message code="TOPIC_NOTE"/>">
|
||||
<div class="toolbarLabel"><p><spring:message code="NOTE"/></p></div>
|
||||
</div>
|
||||
<div id="topicLink" class="button" title="<spring:message code="TOPIC_LINK"/>">
|
||||
@@ -203,10 +203,10 @@
|
||||
<legend>
|
||||
<spring:message code="FONT"/>
|
||||
</legend>
|
||||
<div id="fontFamily" class="button comboButton" title="<spring:message code="FONT_TYPE"/>">
|
||||
<div id="fontFamily" class="button" title="<spring:message code="FONT_TYPE"/>">
|
||||
<div class="toolbarLabel"><p><spring:message code="TYPE"/></p></div>
|
||||
</div>
|
||||
<div id="fontSize" class="button comboButton" title="<spring:message code="FONT_SIZE"/>">
|
||||
<div id="fontSize" class="button" title="<spring:message code="FONT_SIZE"/>">
|
||||
<div class="toolbarLabel"><p><spring:message code="SIZE"/></p></div>
|
||||
</div>
|
||||
<div id="fontBold" class="button" title="<spring:message code="FONT_BOLD"/>">
|
||||
@@ -215,7 +215,7 @@
|
||||
<div id="fontItalic" class="button" title="<spring:message code="FONT_ITALIC"/>">
|
||||
<div class="toolbarLabel"><p><spring:message code="ITALIC"/></p></div>
|
||||
</div>
|
||||
<div id="fontColor" class="button comboButton" title="<spring:message code="FONT_COLOR"/>">
|
||||
<div id="fontColor" class="button" title="<spring:message code="FONT_COLOR"/>">
|
||||
<div class="toolbarLabel"><p><spring:message code="COLOR"/></p></div>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
Reference in New Issue
Block a user