/************************************************************************************************************ (C) www.dhtmlgoodies.com, January 2006 This is a CSS from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website. Terms of use: You are free to use this script as long as the copyright message is kept intact. However, you may not redistribute, sell or repost it without our permission. Thank you! www.dhtmlgoodies.com Alf Magne Kalleland ************************************************************************************************************/ html{ width:100%; overflow-x:hidden; } /* body{ font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; width:100%; margin:0px; padding:0px; background-color:#E2EBED; font-size:0.7em; overflow-x:hidden; } #mainContainer{ width:100%; margin:0 auto; text-align:left; background-color:#eeeeee; } */ h4{ margin:0px; } p{ margin-top:5px; } /* This is the box that is parent to the dragable items */ #dragableElementsParentBox{ padding:10px; /* Air */ } .smallArticle,.bigArticle{ float:left; border:1px solid #000; background-color:#DDD; padding:2px; margin-right:10px; margin-bottom:5px; } .smallArticle img,.bigArticle img{ float:left; padding:5px; } .smallArticle .rightImage,.bigArticle .rightImage{ float:right; } .smallArticle{ width:440px; } .bigArticle{ width:900px; } .clear{ clear:both; } /* END DEMO CSS */ /* REQUIRED CSS */ #rectangle{ float:left; border:1px dotted #F00; /* Red border */ background-color:#FFF; } #insertionMarker{ /* Don't change the rules for the insertionMarker */ width:6px; position:absolute; display:none; } #insertionMarker img{ /* Don't change the rules for the insertionMarker */ float:left; } #dragDropMoveLayer{ /* Dragable layer - Not need if you're using 'rectangle' mode */ position:absolute; display:none; border:1px solid #000; filter:alpha(opacity=50); /* 50% opacity , i.e. transparency */ opacity:0.5; /* 50% opacity , i.e. transparency */ } /* ********************************************************* */ .dragableBox{ /* The RSS box */ border:1px solid #317082; background-color:#FFF; margin:5px; } .dragableBoxHeader{ /* Header inside RSS box */ background-color:#E2EBED; height:20px; font-weight:bold; color: #317082; } .dragableBoxHeader span{ /* Text inside header of RSS box */ line-heigth:20px; } .dragableBoxHeader img,.dragableBoxHeader span{ /* Text and reload image inside RSS box */ float:left; } .boxItemHeader{ /* Title of items inside dragable boxes */ font-weight:bold; margin:0px; color:#000; text-decoration:none; overflow:hidden; } .boxItemHeader:hover{ /* Title of items inside dragable boxes - mouseover*/ font-weight:bold; margin:0px; color:#F00; text-decoration:underline; } .dragableBoxHeader input{ /* text inputs that gets visible when you click on the "edit" link at the top of a rss box */ font-size:10px; } .rssNumberOfItems{ /* Number of RSS items in header - the one inside parantheses */ color:#F00; } .dragableBoxContent{ /* DIV holding data inside dragable boxes */ padding:3px; clear:both; } #rectangleDiv{ /* Dotted rectangle indicating where objects will be dropped */ border:1px dotted red; margin:5px; } .closeButton{ /* Close button */ padding:2px; border:1px solid #317082; line-height:9px; height:9px; margin:2px; color:#317082; padding:2px; padding-bottom:3px; } .closeButton_over{ /* Close button - mouse over */ padding:2px; border:1px solid #317082; line-height:9px; padding:2px; padding-bottom:3px; margin:2px; background-color:#317082; color:#FFF; } .dragableBoxStatusBar{ /* Status bar at the bottom of rss boxes */ border-top:3px double #317082; height:14px; background-color:#E2EBED; padding:2px; } .dragableBoxEditLink{ /* Edit link on top of a box */ color:#317082; text-decoration:none; padding-top:1px; } .dragableBoxEditLink:hover{ /* Edit link - mouse over */ color:red; text-decoration:underline; } form{ /* No borders in forms */ display:inline; } #addNewFeed{ /* The white box at the top right corner where you can add a new RSS feed */ float:right; width:300px; background-color:#FFF; border:2px solid #317082; padding:2px; margin-right:2px; margin-top:2px; } /* END REQUIRED CSS */