123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125 |
- /*
- Darko Bunic
- http://www.redips.net/
- Jun, 2011.
- */
- body {
- font-family: arial;
- margin: 0px; /* for IE6 / IE7 */
- }
- /* add bottom margin between tables */
- #table1,
- #table2 {
- margin-bottom: 20px;
- }
- /* drag container */
- #drag {
- margin: auto;
- }
- /* set border for images inside DRAG region - exclude image margin inheritance */
- /* my WordPress theme had some funny margin settings */
- #drag img {
- margin: 1px;
- }
- /* drag objects (DIV inside table cells) */
- .drag {
- cursor: move;
- margin: auto;
- margin-bottom: 1px;
- margin-top: 1px;
- z-index: 10;
- background-color: white;
- color: #000000;
- text-align: center;
- font-size: 10pt; /* needed for cloned object */
- width: 70px;
- height: 20px;
- line-height: 20px;
- /* round corners */
- border-radius: 4px; /* Opera, Chrome */
- -moz-border-radius: 4px; /* FF */
- }
- /* drag objects border for the first table */
- .t1 {
- border: 2px solid #499B33;
- }
- /* drag object border for the second table */
- .t2 {
- border: 2px solid SteelBlue;
- }
- /* cloned objects - third table */
- .t3 {
- border: 2px solid #FF8A58;
- }
- /* allow / deny access to cells marked with 'mark' class name */
- .mark {
- color: white;
- background-color: #9B9EA2;
- }
- /* trash cell */
- .trash {
- color: white;
- background-color: #2D4B7A;
- }
- /* tables */
- div#drag table {
- background-color: #e0e0e0;
- border-collapse: collapse;
- }
- /* input elements in dragging container */
- div#drag input {
- cursor: auto;
- }
- /* height for input text in DIV element */
- div#drag #d13 input {
- height: 13px;
- }
- /* height for dropdown menu in DIV element */
- div#drag #d5 select {
- height: 20px;
- }
- /* table cells */
- div#drag td {
- height: 32px;
- border: 1px solid #ACD6FF;
- text-align: center;
- font-size: 10pt;
- }
- /* "Click" button */
- .button {
- margin-bottom: 2px;
- background-color: #6A93D4;
- color: white;
- border-width: 1px;
- width: 44px;
- padding: 0px;
- }
- /* toggle checkboxes at the bottom */
- .checkbox {
- margin-left: 13px;
- margin-right: 14px;
- width: 13px; /* needed for IE ?! */
- }
- /* message cell */
- .message_line {
- padding-left: 10px;
- margin-bottom: 3px;
- font-size: 10pt;
- color: #888;
- }
|