web/wp-admin/css/widgets.dev.css
branchwordpress
changeset 132 4d4862461b8d
equal deleted inserted replaced
131:a4642baaf829 132:4d4862461b8d
       
     1 html,
       
     2 body {
       
     3 	min-width: 950px;
       
     4 }
       
     5 
       
     6 /* 2 column liquid layout */
       
     7 div.widget-liquid-left {
       
     8 	float: left;
       
     9 	clear: left;
       
    10 	width: 100%;
       
    11 	margin-right: -325px;
       
    12 }
       
    13 
       
    14 div#widgets-left {
       
    15 	margin-left: 5px;
       
    16 	margin-right: 325px;
       
    17 }
       
    18 
       
    19 div#widgets-right {
       
    20 	width: 285px;
       
    21 	margin: 0 auto;
       
    22 }
       
    23 
       
    24 div.widget-liquid-right {
       
    25 	float: right;
       
    26 	clear: right;
       
    27 	width: 300px;
       
    28 }
       
    29 
       
    30 .widget-liquid-right .widget,
       
    31 #wp_inactive_widgets .widget,
       
    32 .widget-liquid-right .sidebar-description {
       
    33 	width: 250px;
       
    34 	margin: 0 auto 20px;
       
    35 	overflow: hidden;
       
    36 }
       
    37 
       
    38 .widget-liquid-right .sidebar-description {
       
    39 	margin-bottom: 10px;
       
    40 }
       
    41 
       
    42 #wp_inactive_widgets .widget {
       
    43 	margin: 0 10px 20px;
       
    44 	float: left;
       
    45 }
       
    46 
       
    47 div.sidebar-name h3 {
       
    48 	margin: 0;
       
    49 	padding: 5px 12px;
       
    50 	font-size: 13px;
       
    51 	height: 19px;
       
    52 	overflow: hidden;
       
    53 	white-space: nowrap;
       
    54 }
       
    55 
       
    56 div.sidebar-name {
       
    57 	background-repeat: repeat-x;
       
    58 	background-position: 0 0;
       
    59 	cursor: pointer;
       
    60 	font-size: 13px;
       
    61 	border-width: 1px;
       
    62 	border-style: solid;
       
    63 	-moz-border-radius-topleft: 8px;
       
    64 	-moz-border-radius-topright: 8px;
       
    65 	-webkit-border-top-right-radius: 8px;
       
    66 	-webkit-border-top-left-radius: 8px;
       
    67 	-khtml-border-top-right-radius: 8px;
       
    68 	-khtml-border-top-left-radius: 8px;
       
    69 	border-top-right-radius: 8px;
       
    70 	border-top-left-radius: 8px;
       
    71 }
       
    72 
       
    73 .js .closed .sidebar-name {
       
    74 	-moz-border-radius-bottomleft: 8px;
       
    75 	-moz-border-radius-bottomright: 8px;
       
    76 	-webkit-border-bottom-right-radius: 8px;
       
    77 	-webkit-border-bottom-left-radius: 8px;
       
    78 	-khtml-border-bottom-right-radius: 8px;
       
    79 	-khtml-border-bottom-left-radius: 8px;
       
    80 	border-bottom-right-radius: 8px;
       
    81 	border-bottom-left-radius: 8px;
       
    82 }
       
    83 
       
    84 .widget-liquid-right .widgets-sortables,
       
    85 #widgets-left .widget-holder {
       
    86 	border-width: 0 1px 1px;
       
    87 	border-style: none solid solid;
       
    88     -moz-border-radius-bottomleft: 8px;
       
    89 	-moz-border-radius-bottomright: 8px;
       
    90 	-webkit-border-bottom-right-radius: 8px;
       
    91 	-webkit-border-bottom-left-radius: 8px;
       
    92 	-khtml-border-bottom-right-radius: 8px;
       
    93 	-khtml-border-bottom-left-radius: 8px;
       
    94 	border-bottom-right-radius: 8px;
       
    95 	border-bottom-left-radius: 8px;
       
    96 }
       
    97 
       
    98 .js .closed .widgets-sortables,
       
    99 .js .closed .widget-holder {
       
   100 	display: none;
       
   101 }
       
   102 
       
   103 .widget-liquid-right .widgets-sortables {
       
   104 	padding: 15px 0 0;
       
   105 }
       
   106 
       
   107 #available-widgets .widget-holder {
       
   108 	padding: 7px 5px 0;
       
   109 }
       
   110 
       
   111 #wp_inactive_widgets {
       
   112 	padding: 5px 5px 0;
       
   113 }
       
   114 
       
   115 #widget-list .widget {
       
   116 	width: 250px;
       
   117 	margin: 0 10px 15px;
       
   118 	border: 0 none;
       
   119 	float: left;
       
   120 }
       
   121 
       
   122 #widget-list .widget-description {
       
   123 	padding: 5px 8px;
       
   124 }
       
   125 
       
   126 #widget-list .widget-top {
       
   127 	border-width: 1px;
       
   128 	border-style: solid;
       
   129 	-moz-border-radius: 6px;
       
   130 	-khtml-border-radius: 6px;
       
   131 	-webkit-border-radius: 6px;
       
   132 	border-radius: 6px;
       
   133 }
       
   134 
       
   135 .widget-placeholder {
       
   136 	border-width: 1px;
       
   137 	border-style: dashed;
       
   138 	margin: 0 auto 20px;
       
   139 	height: 26px;
       
   140 	width: 250px;
       
   141 }
       
   142 
       
   143 #wp_inactive_widgets .widget-placeholder {
       
   144 	margin: 0 10px 20px;
       
   145 	float: left;
       
   146 }
       
   147 
       
   148 div.widgets-holder-wrap {
       
   149 	padding: 0;
       
   150 	margin: 10px 0 20px;
       
   151 }
       
   152 
       
   153 #widgets-left #available-widgets {
       
   154     background-color: transparent;
       
   155     border: 0 none;
       
   156 }
       
   157 
       
   158 ul#widget-list {
       
   159 	list-style: none;
       
   160 	margin: 0;
       
   161 	padding: 0;
       
   162 	min-height: 100px;
       
   163 }
       
   164 
       
   165 .widget .widget-top {
       
   166 	font-size: 12px;
       
   167 	font-weight: bold;
       
   168 	height: 26px;
       
   169 	overflow: hidden;
       
   170 }
       
   171 
       
   172 .widget-top .widget-title {
       
   173 	padding: 5px 9px;
       
   174 }
       
   175 
       
   176 .widget-top .widget-title-action {
       
   177 	float: right;
       
   178 }
       
   179 
       
   180 a.widget-action {
       
   181     display: block;
       
   182     width: 24px;
       
   183     height: 26px;
       
   184 }
       
   185 
       
   186 #available-widgets a.widget-action {
       
   187 	display: none;
       
   188 }
       
   189 
       
   190 .widget-top a.widget-action {
       
   191     background: url("../images/menu-bits.gif") no-repeat scroll 0 -110px;
       
   192 }
       
   193 
       
   194 .widget .widget-inside,
       
   195 .widget .widget-description {
       
   196 	padding: 12px 12px 10px;
       
   197 	font-size: 11px;
       
   198 	line-height: 16px;
       
   199 }
       
   200 
       
   201 .widget-inside,
       
   202 .widget-description {
       
   203 	display: none;
       
   204 }
       
   205 
       
   206 #available-widgets .widget-description {
       
   207 	display: block;
       
   208 }
       
   209 
       
   210 .widget .widget-inside p {
       
   211 	margin: 0 0 1em;
       
   212 	padding: 0;
       
   213 }
       
   214 
       
   215 .widget-title h4 {
       
   216 	margin: 0;
       
   217 	line-height: 1.3;
       
   218 	overflow: hidden;
       
   219 	white-space: nowrap;
       
   220 }
       
   221 
       
   222 .widgets-sortables {
       
   223     min-height: 90px;
       
   224 }
       
   225 
       
   226 .widget-control-actions {
       
   227     margin-top: 8px;
       
   228 }
       
   229 
       
   230 .widget-control-actions a {
       
   231 	text-decoration: none;
       
   232 }
       
   233 
       
   234 .widget-control-actions a:hover {
       
   235 	text-decoration: underline;
       
   236 }
       
   237 
       
   238 .widget-control-actions .ajax-feedback {
       
   239 	padding-bottom: 3px;
       
   240 }
       
   241 
       
   242 .widget-control-actions div.alignleft {
       
   243 	margin-top: 6px;
       
   244 }
       
   245 
       
   246 div#sidebar-info {
       
   247 	padding: 0 1em;
       
   248 	margin-bottom: 1em;
       
   249 	font-size: 11px;
       
   250 }
       
   251 
       
   252 .widget-title a,
       
   253 .widget-title a:hover {
       
   254 	text-decoration: none;
       
   255 	border-bottom: none;
       
   256 }
       
   257 
       
   258 .widget-control-edit {
       
   259 	display: block;
       
   260 	font-size: 11px;
       
   261 	font-weight: normal;
       
   262 	line-height: 26px;
       
   263 	padding: 0 8px 0 0;
       
   264 }
       
   265 
       
   266 a.widget-control-edit {
       
   267 	text-decoration: none;
       
   268 }
       
   269 
       
   270 .widget-control-edit .add,
       
   271 .widget-control-edit .edit {
       
   272 	display: none;
       
   273 }
       
   274 
       
   275 #available-widgets .widget-control-edit .add,
       
   276 #widgets-right .widget-control-edit .edit,
       
   277 #wp_inactive_widgets .widget-control-edit .edit {
       
   278 	display: inline;
       
   279 }
       
   280 
       
   281 .editwidget {
       
   282 	margin: 0 auto 15px;
       
   283 }
       
   284 
       
   285 .editwidget .widget-inside {
       
   286 	display: block;
       
   287 	border-width: 1px;
       
   288 	border-style: solid;
       
   289 	padding: 10px;
       
   290 	-moz-border-radius: 6px;
       
   291 	-khtml-border-radius: 6px;
       
   292 	-webkit-border-radius: 6px;
       
   293 	border-radius: 6px;
       
   294 }
       
   295 
       
   296 .inactive p.description {
       
   297 	margin: 5px 15px 8px;
       
   298 }
       
   299 
       
   300 #available-widgets p.description {
       
   301 	margin: 0 12px 12px;
       
   302 }
       
   303 
       
   304 .widget-position {
       
   305 	margin-top: 8px;
       
   306 }
       
   307 
       
   308 .inactive {
       
   309 	padding-top: 2px;
       
   310 }
       
   311 
       
   312 .sidebar-name-arrow {
       
   313 	float: right;
       
   314 	height: 29px;
       
   315 	width: 26px;
       
   316 }
       
   317 
       
   318 .widget-title .in-widget-title {
       
   319 	font-size: 11px;
       
   320 	white-space: nowrap;
       
   321 }
       
   322 
       
   323 #removing-widget {
       
   324 	display: none;
       
   325 	font-weight: normal;
       
   326 	padding-left: 15px;
       
   327 	font-size: 12px;
       
   328 }
       
   329 
       
   330 .widget-control-noform,
       
   331 #access-off,
       
   332 .widgets_access .widget-action,
       
   333 .widgets_access .sidebar-name-arrow,
       
   334 .widgets_access #access-on,
       
   335 .widgets_access .widget-holder .description {
       
   336 	display: none;
       
   337 }
       
   338 
       
   339 .widgets_access .widget-holder,
       
   340 .widgets_access #widget-list {
       
   341 	padding-top: 10px;
       
   342 }
       
   343 
       
   344 .widgets_access #access-off {
       
   345 	display: inline;
       
   346 }
       
   347 
       
   348 .widgets_access #wpbody-content .widget-title-action,
       
   349 .widgets_access #wpbody-content .widget-control-edit,
       
   350 .widgets_access .closed .widgets-sortables,
       
   351 .widgets_access .closed .widget-holder {
       
   352 	display: block;
       
   353 }
       
   354 
       
   355 .widgets_access .closed .sidebar-name {
       
   356 	-moz-border-radius-bottomleft: 0;
       
   357 	-moz-border-radius-bottomright: 0;
       
   358 	-webkit-border-bottom-right-radius: 0;
       
   359 	-webkit-border-bottom-left-radius: 0;
       
   360 	-khtml-border-bottom-right-radius: 0;
       
   361 	-khtml-border-bottom-left-radius: 0;
       
   362 	border-bottom-right-radius: 0;
       
   363 	border-bottom-left-radius: 0;
       
   364 }
       
   365 
       
   366 .widgets_access .sidebar-name,
       
   367 .widgets_access .widget .widget-top {
       
   368 	cursor: default;
       
   369 }
       
   370