Index: C:/Documents and Settings/Evelyne-Windows/workspace/xwikiFullscreen/xwiki-platform-web/standard/src/main/webapp/skins/albatross/fullscreenEdit.js =================================================================== --- C:/Documents and Settings/Evelyne-Windows/workspace/xwikiFullscreen/xwiki-platform-web/standard/src/main/webapp/skins/albatross/fullscreenEdit.js (revision 4867) +++ C:/Documents and Settings/Evelyne-Windows/workspace/xwikiFullscreen/xwiki-platform-web/standard/src/main/webapp/skins/albatross/fullscreenEdit.js (working copy) @@ -1,269 +1,251 @@ -//function to get a style property of an element -////////////////////////////////////////////// -function getStyle(el, style) { - if(!document.getElementById) return; - var value = el.style[toCamelCase(style)]; - if(!value) { - if(document.defaultView) { - value = document.defaultView.getComputedStyle(el, "").getPropertyValue(style); - } else if(el.currentStyle) { - value = el.currentStyle[toCamelCase(style)]; - } - } - return value; -} - - - - -//function to set a style property for an element -//////////////////////////////////// -function setStyle(el, style, value) { - el.style[style] = value; -} - - - - -//utility function -/////////////////// -function toCamelCase( sInput ) { - var oStringList = sInput.split('-'); - if(oStringList.length == 1) { - return oStringList[0]; - } - var ret = sInput.indexOf("-") == 0 ? - oStringList[0].charAt(0).toUpperCase() + oStringList[0].substring(1) : oStringList[0]; - for(var i = 1, len = oStringList.length; i < len; i++) { - var s = oStringList[i]; - ret += s.charAt(0).toUpperCase() + s.substring(1) - } - return ret; -} - - - - - -//move the children of srcNode into destNode -///////////////////////////////////////////// -function moveChildren(srcNode, destNode) { - var node; - while(srcNode.hasChildNodes()) { - node = srcNode.firstChild; - destNode.appendChild(node); - } -} - - - - - -//add the element that will trigger the dialog -///////////////////////////////////////////// -function fullscreenEdit(what) { - var parentDiv = document.getElementById("xwikitext"); - if(parentDiv) { - //Fullscreen button - var showBtn = document.createElement("div"); - showBtn.setAttribute("id", "show-dialog-btn"); - Event.observe(showBtn, "click", new Function(what+"Fullscreen()"), true); - showBtn.setAttribute("title", "$msg.get("fullScreenTooltip")"); - var textdiv = document.getElementById("xwikieditcontent"); - textdiv.insertBefore(showBtn, textdiv.firstChild); - - //fullscreen div - var newdiv = document.createElement("div"); - newdiv.setAttribute("id", "fullscreen-dlg"); - - //fullscreen div header - var newdivhd = document.createElement("div"); - newdivhd.setAttribute("id", "fullscreen-dlg-head"); - - //close button - var closeBtn = document.createElement("div"); - closeBtn.setAttribute("id", "closeBtn"); - Event.observe(closeBtn, "click", new Function(what+"Hide()"), true); - newdivhd.appendChild(closeBtn); - - var title = document.createElement("div"); - title.className = "titleText"; - title.appendChild(document.createTextNode("Fullscreen Editing")); - newdivhd.appendChild(title); - - //fullscreen div body - var newdivbd = document.createElement("div"); - newdivbd.setAttribute("id", "fullscreen-dlg-body"); - newdivbd.appendChild(newdivhd); - - var newdivbdtab = document.createElement("div"); - newdivbdtab.setAttribute("id", "fullscreen-dlg-body-tab"); - newdivbd.appendChild(newdivbdtab); - - newdiv.appendChild(newdivbd); - - var backBtn = document.createElement("div"); - backBtn.className = "backBtn"; - Event.observe(backBtn, "click", new Function(what+"Hide()"), true); - var btnText = document.createElement("div"); - btnText.className = "btnText"; - btnText.appendChild(document.createTextNode("Back")); - backBtn.appendChild(btnText); - - newdivbd.appendChild(backBtn); - - document.body.appendChild(newdiv); - } -} - -//maximize or minimize the editing area -/////////////////////////////////////// -function wysiwygFullscreen() { - var flscrDiv = document.getElementById("fullscreen-dlg"); - var flscrDivBdTab = document.getElementById("fullscreen-dlg-body-tab"); - setStyle(flscrDiv, "display", "block"); - - var parentswapDiv = document.getElementById("parentswapDiv"); - var swapDiv = document.getElementById("swapDiv"); - - if(parentswapDiv == null || parentswapDiv == undefined) { - parentswapDiv = document.createElement("div"); - parentswapDiv.setAttribute("id", "parentswapDiv"); - if(swapDiv == null || swapDiv == undefined) { - swapDiv = document.createElement("div"); - swapDiv.setAttribute("id", "swapDiv"); - } - parentswapDiv.appendChild(swapDiv); - flscrDivBdTab.appendChild(parentswapDiv); - } - - //swaps the swapDiv with xwikieditcontent - var xwikidiv = document.getElementById("xwikieditcontent"); - - //remove the editor - tinyMCE.execCommand('mceRemoveControl', false, 'content'); - - var auxdiv = document.createElement("div"); - document.body.appendChild(auxdiv); - moveChildren(parentswapDiv, auxdiv); - moveChildren(xwikidiv, parentswapDiv); - moveChildren(auxdiv, xwikidiv); - document.body.removeChild(auxdiv); - - //hide scrollbars - document.body.style.overflow="hidden"; - // hide the fullscreen button - document.getElementById("show-dialog-btn").style.display="none"; - - //put the editor back - tinyMCE.execCommand('mceAddControl', false, 'content'); - if (window.ActiveXObject) { - document.getElementById("content").parentNode.style.display = "none"; - document.getElementById("content").parentNode.parentNode.style.display = "none"; - } -} - - - - -//hide dialog and restore the textarea -///////////////////////////////////// -function wysiwygHide() { - var flscrDiv = document.getElementById("fullscreen-dlg"); - setStyle(flscrDiv, "display", "none"); - - var parentswapDiv = document.getElementById("parentswapDiv"); - var xwikidiv = document.getElementById("xwikieditcontent"); - var swapDiv = document.getElementById("swapDiv"); - - //remove the editor - tinyMCE.execCommand('mceRemoveControl', false, 'content'); - - var auxdiv = document.createElement("div"); - document.body.appendChild(auxdiv); - moveChildren(parentswapDiv, auxdiv); - moveChildren(xwikidiv, parentswapDiv); - moveChildren(auxdiv, xwikidiv); - document.body.removeChild(auxdiv); - - //show the scrollbars - document.body.style.overflow="auto"; - // show the fullscreen button - document.getElementById("show-dialog-btn").style.display="block"; - - //put the editor back - window.setTimeout("tinyMCE.execCommand('mceAddControl', false, 'content')", 10); -} - - - - -//maximize or minimize the editing area -/////////////////////////////////////// -function wikiFullscreen() { - var flscrDiv = document.getElementById("fullscreen-dlg"); - setStyle(flscrDiv, "display", "block"); - - var parentswapDiv = document.getElementById("parentswapDiv"); - var swapDiv = document.getElementById("swapDiv"); - - if(parentswapDiv == null || parentswapDiv == undefined) { - parentswapDiv = document.createElement("div"); - parentswapDiv.setAttribute("id", "parentswapDiv"); - if(swapDiv == null || swapDiv == undefined) { - swapDiv = document.createElement("div"); - swapDiv.setAttribute("id", "swapDiv"); - } - - parentswapDiv.appendChild(swapDiv); - var flscrDivBdTab = document.getElementById("fullscreen-dlg-body-tab"); - flscrDivBdTab.appendChild(parentswapDiv); - } - - //swaps the swapDiv with xwikieditcontent - var xwikidiv = document.getElementById("xwikieditcontentinner"); - - var auxdiv = document.createElement("div"); - document.body.appendChild(auxdiv); - moveChildren(parentswapDiv, auxdiv); - moveChildren(xwikidiv, parentswapDiv); - moveChildren(auxdiv, xwikidiv); - document.body.removeChild(auxdiv); - - //hide scrollbars - document.body.style.overflow="hidden"; - - var textarea = document.getElementById("content"); - //save textarea dimensions - taWidth = getStyle(textarea, "width"); - taHeight = getStyle(textarea, "height"); - - setStyle(textarea, "width", "99%"); - setStyle(textarea, "height", "94%"); -} - -//hide dialog and restore the textarea -///////////////////////////////////// -function wikiHide() { - var flscrDiv = document.getElementById("fullscreen-dlg"); - setStyle(flscrDiv, "display", "none"); - - var parentswapDiv = document.getElementById("parentswapDiv"); - var xwikidiv = document.getElementById("xwikieditcontentinner"); - var swapDiv = document.getElementById("swapDiv"); - - var auxdiv = document.createElement("div"); - document.body.appendChild(auxdiv); - moveChildren(parentswapDiv, auxdiv); - moveChildren(xwikidiv, parentswapDiv); - moveChildren(auxdiv, xwikidiv); - document.body.removeChild(auxdiv); - - //show the scrollbars - document.body.style.overflow="auto"; - - //restore textarea size - var textarea = document.getElementById("content"); - setStyle(textarea, "width", ""); - setStyle(textarea, "height", ""); -} +//function to get a style property of an element +////////////////////////////////////////////// +function getStyle(el, style) { + if(!document.getElementById) return; + var value = el.style[toCamelCase(style)]; + if(!value) { + if(document.defaultView) { + value = document.defaultView.getComputedStyle(el, "").getPropertyValue(style); + } else if(el.currentStyle) { + value = el.currentStyle[toCamelCase(style)]; + } + } + return value; +} + + + + +//function to set a style property for an element +//////////////////////////////////// +function setStyle(el, style, value) { + el.style[style] = value; +} + + + + +//utility function +/////////////////// +function toCamelCase( sInput ) { + var oStringList = sInput.split('-'); + if(oStringList.length == 1) { + return oStringList[0]; + } + var ret = sInput.indexOf("-") == 0 ? + oStringList[0].charAt(0).toUpperCase() + oStringList[0].substring(1) : oStringList[0]; + for(var i = 1, len = oStringList.length; i < len; i++) { + var s = oStringList[i]; + ret += s.charAt(0).toUpperCase() + s.substring(1) + } + return ret; +} + + + + + +//move the children of srcNode into destNode +///////////////////////////////////////////// +function moveChildren(srcNode, destNode) { + var node; + while(srcNode.hasChildNodes()) { + node = srcNode.firstChild; + destNode.appendChild(node); + } +} + + + + + +//add the element that will trigger the dialog +///////////////////////////////////////////// +function fullscreenEdit(what) { + var parentDiv = document.getElementById("xwikitext"); + if(parentDiv) { + //Fullscreen button + var showBtn = document.createElement("div"); + showBtn.setAttribute("id", "show-dialog-btn"); + Event.observe(showBtn, "click", new Function(what+"Fullscreen()"), true); + showBtn.setAttribute("title", "$msg.get("fullScreenTooltip")"); + var textdiv = document.getElementById("xwikieditcontent"); + textdiv.insertBefore(showBtn, textdiv.firstChild); + + //fullscreen div + var newdiv = document.createElement("div"); + newdiv.setAttribute("id", "fullscreen-dlg"); + + //fullscreen div header + var newdivhd = document.createElement("div"); + newdivhd.setAttribute("id", "fullscreen-dlg-head"); + + //close button + var closeBtn = document.createElement("div"); + closeBtn.setAttribute("id", "closeBtn"); + Event.observe(closeBtn, "click", new Function(what+"Hide()"), true); + newdivhd.appendChild(closeBtn); + + var title = document.createElement("div"); + title.className = "titleText"; + title.appendChild(document.createTextNode("Fullscreen Editing")); + newdivhd.appendChild(title); + + //fullscreen div body + var newdivbd = document.createElement("div"); + newdivbd.setAttribute("id", "fullscreen-dlg-body"); + newdivbd.appendChild(newdivhd); + + var newdivbdtab = document.createElement("div"); + newdivbdtab.setAttribute("id", "fullscreen-dlg-body-tab-"+what); + newdivbd.appendChild(newdivbdtab); + + newdiv.appendChild(newdivbd); + + var backBtn = document.createElement("div"); + backBtn.className = "backBtn"; + Event.observe(backBtn, "click", new Function(what+"Hide()"), true); + var btnText = document.createElement("div"); + btnText.className = "btnText"; + btnText.appendChild(document.createTextNode("Back")); + backBtn.appendChild(btnText); + + newdivbd.appendChild(backBtn); + + document.body.appendChild(newdiv); + } +} + +//maximize or minimize the editing area +/////////////////////////////////////// +function wysiwygFullscreen() { + var flscrDiv = document.getElementById("fullscreen-dlg"); + var flscrDivBdTab = document.getElementById("fullscreen-dlg-body-tab-wysiwyg"); + setStyle(flscrDiv, "display", "block"); + + var parentswapDiv = document.getElementById("parentswapDiv"); + var swapDiv = document.getElementById("swapDiv"); + + if(parentswapDiv == null || parentswapDiv == undefined) { + parentswapDiv = document.createElement("div"); + parentswapDiv.setAttribute("id", "parentswapDiv"); + if(swapDiv == null || swapDiv == undefined) { + swapDiv = document.createElement("div"); + swapDiv.setAttribute("id", "swapDiv"); + } + parentswapDiv.appendChild(swapDiv); + flscrDivBdTab.appendChild(parentswapDiv); + } + //swaps the swapDiv with xwikieditcontent + var xwikidiv = document.getElementById("xwikieditcontent"); + + //remove the editor + tinyMCE.execCommand('mceRemoveControl', false, 'content'); + + var auxdiv = document.createElement("div"); + document.body.appendChild(auxdiv); + moveChildren(parentswapDiv, auxdiv); + moveChildren(xwikidiv, parentswapDiv); + moveChildren(auxdiv, xwikidiv); + document.body.removeChild(auxdiv); + + //hide scrollbars + document.body.style.overflow="hidden"; + // hide the fullscreen button + document.getElementById("show-dialog-btn").style.display="none"; + + //put the editor back + tinyMCE.execCommand('mceAddControl', false, 'content'); +} + + + + +//hide dialog and restore the textarea +///////////////////////////////////// +function wysiwygHide() { + var flscrDiv = document.getElementById("fullscreen-dlg"); + setStyle(flscrDiv, "display", "none"); + + var parentswapDiv = document.getElementById("parentswapDiv"); + var xwikidiv = document.getElementById("xwikieditcontent"); + var swapDiv = document.getElementById("swapDiv"); + + //remove the editor + tinyMCE.execCommand('mceRemoveControl', false, 'content'); + + var auxdiv = document.createElement("div"); + document.body.appendChild(auxdiv); + moveChildren(parentswapDiv, auxdiv); + moveChildren(xwikidiv, parentswapDiv); + moveChildren(auxdiv, xwikidiv); + document.body.removeChild(auxdiv); + + //show the scrollbars + document.body.style.overflow="auto"; + // show the fullscreen button + document.getElementById("show-dialog-btn").style.display="block"; + + //put the editor back + window.setTimeout("tinyMCE.execCommand('mceAddControl', false, 'content')", 10); +} + + + + +//maximize or minimize the editing area +/////////////////////////////////////// +function wikiFullscreen() { + var flscrDiv = document.getElementById("fullscreen-dlg"); + setStyle(flscrDiv, "display", "block"); + + var parentswapDiv = document.getElementById("parentswapDiv"); + var swapDiv = document.getElementById("swapDiv"); + + if(parentswapDiv == null || parentswapDiv == undefined) { + parentswapDiv = document.createElement("div"); + parentswapDiv.setAttribute("id", "parentswapDiv"); + if(swapDiv == null || swapDiv == undefined) { + swapDiv = document.createElement("div"); + swapDiv.setAttribute("id", "swapDiv"); + } + + parentswapDiv.appendChild(swapDiv); + var flscrDivBdTab = document.getElementById("fullscreen-dlg-body-tab-wiki"); + flscrDivBdTab.appendChild(parentswapDiv); + } + + //swaps the swapDiv with xwikieditcontent + var xwikidiv = document.getElementById("xwikieditcontentinner"); + + var auxdiv = document.createElement("div"); + document.body.appendChild(auxdiv); + moveChildren(parentswapDiv, auxdiv); + moveChildren(xwikidiv, parentswapDiv); + moveChildren(auxdiv, xwikidiv); + document.body.removeChild(auxdiv); + + //hide scrollbars + document.body.style.overflow="hidden"; +} + +//hide dialog and restore the textarea +///////////////////////////////////// +function wikiHide() { + var flscrDiv = document.getElementById("fullscreen-dlg"); + setStyle(flscrDiv, "display", "none"); + + var parentswapDiv = document.getElementById("parentswapDiv"); + var xwikidiv = document.getElementById("xwikieditcontentinner"); + var swapDiv = document.getElementById("swapDiv"); + + var auxdiv = document.createElement("div"); + document.body.appendChild(auxdiv); + moveChildren(parentswapDiv, auxdiv); + moveChildren(xwikidiv, parentswapDiv); + moveChildren(auxdiv, xwikidiv); + document.body.removeChild(auxdiv); + + //show the scrollbars + document.body.style.overflow="auto"; +} Index: C:/Documents and Settings/Evelyne-Windows/workspace/xwikiFullscreen/xwiki-platform-web/standard/src/main/webapp/skins/albatross/fullscreenEdit.css =================================================================== --- C:/Documents and Settings/Evelyne-Windows/workspace/xwikiFullscreen/xwiki-platform-web/standard/src/main/webapp/skins/albatross/fullscreenEdit.css (revision 4867) +++ C:/Documents and Settings/Evelyne-Windows/workspace/xwikiFullscreen/xwiki-platform-web/standard/src/main/webapp/skins/albatross/fullscreenEdit.css (working copy) @@ -1,174 +1,187 @@ -#show-dialog-btn { - background: url(images/fullscreen/fullscreen22.gif) top right no-repeat; - width: 15px; - height: 15px; - cursor: pointer; - float:right; - top: 3px; - right: 20px; - position: absolute; - z-index: 12312; -} -#xwikieditcontent { - position: relative; -} -html > body #show-dialog-btn { - right: 1px; - top: 1px -} - -.leftmenu2 { - min-height: 15px; -} - -#fullscreen-dlg { - display:none; - position: absolute; - top:0px; - left:0px; - bottom: 0px; - right: 0px; - z-index:30000; - background-color: #ffd; - padding: 0px; - height: 100%; -} - -#fullscreen-dlg-head { - background: url(images/fullscreen/hd-sprite.gif) repeat-x 0px -82px; - background-color:navy; - color:#FFF; - font: bold 12px tahoma, verdana, helvetica, "sans serif"; - padding: 5px; - overflow: hidden; - white-space: nowrap; - width: 100%; -} - -#fullscreen-dlg-body { - background-color: #9cbbe9; - color: #fff; - width: 100%; - border:1px solid #6593cf; - border-top:0 none; - /*padding:10px;*/ - position: absolute; - top: 0px; - left: 0px; - bottom: 0px; - overflow:hidden; -} -* html #fullscreen-dlg-body { - height: 100%; - top: 0px; left: 0px; right: 0px; bottom: 0px; - position: relative; -} - -#fullscreen-dlg-body-tab { - background-color: #fff; - border:1px solid #6593cf; - position: absolute; - margin: 10px auto 0px; - left: 4px; - right: 4px; - bottom: 30px; - top: 20px; - text-align:center; -} -* html #fullscreen-dlg-body-tab { - width: 99%; - height: 85%; - top: 0px; left: 0.5%; right: 0px; bottom: 0px; - position: relative; -} - -#fullscreen-dlg-body-tab textarea { - position: absolute; - left: 3px; - right: 3px; - top: 20px; - bottom: 3px; - width: auto !important; - height: auto !important; -} -* html #fullscreen-dlg-body-tab textarea { - width: 99% !important; - height: 98% !important; - position: static; -} -#fullscreen-dlg-body-tab td { - text-align: center; -} - -#parentswapDiv iframe { - width: auto !important; - height: auto !important; - position: absolute; - left: 0px; - top: 27px; - right: 0px; - bottom: 0px; -} -* html #parentswapDiv iframe { - position: static; - height: 99.6% !important; - width: 100% !important; -} - -#parentswapDiv table { - width: 100% !important; - height: 100% !important; -} - -#parentswapDiv { - width: 100%; - height: 100%; - text-align: center; -} - -#swapDiv { - width: 100%; - height: 100%; -} - -.backBtn { - z-index: 30001; - position: absolute; - left: 5px; - bottom: 5px; - background: transparent url(images/fullscreen/button.gif) no-repeat; - width:75px; - height: 20px; - cursor: pointer; -} - -#closeBtn { - position: absolute; - top: 0px; right: 0px; - height:20px; - width:20px; - margin:0; - padding:0; - line-height:1px; - font-size:1px; - background-repeat:no-repeat; - cursor:pointer; - background: url(images/fullscreen/close.gif) center no-repeat; -} - -.btnText { - text-align: center; - font: 12px "sans serif", tahoma, verdana, helvetica; - color: #fff; - padding-top: 1px; -} - -.titleText { - float:left; - height:15px; - width:15px; - margin:0; - margin-left:2px; - padding:0; - cursor:default; +#show-dialog-btn { + background: url(images/fullscreen/fullscreen22.gif) top right no-repeat; + width: 15px; + height: 15px; + cursor: pointer; + float:right; + top: 3px; + right: 20px; + position: absolute; + z-index: 12312; +} +#xwikieditcontent { + position: relative; +} +html > body #show-dialog-btn { + right: 1px; + top: 1px; +} + +.leftmenu2 { + min-height: 15px; +} + +#fullscreen-dlg { + display:none; + position: absolute; + top:0px; + left:0px; + bottom: 0px; + right: 0px; + z-index:30000; + background-color: #ffd; + padding: 0px; + height: 100%; +} + +#fullscreen-dlg-head { + background: url(images/fullscreen/hd-sprite.gif) repeat-x 0px -82px; + background-color:navy; + color:#FFF; + font: bold 12px tahoma, verdana, helvetica, "sans serif"; + padding: 5px; + overflow: hidden; + white-space: nowrap; + width: 100%; +} + +#fullscreen-dlg-body { + background-color: #9cbbe9; + color: #fff; + width: 100%; + border:1px solid #6593cf; + border-top:0 none; + /*padding:10px;*/ + position: absolute; + top: 0px; + left: 0px; + bottom: 0px; + overflow:hidden; +} + +* html #fullscreen-dlg-body { + height: 100%; + top: 0px; left: 0px; right: 0px; bottom: 0px; + position: relative; +} + +#fullscreen-dlg-body-tab-wiki, #fullscreen-dlg-body-tab-wysiwyg { + background-color: #fff; + border:1px solid #6593cf; + position: absolute; + margin: 10px auto 0px; + left: 4px; + right: 4px; + bottom: 30px; + top: 20px; + text-align:center; +} + +* html #fullscreen-dlg-body-tab-wiki { + width: 99%; + height: 90%; + top: 0px; left: 0.5%; right: 0px; bottom: 0px; + position: relative; +} + +* html #fullscreen-dlg-body-tab-wysiwyg { + width: 99%; + height: 88%; + top: 0px; left: 0.5%; right: 0px; bottom: 0px; + position: relative; +} + +#fullscreen-dlg-body-tab-wiki textarea { + position: absolute; + left: 0px; + right: 0px; + top: 20px; + bottom: 0px; + width: 99.5% !important; + height: 95% !important; +} + +#fullscreen-dlg-body-tab-wysiwyg textarea { + position: absolute; + left: 0px; + right: 0px; + top: 20px; + bottom: 0px; + width: 99.5% !important; + height: 99% !important; +} + +* html #fullscreen-dlg-body-tab-wysiwyg textarea { + width: 100% !important; + height: 100% !important; + position: static; +} + +* html #fullscreen-dlg-body-tab-wiki textarea { + width: 100% !important; + height: 96.5% !important; + position: static; +} + +#fullscreen-dlg-body-tab-wysiwyg td, #fullscreen-dlg-body-tab-wiki td { + text-align: center; +} + +* html #parentswapDiv iframe { + position: static; + height: 99.6% !important; + width: 100% !important; +} + +#parentswapDiv { + width: 100%; + height: 100%; + text-align: center; +} + +#swapDiv { + width: 100%; + height: 100%; +} + +.backBtn { + z-index: 30001; + position: absolute; + left: 5px; + bottom: 5px; + background: transparent url(images/fullscreen/button.gif) no-repeat; + width:75px; + height: 20px; + cursor: pointer; +} + +#closeBtn { + position: absolute; + top: 0px; right: 0px; + height:20px; + width:20px; + margin:0; + padding:0; + line-height:1px; + font-size:1px; + background-repeat:no-repeat; + cursor:pointer; + background: url(images/fullscreen/close.gif) center no-repeat; +} + +.btnText { + text-align: center; + font: 12px "sans serif", tahoma, verdana, helvetica; + color: #fff; + padding-top: 1px; +} + +.titleText { + float:left; + height:15px; + width:15px; + margin:0; + margin-left:2px; + padding:0; + cursor:default; } \ No newline at end of file