3c686fe9d385b2548f78c003add1d8556019ebd3
[ckeditor.git] / _source / skins / v2 / templates.css
1 /*
2 Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
3 For licensing, see LICENSE.html or http://ckeditor.com/license
4 */
5
6 /**
7 * Styles for the "templates" plugin.
8 */
9
10 .cke_skin_v2 .cke_tpl_list
11 {
12 border: #dcdcdc 2px solid;
13 background-color: #ffffff;
14 overflow: auto;
15 width: 100%;
16 height: 220px;
17 }
18
19 .cke_skin_v2 .cke_tpl_item
20 {
21 margin: 5px;
22 padding: 7px;
23 border: #eeeeee 1px solid;
24 *width: 88%;
25 }
26
27 .cke_skin_v2 .cke_tpl_preview
28 {
29 border-collapse: separate;
30 text-indent:0;
31 width: 100%;
32 }
33 .cke_skin_v2 .cke_tpl_preview td
34 {
35 padding: 2px;
36 vertical-align: middle;
37 }
38 .cke_skin_v2 .cke_tpl_preview .cke_tpl_preview_img
39 {
40 width: 100px;
41 }
42 .cke_skin_v2 .cke_tpl_preview span
43 {
44 white-space: normal;
45 }
46
47 .cke_skin_v2 .cke_tpl_title
48 {
49 font-weight: bold;
50 }
51
52 .cke_skin_v2 .cke_tpl_list a:active .cke_tpl_item,
53 .cke_skin_v2 .cke_tpl_list a:hover .cke_tpl_item,
54 .cke_skin_v2 .cke_tpl_list a:focus .cke_tpl_item
55 {
56 border: #ff9933 1px solid !important;
57 background-color: #fffacd !important;
58 }
59
60 .cke_skin_v2 .cke_tpl_list a:active *,
61 .cke_skin_v2 .cke_tpl_list a:hover *,
62 .cke_skin_v2 .cke_tpl_list a:focus *
63 {
64 cursor: pointer;
65 }
66
67 /* IE6 contextual selectors childs won't get :hover transition until,
68 the hover style of the link itself contains certain CSS declarations.*/
69 .cke_skin_v2 .cke_browser_ie6 .cke_tpl_list a:active,
70 .cke_skin_v2 .cke_browser_ie6 .cke_tpl_list a:hover,
71 .cke_skin_v2 .cke_browser_ie6 .cke_tpl_list a:focus
72 {
73 background-position: 0 0;
74 }
75
76 .cke_skin_v2 .cke_tpl_list a:active .cke_tpl_item,
77 .cke_skin_v2 .cke_tpl_list a:hover .cke_tpl_item,
78 .cke_skin_v2 .cke_tpl_list a:focus .cke_tpl_item
79 {
80 border-width: 3px;
81 }
82
83 .cke_skin_v2 .cke_tpl_empty, .cke_tpl_loading
84 {
85 text-align: center;
86 padding: 5px;
87 }