SliTaz Repositories

     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/doc/lib/tpl/slitaz-brown/media.css	Sun Jan 27 03:22:34 2013 -0200
     1.3 @@ -0,0 +1,200 @@
     1.4 +/**
     1.5 + * The CSS in here cotrols the appearance of the media manager
     1.6 + */
     1.7 +
     1.8 +#media__manager {
     1.9 +    height: 100%;
    1.10 +    overflow: hidden;
    1.11 +}
    1.12 +
    1.13 +#media__left {
    1.14 +    width: 30%;
    1.15 +    border-right: solid 1px __border__;
    1.16 +
    1.17 +    height: 100%;
    1.18 +    overflow: auto;
    1.19 +    position: absolute;
    1.20 +    left: 0;
    1.21 +}
    1.22 +
    1.23 +#media__right {
    1.24 +    width: 69.7%;
    1.25 +
    1.26 +    height: 100%;
    1.27 +    overflow: auto;
    1.28 +    position: absolute;
    1.29 +    right: 0;
    1.30 +}
    1.31 +
    1.32 +#media__manager h1 {
    1.33 +    margin: 0;
    1.34 +    padding: 0;
    1.35 +    margin-bottom: 0.5em;
    1.36 +}
    1.37 +
    1.38 +/* --- Tree formatting --- */
    1.39 +
    1.40 +#media__tree img {
    1.41 +    float:left;
    1.42 +    padding: 0.5em 0.3em 0 0;
    1.43 +}
    1.44 +
    1.45 +#media__tree ul {
    1.46 +    list-style-type: none;
    1.47 +    list-style-image: none;
    1.48 +}
    1.49 +
    1.50 +#media__tree li {
    1.51 +    clear: left;
    1.52 +    list-style-type: none;
    1.53 +    list-style-image: none;
    1.54 +}
    1.55 +*+html #media__tree li,
    1.56 +* html #media__tree li {
    1.57 +    border: 1px solid __background__;
    1.58 +}/* I don't understand this, but this fixes a style bug in IE;
    1.59 +it's dirty, so any "real" fixes are welcome */
    1.60 +
    1.61 +/* --- options --- */
    1.62 +
    1.63 +#media__opts {
    1.64 +    padding-left: 1em;
    1.65 +    margin-bottom: 0.5em;
    1.66 +}
    1.67 +
    1.68 +#media__opts input {
    1.69 +    float: left;
    1.70 +    position: absolute;
    1.71 +}
    1.72 +*+html #media__opts input,
    1.73 +* html #media__opts input {
    1.74 +    position: static;
    1.75 +}
    1.76 +
    1.77 +#media__opts label {
    1.78 +    display: block;
    1.79 +    float: left;
    1.80 +    margin-left: 30px;
    1.81 +}
    1.82 +*+html #media__opts label,
    1.83 +* html #media__opts label {
    1.84 +    margin-left: 10px;
    1.85 +}
    1.86 +
    1.87 +#media__opts br {
    1.88 +    clear: left;
    1.89 +}
    1.90 +
    1.91 +/* --- file list --- */
    1.92 +
    1.93 +#media__content img.load {
    1.94 +    margin: 1em auto;
    1.95 +}
    1.96 +
    1.97 +#media__content #scroll__here {
    1.98 +    border: 1px dashed __border__;
    1.99 +}
   1.100 +
   1.101 +#media__content .odd {
   1.102 +    background-color: __background_other__;
   1.103 +    padding: 0.4em;
   1.104 +}
   1.105 +
   1.106 +#media__content .even {
   1.107 +    padding: 0.4em;
   1.108 +}
   1.109 +
   1.110 +#media__content a.mediafile {
   1.111 +    margin-right: 1.5em;
   1.112 +    font-weight: bold;
   1.113 +}
   1.114 +
   1.115 +#media__content div.detail {
   1.116 +    padding: 0.3em 0 0.3em 2em;
   1.117 +}
   1.118 +
   1.119 +#media__content div.detail div.thumb {
   1.120 +    float: left;
   1.121 +    width: 130px;
   1.122 +    text-align: center;
   1.123 +    margin-right: 0.4em;
   1.124 +}
   1.125 +
   1.126 +
   1.127 +#media__content img.btn {
   1.128 +    vertical-align: text-bottom;
   1.129 +}
   1.130 +
   1.131 +#media__content div.example {
   1.132 +    color: __text_neu__;
   1.133 +    margin-left: 1em;
   1.134 +}
   1.135 +
   1.136 +/* --- upload form --- */
   1.137 +
   1.138 +#media__content div.upload {
   1.139 +    font-size: 90%;
   1.140 +    padding: 0 0.5em 0.5em 0.5em;
   1.141 +}
   1.142 +
   1.143 +#media__content form#dw__upload {
   1.144 +    display: block;
   1.145 +    border-bottom: solid 1px __border__;
   1.146 +    padding: 0 0.5em 1em 0.5em;
   1.147 +}
   1.148 +#media__content form#dw__upload fieldset {
   1.149 +    padding: 0;
   1.150 +    margin: 0;
   1.151 +    border: none;
   1.152 +    width: auto;
   1.153 +}
   1.154 +#media__content form#dw__upload p {
   1.155 +    text-align: left;
   1.156 +    padding: 0.25em 0;
   1.157 +    margin: 0;
   1.158 +    line-height: 1.0em;
   1.159 +}
   1.160 +#media__content form#dw__upload label.check {
   1.161 +    float: none;
   1.162 +    width: auto;
   1.163 +    margin-left: 11.5em;
   1.164 +}
   1.165 +
   1.166 +/* --- meta edit form --- */
   1.167 +
   1.168 +#media__content form.meta {
   1.169 +    display: block;
   1.170 +    padding: 0 0 1em 0;
   1.171 +}
   1.172 +
   1.173 +#media__content form.meta label {
   1.174 +    display: block;
   1.175 +    width: 25%;
   1.176 +    float: left;
   1.177 +    font-weight: bold;
   1.178 +    margin-left: 1em;
   1.179 +    clear: left;
   1.180 +}
   1.181 +
   1.182 +#media__content form.meta .edit {
   1.183 +    font: 100% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
   1.184 +    float: left;
   1.185 +    width: 70%;
   1.186 +    padding-right: 0;
   1.187 +    padding-left: 0.2em;
   1.188 +    margin: 2px;
   1.189 +}
   1.190 +
   1.191 +#media__content form.meta textarea.edit {
   1.192 +    height: 8em;
   1.193 +}
   1.194 +
   1.195 +#media__content form.meta div.metafield {
   1.196 +    clear: left;
   1.197 +}
   1.198 +
   1.199 +#media__content form.meta div.buttons {
   1.200 +    clear: left;
   1.201 +    margin-left: 20%;
   1.202 +    padding-left: 1em;
   1.203 +}