body { background: #aaa; background: -moz-linear-gradient(left top, #666, #ccc, #333); background:-webkit-gradient(linear, left center, right center, from(#666666), to(#333333), color-stop(.5,#CCCCCC)) repeat; background:linear-gradient(left top, #666, #ccc, #333); /* background: -moz-linear-gradient(left top, #ABAE71, #CDD535, #F4F6C7); background: -webkit-gradient(radial, 45px 45px 45deg, circle cover, #ABAE71 0%, #CDD53F 100%, #F4F6C7 95%); */ font-family: Helvetica, sans-serif; } p { /* line-height: 1; */ padding: 0px; margin: 0px; } #ajaxBusy { position: fixed; top: 16px; right: 24px; width: 6px; height: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 10px; background: #0f0; } #wrapper { width: 100%; height: 100%; } .canvas { position: relative; width: 861px; height: 1230px; font-size: 12px; margin: 25px; margin-bottom:80px; background: #fff; } .newTextBox { background-color:grey; border-style:solid; border-width:1px; height:13px; width:78px; font-size: 11px; float: left; padding: 10px; cursor: move; margin-left: 7px; } .arabic { direction: rtl; } .ruler_horiz { position: relative; top: 50%; width: 100%; height: 1px; z-index: 10000; background: #0f0; } .ruler_vert { position: relative; left: 50%; height: 100%; background: #0f0; width: 1px; z-index: 10000; } .page_btns { position: absolute; top: -20px; right: 5px; } .page_btn { float: left; height: 20px; font-size: 13px; color: #934009; border-top: 1px; border-left: 1px; border-right: 1px; border-style: dotted; border-color: #666; border-bottom: 0px; cursor: pointer; z-index: 10; margin-left: 10px; background: #D0CDFF; background: -moz-linear-gradient(top, #B9D7B8, #fff); background: -webkit-gradient(linear, 0% 18%, 0% 100%, from(#B9D7B8), to(#FFFFFF), color-stop(.5,#FFFFFF)); background: linear-gradient(top, #B9D7B8, #fff); padding-bottom: 5px; padding-left: 3px; padding-right: 3px; } .page_btn:hover { background: #e5aeff; background: -moz-linear-gradient(top, #e5aeff, #fff); background: -webkit-gradient(linear, 0% 18%, 0% 100%, from(#e5aeff), to(#FFFFFF), color-stop(.5,#FFFFFF)); background: -webkit-gradient(linear, 0% 18%, 0% 100%, from(#e5aeff), to(#FFFFFF), color-stop(.5,#FFFFFF)); background: linear-gradient(top, #e5aeff, #fff); } .printMe { } .audio_video { width: 100%; height: 30px; bottom: -40px; margin-top: -100px; position: absolute; } .media_icon { float:right; margin-left:5px; } .handle_horiz_left { left: -10px; width: 10px; height: 16px; margin-top: -8px; } .handle_horiz_right { right: -10px; width: 10px; height: 16px; margin-top: -8px; } .handle { position: absolute; background: #666; cursor: move; opacity: 0.6; } .handle_vert_top { margin-left: -8px; top: -10px; height: 10px; width: 16px; } .handle_vert_bottom { margin-left: -8px; bottom: -10px; height: 10px; width: 16px; } .placeholder { font-size: 11px; color: #808080; font-style: italic; } .navControls { font-size:11px; width: 100%; height: 30px; margin-top: 4px; font-weight: bold; position: relative; text-align: center; /* margin-left: -10px; */ } #bin { border-style:solid; border-width:1px; left: 850px; top: 20px; width: 224px; height: 90%; position:fixed; } .box { height: 100px; width: 100px; position: absolute; } #searchCat { margin-left: auto; margin-right: auto; padding-top:10px; height:30px; } .searchBin { margin-top:5px; font-size: 11px; } #addElements a { color:white; text-decoration:none; } .nextPage { display: block; position: absolute; right: 4px; } .prevPage { display: block; position: absolute; left: 4px; } .binSelect { width: 45%; font-size: 12px; margin-left: 2px; } #addElements { /* background-color:lightgrey; */ padding-left:0px; padding-top:15px; height:60px; /* background-color:grey; */ color:white; } .addTextBoxWrapper { width: 250px; margin-left: auto; margin-right: auto; } .addTextBoxWrapper .english { } .resource { float:left; position: relative; } .resource img { border-style:solid; border-width:1px; height:100px; width:100px; margin-left:7px; margin-top:7px; background-color:lightgrey; } .resourceMenu { position: absolute; top: 0px; right: 0px; background: #ccc; opacity: 0.8; padding: 0px; } .resourceMenu ul { list-style: none; padding: 0px; } .resourceMenu ul li { padding: 0px; list-style: none; font-size: 11px; cursor: pointer; } .resourceDescription { font-size: 9px; color: #666; font-weight: italic; } .binResources { padding-top: 20px; } .textbox_canvas_toolbox a { color:white; text-decoration:none; } .textbox_canvas { width:100%; height:100%; } .imagebox_canvas { } .textbox_canvas_content { height:100%; } .textbox_canvas_content { margin-top:0px; } .textbox_canvas_text { margin-top:0px; } .textbox_canvas_text * { margin-top: 0px; } .save_text{ margin-top:30px; display:none; } .properties { position:absolute; background-color:lightgrey; width:100px; padding:5px; border-style:dotted; border-width:1px; margin:0px; opacity:1; z-index:999999; font-size:13px; } .imagebox_crop { position:absolute; background-color:lightgrey; width:100px; padding:5px; border-style:dotted; border-width:1px; margin:0px; opacity:1; z-index:999999; font-size:13px; } #historyWindow { display: none; position: fixed; top: 20px; right: 0px; width: 180px; padding: 6px; border: 1px solid #000; } .historyItem { margin-bottom: 6px; background-color: #D3D79A; } .historyUser { cursor: pointer; }