jQuery实现拖拽可编辑模块功能代码(2)

/* Reset */ body,img,p,h1,h2,h3,h4,h5,h6,ul,ol {margin:0; padding:0; list-style:none; border:none;} /* End Reset */ body {font-size:0.8em; font-family:Arial,Verdana,Sans-Serif; background: #fff;} a {color:white;} /* Colors */ .color-yellow {background:#f2bc00;} .color-red {background:#dd0000;} .color-blue {background:#148ea4;} .color-white {background:#dfdfdf;} .color-orange {background:#f66e00;} .color-green {background:#8dc100;} .color-yellow h3, .color-white h3, .color-green h3 {color:#000;} .color-red h3, .color-blue h3, .color-orange h3 {color:#FFF;} /* End Colors */ /* Head section */ #head { background: #fff url(img/head-bg.png) repeat-x; height: 100px; } #head h1 { line-height: 100px; color: #FFF; text-align: center; background: url(img/inettuts.png) no-repeat center; text-indent: -9999em } /* End Head Section */ /* Columns section */ #columns .column { float: left; width: 33.3%; /* Min-height: */ min-height: 400px; height: auto !important; height: 400px; } #columns .column-dingzh { float: left; width: 33.3%; /* Min-height: */ min-height: 400px; height: auto !important; height: 400px; } /* Column dividers (background-images) : */ #columns #column1 { background: url(img/column-bg-left.png) no-repeat right top; } #columns #column3 { background: url(img/column-bg-right.png) no-repeat left top; } #columns #column1 .widget { margin: 30px 35px 0 25px; } #columns #column3 .widget { margin: 30px 25px 0 35px; } #columns .widget { margin: 30px 20px 0 20px; padding: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #columns .widget .widget-head { color: #fff; overflow: hidden; width: 100%; height: 30px; line-height: 30px; } #columns .widget .widget-head h3 { padding: 0 5px; float: left; } #columns .widget .widget-content { background: #333 url(img/widget-content-bg.png) repeat-x; padding: 0 5px; color: #DDD; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; line-height: 1.2em; overflow: hidden; } #columns .widget .widget-content p { padding: 0.8em 0; border-bottom: 1px solid #666; } #columns .widget .widget-content img { float: right; margin: 10px; border: 1px solid #FFF; } #columns .widget .widget-content pre { padding: 0.5em 5px; color: #EEE; font-size: 12px; } #columns .widget .widget-content ul { padding: 5px 0 5px 20px; list-style: disc; } #columns .widget .widget-content ul li {padding: 3px 0;} #columns .widget .widget-content ul.images { padding: 7px 0 0 0; list-style: none; height: 1%; } #columns .widget .widget-content ul.images li { display: inline; float: left; } #columns .widget .widget-content ul.images img { display: inline; float: left; margin: 0 0 7px 7px; } /* End Columns section */

inettuts.js.css

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wwdszg.html