scripts/m3/widget.css

   1 /**
   2  * ページ編集画面用CSS
   3  *
   4  * LICENSE: This source file is licensed under the terms of the GNU General Public License.
   5  *
   6  * @package    Magic3 Framework
   7  * @author     平田直毅(Naoki Hirata) <naoki@aplo.co.jp>
   8  * @copyright  Copyright 2006-2011 Magic3 Project.
   9  * @license    http://www.gnu.org/copyleft/gpl.html  GPL License
  10  * @version    SVN: $Id: edit.css 4442 2011-11-10 13:35:21Z fishbone $
  11  * @link       http://www.magic3.org
  12  */
  13 img {
  14     border: none;
  15 }
  16 /*.clear { clear:both; font-size:1px; line-height:1px; }*/
  17
  18 /* position block div for widget */
  19 .m3_widgetpos_box {
  20         background-color:#FFF;
  21         border:1px solid #555;
  22         color:#222;
  23 /*      margin:0 15px 15px 0;*/
  24         margin:0;
  25 /*      padding:0 10px 0;*/
  26         padding:0 0 10px;
  27 /*      width:90%;*/
  28         text-align:left;
  29         font:11px/1.5 Arial, sans-serif;
  30 }
  31 .m3_widgetpos_box h2.m3_widgetpos_box_title {
  32         background-color:#555;
  33         border-top:3px solid #666;
  34         color:#FFF;
  35 /*      margin:0 -10px 10px;*/
  36         margin:0 0 10px 0;
  37         padding:0 10px;
  38         font-size:12px;
  39         font-weight:bold;
  40         line-height:2;
  41         font-family:Arial, sans-serif;
  42 }
  43
  44 /* widget list window */
  45 #m3_widget_window {
  46         text-align:left;
  47         font:11px/1.5 Arial, sans-serif;
  48         position:fixed;
  49         width:250px;
  50         top:105px;
  51         left:0;
  52         z-index:1000;
  53 }
  54
  55 /* widget listing */
  56 .m3_widgetlist_box {
  57         background-color:#FFF;
  58         border:1px solid #555;
  59         color:#222;
  60 /*      margin:0 15px 15px 0;*/
  61         margin:0;
  62 /*      padding:0 10px 0;*/
  63         padding:0 0 10px;
  64 /*      width:90%;*/
  65         text-align:left;
  66         font:11px/1.5 Arial, sans-serif;
  67 }
  68 #m3_widgetlist_inner {
  69         overflow-y: scroll;
  70         height: 500px;
  71 }
  72
  73 /* widget placed in posion block */
  74 dl.m3_widget_sortable {
  75         color:#222;
  76         margin:10px 10px 0 10px;
  77         border:1px solid #555;
  78 }
  79 /*dl.m3_widget_sortable dt {*/
  80 dt.m3_widget_with_check_box {
  81         /*background-color:#666;*/
  82         background-color:#5BE35B;
  83         color:#FFF;
  84         font-weight: normal;
  85 /*      cursor:move;*/
  86         height:2em;
  87         line-height:2;
  88         margin: 0;
  89         padding:0 6px;
  90         position:relative;
  91 }
  92 dt.m3_widget_shared {
  93         background-color:#E51919;
  94 }
  95 dl.m3_widget_sortable dd {
  96         background-color:#FFF;
  97         margin:0;
  98         padding:3px 6px;
  99 }
 100
 101 /* widget in dragging */
 102 .ui-sortable-helper {
 103         text-align:left;
 104         font:11px/1.5 Arial, sans-serif;
 105 }
 106
 107 /* widget in list */
 108 dl.m3_widgetlist_item {
 109         color:#222;
 110         margin:10px 10px 0 10px;
 111         border:1px solid #555;
 112         width:200px;
 113         text-align:left;
 114         font:11px/1.5 Arial, sans-serif;
 115         z-index:1001;           /* front of m3_widget_window */
 116 }
 117 dl.m3_widgetlist_item dt {
 118 /*      cursor:pointer;*/
 119         /*background-color:#666;*/
 120         background-color:#FF9933;
 121         color:#FFF;
 122         font-weight: normal;
 123         height:2em;
 124         line-height:2;
 125         margin: 0;
 126         padding:0 6px;
 127         /*position:relative;*/
 128 }
 129 dl.m3_widgetlist_item dd {
 130         background-color:#FFF;
 131         margin:0;
 132         padding:3px 6px;
 133 }
 134
 135 /*.placeholder { border:1px dashed #AAA; }*/
 136
 137 /*
 138 .ui-sortable h2 span.options { right:10px; top:8px; width:30px; }
 139 .ui-sortable h2 span.options a { height:12px; width:30px; }*/
 140
 141 /* widget close box */
 142 dl.m3_widget_sortable dt span.options {
 143 /*      cursor:default;*/
 144         font-size:1px;
 145         line-height:1px;
 146         position:absolute;
 147         right:5px;
 148         top:5px;
 149         width:12px;
 150 }
 151 dl.m3_widget_sortable dt span.options a {
 152         background-color:#FFF;
 153 /*      cursor:pointer;*/
 154         display:block;
 155         float:left;
 156         text-indent:-9000px;
 157         height:12px;
 158         width:12px;
 159 }
 160 .m3_spacer {
 161         height:50px;
 162         border:2px dashed #AAA;
 163         margin: 5px 10px;
 164 }
 165
 166 /* 編集終了アイコン */
 167 .m3editend {
 168         position:fixed;
 169         top:0;
 170         right:0;
 171         margin:5px;
 172         padding:0;
 173         width:64px;
 174         height:64px;
 175         z-index:2147483647;
 176 }