To participate you must create an account on apostrophenow.org. If you have already done so, click Login.

Changeset 2159

Show
Ignore:
Timestamp:
09/08/10 16:49:53 (17 months ago)
Author:
johnnyoffline
Message:

cleaned up options some more

a-area-slots.css and a-components received a lot of attention. There's a table of contents at the top of the files describing their contents.

numerous comments have been added to the CSS to describe the use/functionality of the styles and selectors

Location:
plugins/apostrophePlugin/trunk/web/css
Files:
3 modified

Legend:

Unmodified
Added
Removed

  • plugins/apostrophePlugin/trunk/web/css/a-area-slots.css

    r2149 r2159  
    1 /* 14. Areas and Slots 
     1/* Areas and Slots */ 
     2/* Controls for Areas & Slots */ 
     3/* Singlton Slot Controls */ 
     4/* aOptions for Areas & Slots :: aOptions is in a-components.css  
     5/* aOptions for Slot Variants :: aOptions is in a-components.css 
     6/* aOptions for Slot Edit Forms :: aOptions is in a-components.css  
     7/* aSlideshow Slot Styles */ 
     8/* aButton Slot Styles  */ 
     9/* aImage Slot Styles  */ 
     10/* aVideo Slot Styles  */ 
     11/* aRawHTML Slot Styles  */ 
     12/* aFeed Slot Styles  */ 
     13/* aPDF Slot Styles */ 
     14/* aPDF Slot No Label */ 
     15/* aPDF Slot Compact */ 
     16/* aPDF Slot Compact with Preview */ 
     17/* aSlot Content Styles  
     18/* Media Placeholder :: Shared by aSlideshow, aImage, aVideo, aButton 
     19/* Misc 
     20 
     21 
     22/* Areas and Slots 
    223-------------------------------------*/ 
    3 .a-area, 
    4 .a-slots, 
    5 .a-slot, 
    6 .a-slot-content, 
    7 .a-slot-content-container, 
    8 .a-slot-form 
    9 { /* An Area is the outer most wrapper for a collection of Slots */ 
    10 position: relative; 
    11 } 
     24 
     25/* Area Information:   
     26/* .a-area wraps .a-slots */ 
     27/* .a-slots wraps all slots, .a-slot */ 
     28/* .a-slot wraps .a-slot-content */ 
     29/* .a-slot-content wraps .a-slot-content-container AND .a-slot-form :: BOTH .a-slot-content-container AND .a-slot-form are not output when logged out */ 
     30 
     31.a-area, .a-slots, .a-slot, .a-slot-content, .a-slot-content-container, .a-slot-form { position: relative; } 
    1232 
    1333.a-area.editing-now, 
    14 .a-slot.editing-now 
    15 {  
    16 z-index: 900; 
    17 } 
    18  
    19 .logged-in .a-slot { 
    20 min-height: 20px; 
    21 margin-bottom: 20px; 
    22 } 
    23  
    24 .a-slot-form.a-options 
    25 {  
    26 position: relative; 
    27 margin-bottom: -27px; 
    28 } 
    29  
    30  
    31 .a-media-placeholder 
    32 {  
    33 /* Height and Width are defined in the template and applied inline in _normalView.php */ 
    34 /* Placeholder is used in aImage, aVideo, aSlideshow*/ 
    35 } 
    36  
    37 .a-media-placeholder span 
    38 {  
    39 display: block; 
    40 width: 100%; 
    41 height: 100%; 
    42 text-align: center; 
    43 border: 1px dashed #ccc; 
    44 margin: -1px 0 0 -1px; 
    45 background: rgba(0,0,0,0.025); 
    46 } 
    47  
    48 .a-slot.aRawHTML textarea 
    49 {  
    50 float: left; 
    51 width: 100%; 
    52 border: 1px solid #333; 
    53 padding: 2px; 
    54 height: 200px; 
    55 font: 12px/1.2 Monospace; 
    56 background: #efefef; 
    57 margin: 0 0 0 -3px; 
    58 } 
    59  
    60 /* aSlideshow Slot Styles */ 
    61  
    62 ul.a-slideshow-controls 
    63 { 
    64 position: absolute; 
    65 top: 5px; 
    66 right: 5px; 
    67 height: auto; 
    68 border: none; 
    69 list-style: none; 
    70 z-index: 799; 
    71 } 
    72  
    73  
    74 .a-slideshow-item 
    75 {  
    76 overflow: hidden; 
    77 display: none; 
    78 } 
    79  
    80 .a-slideshow-item .a-slideshow-title 
    81 {  
    82  
    83 } 
    84  
    85 .a-slideshow-item .a-slideshow-image 
    86 {  
    87 line-height: 0 !important; /* RB: fixes the bit of whitespace after img */ 
    88 } 
    89  
    90  
    91 /* aButton Slot Styles */ 
    92  
    93 .a-slot.aButton .a-button,  
    94 .a-slot.aButton .a-button .a-button-image, 
    95 .a-slot.aButton .a-button .a-button-image .a-button-link, 
    96 .a-slot.aButton .a-button .a-button-title 
    97 {  
    98 float: left; 
    99 clear: both; 
    100 display: inline; 
    101 position: relative; 
    102 width: 100%; 
    103 margin: 0; 
    104 } 
    105  
    106 .a-slot.aButton .a-button 
    107 { /* Fixes IE6 Bug */ 
    108         background: none; 
    109 } 
    110  
    111 /* aButton Slot Bundled Variant Style */ 
    112  
    113 .a-slot.aButton.useTitleAsButtonText .a-button .a-button-title 
    114 {  
    115 position: absolute; 
    116 top: 0; 
    117 left: 0; 
    118 top: 50%; 
    119 left: 0; 
    120 line-height: 20px; 
    121 margin-top: -10px; 
    122 } 
    123  
    124 .a-slot.aButton.useTitleAsButtonText .a-button .a-button-title a, 
    125 .a-slot.aButton.useTitleAsButtonText .a-button .a-button-title a:hover 
    126 {  
    127 position: absolute; 
    128 float: left; 
    129 text-align: center; 
    130 text-decoration: none; 
    131 width: 100%; 
    132 height: 100%; 
    133 font-size: 16px; 
    134 color: #fff; 
    135 white-space: nowrap; 
    136 text-shadow: 0 0 6px rgba(0,0,0,0.80); 
    137 } 
    138  
    139 /* aImage Slot Styles */ 
    140  
    141 .a-slot.aImage .a-media-image, 
    142 .a-slot.aImage .a-image-embed 
    143 {  
    144 float: left; 
    145 clear: both; 
    146 line-height: 0; 
    147 } 
    148  
    149 /* aVideo Slot Styles */ 
    150  
    151 /* aFeed Slot Styles */ 
    152  
    153 .a-slot.aFeed .a-feed, 
    154 .a-slot.aFeed .a-feed .a-feed-item 
    155 {  
    156 float: left; 
    157 display: inline; 
    158 position: relative; 
    159 clear: both; 
    160 width: 100%; 
    161 margin-bottom: 10px; 
    162 } 
    163  
    164 .a-slot.aFeed .a-feed .a-feed-item .title 
    165 {  
    166 font-size: 14px; 
    167 } 
    168  
    169 .a-slot.aFeed .a-feed .a-feed-item .date 
    170 {  
    171 margin: 5px 0; 
    172 color: #999; 
    173 } 
    174  
    175 .a-slot.aFeed .a-feed .a-feed-item .date, 
    176 .a-slot.aFeed .a-feed .a-feed-item .description 
    177 {  
    178 font-size: 11px; 
    179 line-height: 1.4; 
    180 } 
    181  
    182 /*aPDF Slot Styles*/ 
    183  
    184 .a-slot.aPDF 
    185 {  
    186 margin: 20px 0px; 
    187 } 
    188  
    189 .a-pdf-slot 
    190 {  
    191 position: relative; 
    192 overflow: hidden; 
    193 width: 100%; 
    194 } 
    195  
    196 .a-pdf-slot .a-pdf-meta 
    197 {  
    198 position: relative; 
    199 margin: 5px 0; 
    200 } 
    201  
    202 .a-pdf-title 
    203 {  
    204 width: 100%; 
    205 font-size: 16px; 
    206 } 
    207  
    208 .a-pdf-description 
    209 {  
    210 margin-top: 0px; 
    211 color: #666; 
    212 width: 100%; 
    213 margin: 5px 0; 
    214 } 
    215  
    216 .a-pdf-download 
    217 {  
    218 margin-left: -3px; 
    219 } 
    220  
    221 .a-pdf-download a 
    222 {  
    223 background: url(/apostrophePlugin/images/a-icon-alt-download.png) no-repeat left center; 
    224 padding-left: 20px; 
    225 } 
    226  
    227 /*ICON ONLY*/ 
    228  
    229 .a-pdf-slot.no-label 
    230 {  
    231 height: auto !important; 
    232 height: 43px; 
    233 } 
    234  
    235 .a-pdf-slot.no-label .a-media-pdf-icon 
    236 {  
    237 position: absolute; 
    238 height: 43px; 
    239 width: 34px; 
    240 margin-top: 5px; 
    241 top: 0; 
    242 left: 0; 
    243 z-index: 10; 
    244 } 
    245  
    246 .a-pdf-slot.no-label .a-media-pdf-icon a 
    247 {  
    248 float: left; 
    249 background: url(/apostrophePlugin/images/a-pdf-icon-tiny.png) no-repeat top left; 
    250 height: 100%; 
    251 width: 100%; 
    252 overflow: hidden; 
    253 text-indent: -9999px; 
    254 } 
    255  
    256 .a-pdf-slot.no-label .a-pdf-meta 
    257 {  
    258 padding-left: 45px; 
    259 text-indent: 0 !important; 
    260 } 
    261  
    262 /*COMPACT*/ 
    263  
    264 .compact .a-pdf-slot.no-label .a-media-pdf-icon 
    265 {  
    266 display: inline; 
    267 position: absolute; 
    268 top: 0; 
    269 left: 0; 
    270 height: 20px; 
    271 width: 20px; 
    272 margin-top: 4px; 
    273 z-index: 10; 
    274 } 
    275  
    276 .compact .a-pdf-slot.no-label .a-media-pdf-icon a 
    277 {  
    278 float: left; 
    279 background: url(/apostrophePlugin/images/a-icon-pdf.png) no-repeat top left; 
    280 height: 100%; 
    281 width: 100%; 
    282 overflow: hidden; 
    283 text-indent: -9999px; 
    284 } 
    285  
    286 .compact .a-pdf-slot.no-label .a-pdf-meta 
    287 {  
    288 padding-left: 25px; 
    289 } 
    290  
    291 .compact .a-pdf-title 
    292 {  
    293 width: 100%; 
    294 font-size: 14px; 
    295 } 
    296  
    297 .compact .a-pdf-description 
    298 {  
    299 display: none; 
    300 } 
    301  
    302 .compact .a-pdf-download 
    303 {  
    304 display: none; 
    305 } 
    306  
    307  
    308 /*PDF PREVIEW*/ 
    309  
    310 /*COMPACT*/ 
    311  
    312 .compact .a-pdf-slot.with-preview .a-media-pdf-icon img 
    313 {  
    314 border: 1px solid #ccc; 
    315 margin-right: 10px; 
    316 margin-bottom: 5px; 
    317 height: 70px; 
    318 width: 56px; 
    319 } 
    320  
    321 .compact .a-pdf-slot.with-preview .a-media-pdf-icon 
    322 {  
    323 position: absolute; 
    324 top: 0; 
    325 left: 0; 
    326 height: 70px; 
    327 width: 56px; 
    328 margin-top: 5px; 
    329 z-index: 10; 
    330 overflow: hidden; 
    331 } 
    332  
    333 .compact .a-pdf-slot.with-preview .a-media-pdf-icon a 
    334 {  
    335 float: left; 
    336 height: 100%; 
    337 width: 100%; 
    338 text-indent: -9999px; 
    339 } 
    340  
    341 .compact .a-pdf-slot.with-preview .a-pdf-meta 
    342 {  
    343 padding-left: 70px; 
    344 } 
    345  
    346  
    347 /* 9. Controls for Areas and Slots 
     34.a-slot.editing-now { z-index: 900; } 
     35 
     36.logged-in .a-slot { min-height: 20px; margin-bottom: 20px; } 
     37 
     38 
     39 
     40/* Controls for Areas & Slots 
    34841-------------------------------------*/ 
    34942 
    … …  
    37063} 
    37164 
    372 .a-controls.a-over, 
    373 .a-area.singleton > .a-controls 
    374 { 
    375 position: absolute; 
    376 top: 0; 
    377 left: 0; 
    378 z-index: 799; 
    379 margin: 0 !important; 
    380 } 
    381  
    382 /* There are no such thing as slot controls for singleton areas.  
    383          This prevents the page wiggle jump at load */ 
    384 .a-area.singleton .a-slot-controls { display: none; } 
    385  
    386 .a-controls li.last 
    387 { /* .last option has no margin */ 
    388         margin: 0 0 2px 0 !important; 
    389 } 
    390  
    391 .a-area > .a-controls 
    392 {  
    393 margin: 0 0 10px; 
    394 } 
     65.a-ui.a-controls li.last { margin: 0 0 2px 0 !important; } /* .last option has no margin */ 
     66 
     67.a-ui.a-controls.a-over { position: absolute; top: 0; left: 0; z-index: 799; margin: 0 !important; } /* Explicitly place the controls over the slot */ 
     68 
     69.a-area > .a-ui.a-controls { margin: 0 0 10px; } 
     70 
     71.a-slot > .a-ui.a-controls { width: 100%; } 
     72.a-slot.editing-now > .a-ui.a-controls { z-index: 899; } /* Controls sit on top when editing a slot */ 
     73 
     74 
     75/* Singlton Slot Controls 
     76------------------------------------------------ */ 
     77.a-area.singleton > .a-controls { position: absolute; top: 0; left: 0; z-index: 799; margin: 0 !important; } /* Singletons place the controls over the slot */ 
     78 
     79.a-area.singleton.editing-now > .a-ui.a-controls { z-index: 899; } /* Controls sit on top when editing a slot */ 
     80 
     81.a-area.singleton .a-slot-controls { display: none; } /* There are no such thing as slot controls for singleton areas. This prevents the page wiggle on load */ 
    39582 
    39683.a-area.singleton.aRichText > .a-controls, 
    … …  
    39986.a-area.singleton.aBlogSingle > .a-controls, 
    40087.a-area.singleton.aEvent > .a-controls, 
    401 .a-area.singleton.aEventSingle > .a-controls 
    402 { /* Some Singleton Slots don't want Area Controls to sit on top of their content */ 
    403 position: relative; 
    404 margin-bottom: 0; 
    405 } 
    406  
    407 .a-slot.editing-now > ul.a-controls, 
    408 .a-area.singleton.editing-now > ul.a-controls 
    409 { /* Controls sit on top when editing a singleton slot or a slot in an area */ 
    410 z-index: 899; 
    411 } 
    412  
    413 .a-slot > ul.a-controls 
    414 {  
    415 width: 100%; 
    416 } 
    417  
    418 ul.a-controls.a-media-edit-links 
    419 {  
    420 width: 100%; 
    421 } 
    422  
    423 ul.a-controls ul.a-controls-item 
    424 { /* Control Subsets */ 
    425 position: relative; 
    426 } 
    427  
    428 ul.a-controls .a-options 
    429 {  
    430 z-index: 699; 
    431 display: none; 
    432 min-width: 124%; 
    433 } 
    434  
    435 .a-area.previewing-history .a-controls 
    436 {  
    437 display: none !important; 
    438 } 
    439  
    440  
    441  
    442 ul.a-controls .a-options .a-options-item, 
    443 ul.a-controls .a-options .a-options-item.last 
    444 {  
     88.a-area.singleton.aEventSingle > .a-controls { position: relative; margin-bottom: 0; } /* Some Singleton Slots don't want Area Controls to sit on top of their content */ 
     89 
     90 
     91/* aOptions for Areas & Slots :: aOptions is in a-components.css  
     92-------------------------------------------------------------------- */ 
     93.a-ui .a-options.a-area-options { z-index: 699; display: none; min-width: 100%; padding: 35px 5px 5px; } 
     94.a-ui .a-options.a-area-options .a-options-item, 
     95.a-ui .a-options.a-area-options .a-options-item.last {  
    44596width: 100%; 
    44697float: left; 
    … …  
    450101} 
    451102 
     103 
     104/* aOptions for Slot Variants :: aOptions is in a-components.css 
     105-------------------------------------------------------------------- */ 
    452106ul.a-controls .a-controls-item.variant.a-options-open .a-variant-options 
    453107{  
    … …  
    461115} 
    462116 
    463 .a-ui .a-options hr 
    464 { 
    465 /* these are copied from aBlog.css, could be combined */ 
    466 float: left; 
    467 clear: both; 
    468 width: 100%; 
    469 height: 1px; 
    470 border: 0; 
    471 background-color: #efefef; /* TODO: Debug for IE */ 
    472 background-color: rgba(0,0,0,0.1); 
    473 margin: 10px 0; 
    474 } 
    475  
    476  
    477 .a-options.a-slot-form 
    478 {  
    479 width: 100%; 
    480 top: -27px; 
    481 } 
    482  
    483 .a-options.a-slot-form .a-slot-form-title 
    484 {  
    485 position: absolute; 
    486 float: right; 
    487 right: 7px; 
    488 top: 0; 
    489 line-height: 27px; 
    490 } 
    491  
    492 .a-options.a-slot-form .a-form-row 
     117 
     118/* aOptions for Slot Edit Forms :: aOptions is in a-components.css  
     119-------------------------------------------------------------------- */ 
     120.a-ui .a-options.a-slot-form { width: 100%; top: -27px; } 
     121 
     122.a-ui .a-options.a-slot-form .a-form-row 
    493123{  
    494124line-height: 20px; 
    … …  
    499129} 
    500130 
    501 .a-options.a-slot-form .a-form-row:hover .a-form-help-text 
    502 {  
    503 display: block; 
    504 } 
    505  
    506 .a-options.a-slot-form .a-form-help-text 
     131.a-ui .a-options.a-slot-form .a-form-row:hover .a-form-help-text { display: block; } 
     132 
     133.a-ui .a-options.a-slot-form .a-form-row label { width: 80px; float: left; margin: 0 10px 0 0; color: #666; } 
     134 
     135.a-ui .a-options.a-slot-form .a-form-field { float: left; } 
     136 
     137.a-ui .a-options.a-slot-form .a-slot-form-title 
     138{  
     139position: absolute; 
     140float: right; 
     141right: 7px; 
     142top: 0; 
     143line-height: 27px; 
     144} 
     145 
     146.a-ui .a-options.a-slot-form .a-form-help-text 
    507147{  
    508148position: absolute; 
    … …  
    527167} 
    528168 
    529 .a-help-arrow 
     169.a-ui .a-options.a-slot-form .a-form-help-text .a-help-arrow 
    530170{  
    531171position: absolute; 
    … …  
    539179} 
    540180 
    541 .a-options.a-slot-form .a-form-row label 
    542 {  
    543 width: 80px; 
    544 float: left; 
    545 margin: 0 10px 0 0; 
    546 color: #666; 
    547 } 
    548  
    549 .a-options.a-slot-form .a-form-field 
    550 {  
    551 float: left; 
    552 } 
    553  
    554 .a-controls.a-blog-post-controls 
    555 {  
    556 width: 100%; 
    557 float: left; 
    558 margin: 10px 0 5px 0 !important; 
    559 } 
    560  
    561 .a-options-open 
    562 {  
    563 z-index: 999; 
    564 } 
    565  
    566 .a-options-open > a.a-btn 
    567 {  
    568 color: #fff !important; 
    569 background-color: #333; 
    570 z-index: 999; 
    571 } 
    572  
    573 .a-options-open .a-options 
    574 {  
    575 display: block !important; 
    576 } 
     181 
     182 
     183/* aSlideshow Slot Styles 
     184---------------------------------------- */ 
     185ul.a-slideshow-controls 
     186{ 
     187position: absolute; 
     188top: 5px; 
     189right: 5px; 
     190height: auto; 
     191border: none; 
     192list-style: none; 
     193z-index: 799; 
     194} 
     195 
     196.a-slideshow-item { overflow: hidden; display: none; } 
     197.a-slideshow-item .a-slideshow-title {  } 
     198.a-slideshow-item .a-slideshow-image { line-height: 0 !important; } /* RB: fixes the bit of whitespace after img */ 
     199 
     200 
     201 
     202/* aButton Slot Styles  
     203------------------------------------- */ 
     204.a-slot.aButton .a-button,  
     205.a-slot.aButton .a-button .a-button-image, 
     206.a-slot.aButton .a-button .a-button-image .a-button-link, 
     207.a-slot.aButton .a-button .a-button-title 
     208{  
     209float: left; 
     210clear: both; 
     211display: inline; 
     212position: relative; 
     213width: 100%; 
     214margin: 0; 
     215} 
     216 
     217.a-slot.aButton .a-button { background: none; } /* Fixes IE6 Bug */ 
     218 
     219 
     220/* aImage Slot Styles  
     221------------------------------------- */ 
     222.a-slot.aImage .a-media-image, 
     223.a-slot.aImage .a-image-embed { float: left; clear: both; line-height: 0; } 
     224 
     225 
     226/* aVideo Slot Styles  
     227------------------------------------- */ 
     228 
     229 
     230/* aRawHTML Slot Styles  
     231------------------------------------- */ 
     232.a-slot.aRawHTML textarea 
     233{  
     234float: left; 
     235width: 100%; 
     236border: 1px solid #333; 
     237padding: 2px; 
     238height: 200px; 
     239font: 12px/1.2 Monospace; 
     240background: #efefef; 
     241margin: 0 0 0 -3px; 
     242} 
     243 
     244 
     245/* aFeed Slot Styles  
     246------------------------------------- */ 
     247.a-slot.aFeed .a-feed, 
     248.a-slot.aFeed .a-feed .a-feed-item 
     249{  
     250float: left; 
     251display: inline; 
     252position: relative; 
     253clear: both; 
     254width: 100%; 
     255margin-bottom: 10px; 
     256} 
     257 
     258.a-slot.aFeed .a-feed .a-feed-item .title { font-size: 14px; } 
     259.a-slot.aFeed .a-feed .a-feed-item .date { margin: 5px 0; color: #999; } 
     260.a-slot.aFeed .a-feed .a-feed-item .date, 
     261.a-slot.aFeed .a-feed .a-feed-item .description { font-size: 11px; line-height: 1.4; } 
     262 
     263 
     264 
     265/* aPDF Slot Styles 
     266------------------------------------- */ 
     267.a-slot.aPDF { margin: 20px 0px; } 
     268 
     269.a-pdf-slot { position: relative; overflow: hidden; width: 100%; } 
     270 
     271.a-pdf-slot .a-pdf-meta { position: relative; margin: 5px 0; } 
     272 
     273.a-pdf-title { width: 100%; font-size: 16px; } 
     274 
     275.a-pdf-description { margin-top: 0px; color: #666; width: 100%; margin: 5px 0; } 
     276 
     277.a-pdf-download { margin-left: -3px; } 
     278 
     279.a-pdf-download a { background: url(/apostrophePlugin/images/a-icon-alt-download.png) no-repeat left center; padding-left: 20px; } 
     280 
     281 
     282/* aPDF Slot No Label 
     283------------------------------------------------ */ 
     284.a-pdf-slot.no-label { height: auto !important; height: 43px; } 
     285 
     286.a-pdf-slot.no-label .a-media-pdf-icon 
     287{  
     288position: absolute; 
     289height: 43px; 
     290width: 34px; 
     291margin-top: 5px; 
     292top: 0; 
     293left: 0; 
     294z-index: 10; 
     295} 
     296 
     297.a-pdf-slot.no-label .a-media-pdf-icon a 
     298{  
     299float: left; 
     300background: url(/apostrophePlugin/images/a-pdf-icon-tiny.png) no-repeat top left; 
     301height: 100%; 
     302width: 100%; 
     303overflow: hidden; 
     304text-indent: -9999px; 
     305} 
     306 
     307.a-pdf-slot.no-label .a-pdf-meta { padding-left: 45px; text-indent: 0 !important; } 
     308 
     309 
     310/* aPDF Slot Compact 
     311------------------------------------------------ */ 
     312.compact .a-pdf-slot.no-label .a-media-pdf-icon {  
     313display: inline; 
     314position: absolute; 
     315top: 0; 
     316left: 0; 
     317height: 20px; 
     318width: 20px; 
     319margin-top: 4px; 
     320z-index: 10; 
     321} 
     322 
     323.compact .a-pdf-slot.no-label .a-media-pdf-icon a 
     324{  
     325float: left; 
     326background: url(/apostrophePlugin/images/a-icon-pdf.png) no-repeat top left; 
     327height: 100%; 
     328width: 100%; 
     329overflow: hidden; 
     330text-indent: -9999px; 
     331} 
     332 
     333.compact .a-pdf-slot.no-label .a-pdf-meta { padding-left: 25px; } 
     334.compact .a-pdf-title { width: 100%; font-size: 14px; } 
     335.compact .a-pdf-description {  display: none; } 
     336.compact .a-pdf-download {  display: none; } 
     337 
     338 
     339/* aPDF Slot Compact with Preview 
     340------------------------------------------------ */ 
     341.compact .a-pdf-slot.with-preview .a-media-pdf-icon img 
     342{  
     343border: 1px solid #ccc; 
     344margin-right: 10px; 
     345margin-bottom: 5px; 
     346height: 70px; 
     347width: 56px; 
     348} 
     349 
     350.compact .a-pdf-slot.with-preview .a-media-pdf-icon 
     351{  
     352position: absolute; 
     353top: 0; 
     354left: 0; 
     355height: 70px; 
     356width: 56px; 
     357margin-top: 5px; 
     358z-index: 10; 
     359overflow: hidden; 
     360} 
     361 
     362.compact .a-pdf-slot.with-preview .a-media-pdf-icon a { float: left; height: 100%; width: 100%; text-indent: -9999px; } 
     363 
     364.compact .a-pdf-slot.with-preview .a-pdf-meta { padding-left: 70px; } 
     365 
     366 
     367/* aSlot Content Styles  
     368--------------------------------------- */ 
    577369 
    578370.aRichText .a-slot-content strong, 
    579 .aRichText .a-slot-content b 
    580 { 
    581         font-weight: bold; 
    582 } 
     371.aRichText .a-slot-content b { font-weight: bold; } 
    583372 
    584373.aRichText .a-slot-content em, 
    585 .aRichText .a-slot-content i 
    586 { 
    587         font-style: italic; 
    588 } 
     374.aRichText .a-slot-content i { font-style: italic; } 
    589375 
    590376.aRichText .a-slot-content ul, 
    … …  
    593379.aText .a-slot-content ol, 
    594380.aRawHTML .a-slot-content ul, 
    595 .aRawHTML .a-slot-content ol 
    596 { 
    597         margin-left: 1.5em; 
    598 } 
    599  
     381.aRawHTML .a-slot-content ol { margin-left: 1.5em; } 
     382 
     383.a-blog-item-meta, 
    600384.aFeed .a-slot-content ul, 
    601385.aImage .a-slot-content ul, 
    … …  
    603387.aSlideshow .a-slot-content ul, 
    604388.aPDF .a-slot-content ul, 
    605 .aButton .a-slot-content ul, 
    606 .a-blog-item-meta 
    607 { 
    608         list-style: none; 
    609         padding: 0; 
    610 } 
     389.aButton .a-slot-content ul { list-style: none; padding: 0; } 
    611390 
    612391.aSlideshow .a-slideshow, 
    613 .aSlideshow .a-slideshow li 
    614 { 
    615         float: left; 
    616         width: 100%; 
    617         clear: both; 
    618 } 
     392.aSlideshow .a-slideshow li {   float: left; width: 100%; clear: both; } 
    619393 
    620394.aButton a img { border: 0; } 
    621395 
    622396.aBlog .a-options.a-slot-form, 
    623 .aEvent .a-options.a-slot-form   
    624 {  
    625 width: 300px;  
    626 } 
     397.aEvent .a-options.a-slot-form { width: 300px; } 
    627398 
    628399.aBlogSingle .a-blogsingle-input, 
    629400.aBlog .a-options.a-slot-form .a-form-row.tags input, 
    630 .aEvent .a-options.a-slot-form .a-form-row.tags input 
    631 {  
    632 width: 180px; 
    633 } 
     401.aEvent .a-options.a-slot-form .a-form-row.tags input { width: 180px; } 
    634402 
    635403.aBlogSingle .a-options.a-slot-form .a-form-row { padding: 0; } 
    636404 
    637405.aBlogSingle .a-form-row.search label { width: 120px; } 
     406 
     407 
     408 
     409 
     410/* Media Placeholder :: Shared by aSlideshow, aImage, aVideo, aButton 
     411------------------------------------- */ 
     412 
     413.a-media-placeholder { } /* Height and Width are defined in the template and applied inline in _normalView.php */ 
     414 
     415.a-media-placeholder span 
     416{  
     417display: block; 
     418width: 100%; 
     419height: 100%; 
     420text-align: center; 
     421border: 1px dashed #ccc; 
     422margin: -1px 0 0 -1px; 
     423background: rgba(0,0,0,0.025); 
     424} 
     425 
     426/* Misc 
     427------------------------------------- */ 
     428 
     429ul.a-controls.a-media-edit-links { width: 100%; } 
     430 
     431.a-area.previewing-history .a-controls { display: none !important; } 

  • plugins/apostrophePlugin/trunk/web/css/a-components.css

    r2153 r2159  
    2626float: left; 
    2727display: none; 
    28 top: -5px; 
    29 left: -5px; 
     28top: -6px; 
     29left: -6px; 
    3030z-index: 1; 
    3131list-style: none; 
    … …  
    107107 
    108108 
    109  
    110  
    111109/* Apostrophe Reorganize Tree 
    112110---------------------------------------------------- */ 
    … …  
    341339--------------------------------------*/ 
    342340 
    343 .a-ui.a-page-form .a-form-row 
     341.a-ui .a-options.a-page-form 
     342{ 
     343        display: none; 
     344} 
     345 
     346.a-ui .a-options.a-page-form .a-form-row 
    344347{ 
    345348clear: both; 
    … …  
    356359} 
    357360 
    358 .a-ui.a-page-form .a-form-row:hover 
     361.a-ui .a-options.a-page-form .a-form-row:hover 
    359362{ 
    360363        background-color:#f6f6f6; 
    … …  
    363366} 
    364367 
    365 .a-ui.a-page-form .a-form-row.focus 
     368.a-ui .a-options.a-page-form .a-form-row.focus 
    366369{ 
    367370        background-color:#f0f0f0; 
    … …  
    370373} 
    371374 
    372 .a-ui .a-page-form .a-form-row.a-page-title label { display: none; } 
    373  
    374 .a-ui .a-page-form .a-form-row input.a-page-title-field { width: 342px; font-size: 18px; } 
    375  
    376 .a-ui .a-page-form .a-form-row input.a-page-title-field:focus 
     375.a-ui .a-options.a-page-form .a-form-row.a-page-title label { display: none; } 
     376 
     377.a-ui .a-options.a-page-form .a-form-row input.a-page-title-field { width: 342px; font-size: 18px; } 
     378 
     379.a-ui .a-options.a-page-form .a-form-row input.a-page-title-field:focus 
    377380{ 
    378381        border: 1px solid rgba(0,0,0,0.35); 
    … …  
    393396-------------------------------------*/ 
    394397 
    395 .a-ui.a-page-form { position: absolute; z-index: 998;   } 
     398.a-ui.a-page-form { position: absolute; z-index: 997;   } 
    396399 
    397400.a-ui.a-page-form .a-options { display: block !important; min-width: 0; } 

  • plugins/apostrophePlugin/trunk/web/css/a-engines.css

    r2135 r2159  
    10091009} 
    10101010 
    1011 .a-blog-item-excerpt-container 
    1012 { 
    1013         margin-bottom:20px; 
    1014 } 
    1015  
    1016 .a-blog-item-body p 
    1017 { 
    1018         margin-bottom: 10px; 
    1019 } 
    1020  
    1021 .a-blog-item-tags li 
    1022 { 
    1023         float: left; 
    1024         margin: 0 5px 0 0; 
    1025 } 
     1011.a-blog-item-excerpt-container { margin-bottom:20px; } 
     1012 
     1013.a-blog-item-body p {   margin-bottom: 10px; } 
     1014 
     1015.a-blog-item-tags li { float: left;     margin: 0 5px 0 0; } 
    10261016 
    10271017.a-blog-item-meta 
    … …  
    10321022        list-style-position: outside; 
    10331023} 
     1024 
     1025.a-blog .a-controls.a-blog-post-controls { margin: 10px 0 5px 0 !important; } 
    10341026 
    10351027.a-blog ul.a-slideshow-controls 
    … …  
    10581050} 
    10591051 
    1060 .aEvent .addthis_toolbox 
    1061 { 
    1062         margin-left: 140px; 
    1063         font-size: 11px; 
    1064         color: #999; 
    1065 } 
    1066  
    1067 .a-event-date-range span 
    1068 { 
    1069         float: left; 
    1070         width: 100%; 
    1071         color: #222; 
    1072 } 
    1073  
    1074 .a-event-date-range .end_date 
    1075 { 
    1076         margin-top: 5px; 
    1077 } 
     1052.aEvent .addthis_toolbox { margin-left: 140px; font-size: 11px; color: #999; } 
     1053 
     1054.a-event-date-range span { float: left; width: 100%; color: #222; } 
     1055 
     1056.a-event-date-range .end_date { margin-top: 5px; } 
    10781057 
    10791058