Dotclear

Changeset 423:1dd630c97572 for admin/js


Ignore:
Timestamp:
06/27/11 20:03:15 (14 years ago)
Author:
Tomtom33 <tbouron@…>
Branch:
wysiwyg
Message:

Updated dialog CSS for TinyMCE

File:
1 edited

Legend:

Unmodified
Added
Removed
  • admin/js/tiny_mce/themes/advanced/skins/dotclear/dialog.css

    r411 r423  
    1 /* Columns */ 
    2 .two-cols .col:first-child { 
    3      width: 250px; 
    4 } 
    5 div.col { 
    6      width: 100%; 
     1/* Commons */ 
     2body[class=forceColors] { 
     3     padding: 1.5em; 
     4     margin: 0; 
     5     font: 76%/1.5em Helvetica,Arial,sans-serif; 
     6     background-color: #F5F5F5; 
     7     color: #333333; 
     8     border-top: 1.5em solid #555555; 
    79} 
    810 
     
    1012a.button { margin-right: 5px; } 
    1113a.insert { font-weight: bold; } 
    12 /* Web media */ 
     14 
     15/* Tabs */ 
     16.tabs ul { 
     17     overflow: visible; 
     18     list-style: none; 
     19     padding: 0; 
     20     margin: 0; 
     21} 
     22.tabs li { 
     23     position: relative; 
     24     top: 1px; 
     25     display: block; 
     26     float: left; 
     27     padding: 0.5em 1em 0.5em 1em; 
     28     margin-right: 0.5em; 
     29     border: 1px solid #bbb; 
     30     border-bottom: none; 
     31     -moz-border-radius-topleft: 5px; 
     32     -webkit-border-top-left-radius: 5px; 
     33     -khtml-border-top-left-radius: 5px; 
     34     border-top-left-radius: 5px; 
     35     -moz-border-radius-topright: 5px; 
     36     -webkit-border-top-right-radius: 5px; 
     37     -khtml-border-top-right-radius: 5px; 
     38     border-top-right-radius: 5px; 
     39} 
     40.tabs li.current { 
     41     background: #fff; 
     42     border-bottom: 1px solid #fff; 
     43} 
     44.tabs .current span { border-bottom: none; } 
     45.tabs a { text-decoration: none; } 
     46.tabs a:link, .tabs a:visited, .tabs a:hover { color:#333; } 
     47 
     48/* Panels */ 
     49.panel_wrapper div.panel { display: none; } 
     50.panel_wrapper div.current { 
     51     display: block; 
     52     width: 100%; 
     53     height: 300px; 
     54     overflow: visible; 
     55} 
     56.panel_wrapper { 
     57     border: 1px solid #bbb; 
     58     padding: 10px; 
     59     padding-top: 5px; 
     60     clear: both; 
     61     background: #fff; 
     62} 
     63 
     64/* Columns */ 
     65.column { float: left; } 
     66.properties { width: 100%; } 
     67.properties .column1 {} 
     68.properties .column2 { text-align: left; } 
     69 
     70/* Titles */ 
     71.title { 
     72     font-size: 1.4em; 
     73     font-weight: bold; 
     74     color: #666; 
     75     padding: 4px 0 4px 0; 
     76} 
     77 
     78/* Charmap popup */ 
     79#charmap table.charmap { 
     80     border: 1px solid #bbb; 
     81     text-align: center; 
     82} 
     83#charmap td.charmap, #charmap a { 
     84     width: 18px; 
     85     height: 18px; 
     86     color: #000; 
     87     border: 1px solid #bbb; 
     88     text-align: center; 
     89     vertical-align: middle; 
     90     font-size: 1em; 
     91     line-height: 18px; 
     92} 
     93#charmap a { 
     94     display: block; 
     95     color: #000; 
     96     text-decoration: none; 
     97     border: none; 
     98} 
     99#charmap a:hover { 
     100     background:#ccc; 
     101     color: #2b6fb6; 
     102} 
     103#charmap #codeN { 
     104     font-size: 0.8em; 
     105     text-align: center; 
     106} 
     107#charmap #codeV { 
     108     font-size: 4em; 
     109     height: 80px; 
     110     border: 1px solid #bbb; 
     111     text-align: center; 
     112} 
     113 
     114/* Source popup */ 
     115.wordWrapCode { 
     116     vertical-align: middle; 
     117     border: 1px none #000000; 
     118     background: transparent; 
     119} 
     120#htmlSource { 
     121     width: 680px !important; 
     122     height: 430px !important; 
     123} 
     124.mceActionPanel { margin-top: 5px; } 
     125 
     126/* Web media popup */ 
     127.two-cols .col:first-child { width: 250px; } 
     128div.col { width: 100%; } 
    13129#src { 
    14130     padding-left: 25px; 
    15131     background: transparent url(img/search.png) no-repeat 5px center; 
    16132} 
    17 #src.loading { 
    18      background: #ccc url(img/loader.gif) no-repeat 5px center; 
    19 } 
    20 #src.error { 
    21      background: #ff9999 url(img/cross.png) no-repeat 7px center; 
    22 } 
    23 #src.success { 
    24      background: #99ff99 url(img/tick.png) no-repeat 7px center; 
    25 } 
    26  
     133#src.loading { background: #ccc url(img/loader.gif) no-repeat 5px center; } 
     134#src.error { background: #ff9999 url(img/cross.png) no-repeat 7px center; } 
     135#src.success { background: #99ff99 url(img/tick.png) no-repeat 7px center; } 
     136 
     137/* Dialog specific */ 
     138#link .panel_wrapper, #link div.current { height: 125px; } 
     139#image .panel_wrapper, #image div.current { height: 200px; } 
     140#plugintable thead { 
     141     font-weight:bold; 
     142     background: #DDD; 
     143} 
     144#plugintable, #about #plugintable td { border: 1px solid #919B9C; } 
     145#plugintable { 
     146     width: 96%; 
     147     margin-top: 10px; 
     148} 
     149#pluginscontainer { 
     150     height: 290px; 
     151     overflow: auto; 
     152} 
     153#colorpicker #preview { 
     154     float: right; 
     155     width: 50px; 
     156     height: 14px; 
     157     line-height: 1px; 
     158     border: 1px solid black; 
     159     margin-left: 5px; 
     160} 
     161#colorpicker #colors { 
     162     float: left; 
     163     border: 1px solid gray; 
     164     cursor: crosshair; 
     165} 
     166#colorpicker #light { 
     167     border: 1px solid gray; 
     168     margin-left: 5px; 
     169     float: left; 
     170     width: 15px; 
     171     height: 150px; 
     172     cursor: crosshair; 
     173} 
     174#colorpicker #light div { overflow: hidden; } 
     175#colorpicker #previewblock { 
     176     float: right; 
     177     padding-left: 10px; 
     178     height: 20px; 
     179} 
     180#colorpicker .panel_wrapper div.current { height: 175px; } 
     181#colorpicker #namedcolors { width: 150px; } 
     182#colorpicker #namedcolors a { 
     183     display: block; 
     184     float: left; 
     185     width: 10px; 
     186     height: 10px; 
     187     margin: 1px 1px 0 0; 
     188     overflow: hidden; 
     189} 
     190#colorpicker #colornamecontainer { margin-top: 5px; } 
     191#colorpicker #picker_panel fieldset { 
     192     margin: auto; 
     193     width: 325px; 
     194} 
    27195 
    28196/* Browse */ 
    29 a.browse span {display:block; width:20px; height:18px; background:url(../../img/icons.gif) -860px 0; border:1px solid #FFF; margin-left:1px;} 
    30 .mceOldBoxModel a.browse span {width:22px; height:20px;} 
    31 a.browse:hover span {border:1px solid #0A246A; background-color:#B2BBD0;} 
    32 a.browse span.disabled {border:1px solid white; -moz-opacity:0.3; opacity:0.3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);} 
    33 a.browse:hover span.disabled {border:1px solid white; background-color:transparent;} 
    34 a.pickcolor span {display:block; width:20px; height:16px; background:url(../../img/icons.gif) -840px 0; margin-left:2px;} 
    35 .mceOldBoxModel a.pickcolor span {width:21px; height:17px;} 
    36 a.pickcolor:hover span {background-color:#B2BBD0;} 
    37 a.pickcolor, a.browse {text-decoration:none} 
    38  
    39 /* Charmap */ 
    40 table.charmap {border:1px solid #AAA; text-align:center} 
    41 td.charmap, #charmap a {width:18px; height:18px; color:#000; border:1px solid #AAA; text-align:center; font-size:12px; vertical-align:middle; line-height: 18px;} 
    42 #charmap a {display:block; color:#000; text-decoration:none; border:0} 
    43 #charmap a:hover {background:#CCC;color:#2B6FB6} 
    44 #charmap #codeN {font-size:10px; font-family:Arial,Helvetica,sans-serif; text-align:center} 
    45 #charmap #codeV {font-size:40px; height:80px; border:1px solid #AAA; text-align:center} 
    46 #charmap #charmapView {background-color:#fff;} 
    47  
    48 /* Source */ 
    49 .wordWrapCode {vertical-align:middle; border:1px none #000000; background:transparent;} 
    50 .mceActionPanel {margin-top:5px;} 
    51  
    52 /* Tabs classes */ 
    53 .tabs {width:100%; height:18px; line-height:normal; background:url(img/tabs.gif) repeat-x 0 -72px;} 
    54 .tabs ul {margin:0; padding:0; list-style:none;} 
    55 .tabs li {float:left; background:url(img/tabs.gif) no-repeat 0 0; margin:0 2px 0 0; padding:0 0 0 10px; line-height:17px; height:18px; display:block;} 
    56 .tabs li.current {background:url(img/tabs.gif) no-repeat 0 -18px; margin-right:2px;} 
    57 .tabs span {float:left; display:block; background:url(img/tabs.gif) no-repeat right -36px; padding:0px 10px 0 0;} 
    58 .tabs .current span {background:url(img/tabs.gif) no-repeat right -54px;} 
    59 .tabs a {text-decoration:none; font-family:Verdana, Arial; font-size:10px;} 
    60 .tabs a:link, .tabs a:visited, .tabs a:hover {color:black;} 
    61  
    62 /* Panels */ 
    63 .panel_wrapper div.panel {display:none;} 
    64 .panel_wrapper div.current {display:block; width:100%; height:300px; overflow:visible;} 
    65 .panel_wrapper {border:1px solid #919B9C; border-top:0px; padding:10px; padding-top:5px; clear:both; background:white;} 
    66  
    67 /* Columns */ 
    68 .column {float:left;} 
    69 .properties {width:100%;} 
    70 .properties .column1 {} 
    71 .properties .column2 {text-align:left;} 
    72  
    73 /* Titles */ 
    74 .title {font-size:12px; font-weight:bold; color:#2B6FB6;} 
    75  
    76 /* Dialog specific */ 
    77 #link .panel_wrapper, #link div.current {height:125px;} 
    78 #image .panel_wrapper, #image div.current {height:200px;} 
    79 #plugintable thead {font-weight:bold; background:#DDD;} 
    80 #plugintable, #about #plugintable td {border:1px solid #919B9C;} 
    81 #plugintable {width:96%; margin-top:10px;} 
    82 #pluginscontainer {height:290px; overflow:auto;} 
    83 #colorpicker #preview {float:right; width:50px; height:14px;line-height:1px; border:1px solid black; margin-left:5px;} 
    84 #colorpicker #colors {float:left; border:1px solid gray; cursor:crosshair;} 
    85 #colorpicker #light {border:1px solid gray; margin-left:5px; float:left;width:15px; height:150px; cursor:crosshair;} 
    86 #colorpicker #light div {overflow:hidden;} 
    87 #colorpicker #previewblock {float:right; padding-left:10px; height:20px;} 
    88 #colorpicker .panel_wrapper div.current {height:175px;} 
    89 #colorpicker #namedcolors {width:150px;} 
    90 #colorpicker #namedcolors a {display:block; float:left; width:10px; height:10px; margin:1px 1px 0 0; overflow:hidden;} 
    91 #colorpicker #colornamecontainer {margin-top:5px;} 
    92 #colorpicker #picker_panel fieldset {margin:auto;width:325px;} 
     197a.browse span { 
     198     display: block; 
     199     width: 20px; 
     200     height: 18px; background:url(../../img/icons.gif) -860px 0; 
     201     border: 1px solid #FFF; 
     202     margin-left: 1px; 
     203} 
     204.mceOldBoxModel a.browse span { 
     205     width: 22px; 
     206     height: 20px; 
     207} 
     208a.browse:hover span { 
     209     border: 1px solid #0A246A; 
     210     background-color: #B2BBD0; 
     211} 
     212a.browse span.disabled { 
     213     border: 1px solid white; 
     214     -moz-opacity: 0.3; 
     215     opacity: 0.3; 
     216     filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); 
     217} 
     218a.browse:hover span.disabled { 
     219     border: 1px solid white; 
     220     background-color: transparent; 
     221} 
     222a.pickcolor span { 
     223     display: block; 
     224     width: 20px; 
     225     height: 16px; 
     226     background: url(../../img/icons.gif) -840px 0; 
     227     margin-left: 2px; 
     228} 
     229.mceOldBoxModel a.pickcolor span { 
     230     width: 21px; 
     231     height: 17px; 
     232} 
     233a.pickcolor:hover span { background-color: #B2BBD0; } 
     234a.pickcolor, a.browse { text-decoration: none; } 
Note: See TracChangeset for help on using the changeset viewer.

Sites map