source: extensions/charlies_content/charlies.css @ 6360

Last change on this file since 6360 was 6360, checked in by vdigital, 14 years ago

Admin page design review mainly for the "clear" theme
Code review

  • Property svn:eol-style set to LF
  • Property svn:keywords set to Author Date Id Revision
File size: 10.3 KB
Line 
1#player 
2{
3        background-color: transparent;
4}
5#embedplayer 
6{
7        background-color: transparent;
8}
9#theImage { 
10        padding-top:5px;
11}
12#theImage #charlie {
13        margin:0px auto 5px auto;
14        padding: 0; background-color: transparent;
15        border: 0;
16        border-color: #cccccc #aaaaaa #666666 #aaaaaa; border-style: ridge;
17}
18#theImage #charlie .none_1 { /* none */ }
19#theImage #charlie .none_2 { /* none */ }
20#theImage #charlie .png1_1 { background: transparent url(curtains/_1_left.png) repeat-y scroll top left; }
21#theImage #charlie .png1_2 { background: transparent url(curtains/_1_right.png) repeat-y scroll top right; }
22#theImage #charlie .png2_1 { background: transparent url(curtains/_1_right.png) repeat-y scroll top left; }
23#theImage #charlie .png2_2 { background: transparent url(curtains/_1_left.png) repeat-y scroll top right; }
24#theImage #charlie .png3_1 { background: transparent url(curtains/_2_left.png) repeat-y scroll top left; }
25#theImage #charlie .png3_2 { background: transparent url(curtains/_2_right.png) repeat-y scroll top right; }
26#theImage #charlie .png4_1 { background: transparent url(curtains/_2_left.png) repeat-y scroll top left; }
27#theImage #charlie .png4_2 { background: transparent url(curtains/_2_left.png) repeat-y scroll top right; }
28#theImage #charlie .png5_1 { background: transparent url(curtains/_2_right.png) repeat-y scroll top left; }
29#theImage #charlie .png5_2 { background: transparent url(curtains/_2_right.png) repeat-y scroll top right; }
30#theImage #charlie .png6_1 { background: transparent url(curtains/_2_right.png) repeat-y scroll top left; }
31#theImage #charlie .png6_2 { background: transparent url(curtains/_2_left.png) repeat-y scroll top right; }
32#theImage #charlie .png7_1 { background: transparent url(curtains/_2_left_m.png) repeat-y scroll top left; }
33#theImage #charlie .png7_2 { background: transparent url(curtains/_2_right_m.png) repeat-y scroll top right; }
34#theImage #charlie .png8_1 { background: transparent url(curtains/_2_left_m.png) repeat-y scroll top left; }
35#theImage #charlie .png8_2 { background: transparent url(curtains/_2_left_m.png) repeat-y scroll top right; }
36#theImage #charlie .png9_1 { background: transparent url(curtains/_2_right_m.png) repeat-y scroll top left; }
37#theImage #charlie .png9_2 { background: transparent url(curtains/_2_right_m.png) repeat-y scroll top right; }
38#theImage #charlie .png10_1 { background: transparent url(curtains/_2_right_m.png) repeat-y scroll top left; }
39#theImage #charlie .png10_2 { background: transparent url(curtains/_2_left_m.png) repeat-y scroll top right; }
40#theImage #charlie .png11_1 { background: transparent url(curtains/_2b_left_m.png) repeat-y scroll top left; }
41#theImage #charlie .png11_2 { background: transparent url(curtains/_2b_right_m.png) repeat-y scroll top right; }
42#theImage #charlie .png12_1 { background: transparent url(curtains/_2b_left_m.png) repeat-y scroll top left; }
43#theImage #charlie .png12_2 { background: transparent url(curtains/_2b_left_m.png) repeat-y scroll top right; }
44#theImage #charlie .png13_1 { background: transparent url(curtains/_2b_right_m.png) repeat-y scroll top left; }
45#theImage #charlie .png13_2 { background: transparent url(curtains/_2b_right_m.png) repeat-y scroll top right; }
46#theImage #charlie .png14_1 { background: transparent url(curtains/_2b_right_m.png) repeat-y scroll top left; }
47#theImage #charlie .png14_2 { background: transparent url(curtains/_2b_left_m.png) repeat-y scroll top right; }
48#theImage #charlie .png15_1 { background: transparent url(curtains/_3.png) repeat-y scroll top left; }
49#theImage #charlie .png15_2 { background: transparent url(curtains/_3.png) repeat-y scroll top right; }
50#theImage #charlie .png16_1 { background: transparent url(curtains/_3b.png) repeat-y scroll top left; }
51#theImage #charlie .png16_2 { background: transparent url(curtains/_3b.png) repeat-y scroll top right; }
52#theImage #charlie .png17_1 { background: transparent url(curtains/_4.png) repeat-y scroll top left; }
53#theImage #charlie .png17_2 { background: transparent url(curtains/_4.png) repeat-y scroll top right; }
54#theImage #charlie .png18_1 { background: transparent url(curtains/_4b.png) repeat-y scroll top left; }
55#theImage #charlie .png18_2 { background: transparent url(curtains/_4b.png) repeat-y scroll top right; }
56
57a.xl { border:1px solid #666; color:#FF7700; cursor:pointer; display:block; font-size:95%; margin:5px auto;
58padding:8px 41px; text-align:center; width:580px; background: #333 url(images/expender.png) no-repeat scroll 24px 0px; }
59a.xl:hover,  a.xl:active { background-color:#111; border:1px solid #333; }
60a.nlink { border:0; color:#666; cursor:pointer; font-size:60%; margin:5px auto 2px; padding:0px 6px;}
61.clear a.xl.ui-state-active { color: #333; }
62a.xl.ui-state-active { border:0; color: #f1f1f1; background-image: none; background-color:#333;}
63.clear a.xl  { background-color:#ddd; border:1px solid #f1f1f1;}
64.checking { background-color:#333; border:12px solid #333;}
65.clear .checking { background-color:#F8F8F8; border:12px solid #F8F8F8;}
66.Charlies legend { padding: 0px 8px;}
67.content .errors, .content .infos { position:relative;}
68
69#theAdminPage  #pwgMain .Charlies *,
70#theAdminPage  #pwgMain .Charlies *:hover,
71#theAdminPage  #pwgMain .Charlies *:focus,
72#theAdminPage  #pwgMain .Charlies *:active { outline: 0; }
73
74a.xl, #theAdminPage  #pwgMain .Charlies  input,
75#theAdminPage  #pwgMain .Charlies #main-options li, 
76#theAdminPage  #pwgMain .Charlies #main-options li a { 
77        border-radius: 8px; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; 
78}
79#theAdminPage .Charlies fieldset,
80#theAdminPage .Charlies .checking {
81        border-radius: 16px; -moz-border-radius: 16px; -khtml-border-radius: 16px; -webkit-border-radius: 16px; 
82}
83
84#theAdminPage  #pwgMain .Charlies  input {
85padding-left:5px;
86}
87
88#theAdminPage #the_page h2 { display:block; display:none; height:34px; margin:-2px 0 0; max-height:34px; min-height:34px; }
89#theAdminPage #the_page.roma h2  { background: url(images/city-lights.jpg)  no-repeat scroll 86% -46px transparent; }
90#theAdminPage #the_page.roma h2.cl2 { background: url(images/city-lights-2.jpg)  no-repeat scroll 86% -46px transparent; }
91
92#theAdminPage #the_page.clear h2.cl3 { background: url(images/wcity-lights-3.jpg)  no-repeat scroll 86% -46px transparent; }
93#theAdminPage #the_page.clear h2.cl2 { background: url(images/wcity-lights-2.jpg)  no-repeat scroll 86% -46px transparent; }
94#theAdminPage #the_page.clear  h2 { background: url(images/wcity-lights.jpg)  no-repeat scroll 86% -46px transparent; }
95
96#theAdminPage  #charlie .input { border-top: 1px solid #666; border-bottom: 0; margin-bottom:1px;}
97#theAdminPage  #charlie .i15 { border-top: 1px solid #666; border-bottom: 1px solid #666; margin-bottom:1px;}
98#theAdminPage  #charlie .none { border: 0; }
99#theAdminPage .nrm { font-weight:normal;font-size:11px;font-style:italic; display: block; text-align: left; margin: 0; }
100#theAdminPage .bot { font-weight:normal; font-size:11px; font-style:italic; display: block;  text-align: left; margin: 4px 0 0; }
101#theAdminPage  #charlie {margin-left:auto; clear:both; text-align:center;}
102#theAdminPage  .padd  { padding: 0 25px; }
103#theAdminPage  .curtain_r  { background-position:0 0 !important; height:60px; margin:0 55px; min-height:60px; padding-left:27px; }
104#theAdminPage  .curtain_l { padding-right:27px; text-align:center; margin: 0px; }
105#theAdminPage .charlie-tlp td { width:60px; text-align: left; }
106#theAdminPage .colorwell { border: 3px double #F30; width: 6em; text-align: center; cursor: pointer; }
107#theAdminPage .colorwell-selected { border: 3px double #F36; font-weight: bold; }
108#theAdminPage .radio { margin: 0 10px 0 50px; }
109#theAdminPage .content div.titrePage { height:20px; }
110/* #theAdminPage  #the_page .content { margin-top: 0px;} */
111#theAdminPage #the_page #theHeader { height: 114px; min-height: 114px; max-height: 114px; }
112#theAdminPage .Charlies input[type="submit"] { display:block; margin:5px 5px 0 auto; padding:3px 40px;}
113.content form.properties li, form#update ul {clear:none;}
114#theAdminPage .Charlies fieldset { padding-top:0; background: transparent url(images/000000_40x100_textures_05_inset_soft_25.png) 0 bottom repeat-x; }
115#theAdminPage  #the_page.clear .Charlies fieldset { background: transparent url(images/f1f1f1_40x100_textures_05_inset_soft_25.png) 0 bottom repeat-x; }
116#theAdminPage  div.none { border:0; background: transparent none; width:100%; min-width:100%; margin: 12px 5px;}
117.ui-tabs {padding: .2em;}
118.ui-tabs-nav { padding: .2em .2em 0 .2em;  position: relative; }
119.ui-tabs-nav li { float: left; border-bottom: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
120.ui-tabs-nav li a { display:block; text-decoration: none; padding: .5em 1em; }
121.ui-tabs-nav li.ui-tabs-selected {  padding-bottom: .1em; border-bottom: 0; }
122.ui-tabs-panel { padding: 1em 1.4em;  display: block; border: 0; background: none; }
123.ui-tabs-hide { display: none !important; }
124#charlie td { padding: 5px 0;}
125.ui-tabs-nav {
126        /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
127        font-size: 11px;        float: right;   position: relative;     z-index: 1;     bottom: -1px; }
128.ui-tabs-nav li {
129        /*resets*/margin: 0 1px 0 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
130        float: left; border: 1px solid #666666; border-right: none; }
131.clear .ui-tabs-nav li a {
132        color: #f1f1f1;
133}
134.ui-tabs-nav li a {
135        /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
136        float: left; font-size: 1em; font-weight: normal; text-decoration: none; padding:3px 11px; color: #111111;
137        background: #666666 url(images/666666_40x100_textures_02_glass_20.png) 0 50% repeat-x; }
138.ui-tabs-nav li a:hover {
139        background: #ff7700 url(images/ff7700_40x100_textures_02_glass_40.png) 0 50% repeat-x; color: #111111; }
140.ui-tabs-nav li.ui-tabs-selected {      border-bottom-color: #ff3363; }
141.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover {
142        background: #ff3363 url(images/ff3363_40x100_textures_05_inset_soft_90.png)  0 50% repeat-x; color: #eeeeee; }
143.ui-tabs-panel {
144        /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
145        clear:left; border: 1px solid #666666; background: transparent none;
146        padding: 16px 5px 0; }
147.ui-tabs-hide {
148        display: none;/* for accessible hiding: position: absolute; left: -99999999px*/; }
Note: See TracBrowser for help on using the repository browser.