classic_stylesheet_big_avatar

NAML documentation   Watch a video
   Usages of this macro
... in responsive.naml
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<override_macro name="classic_stylesheet_big_avatar">
    <n.overridden/>
    <style type="text/css">
        @media (max-width: 600px) {
            #topic-search-box{float:none}
            img.avatar{width:30%;height:30%}
            td.classic-author{width:55px;font-size:11px;overflow:hidden}
            div.avatar-inner{margin:5px}
            div.classic-author-name{width:auto}
            div.ad > div,div.ad > ins{float:none !important;margin-left:-70px !important}
            div.classic-header{overflow:visible}
            div.classic-bar{height:3.5em}
            div.classic-subject-line{margin:2em 0;left:0;overflow-x:hidden;overflow-y:visible}
            table.classic-body{margin-top:2em}
        }
    </style>
</override_macro>
Overrides default macro
... in topic.naml
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
<macro name="classic_stylesheet_big_avatar">
    <style type="text/css">
        div.classic-header {
            height:2.2em;
            clear:both;
            overflow:hidden;
        }
        div.classic-author-name {
            float:left;
            width: 140px;
            overflow: hidden;
            text-align:center;
            font-weight:bold;
        }
        div.classic-subject-line {
            left:.5em;
            overflow:hidden;
            height:1.3em;
            position:relative;
        }
        div.classic-right-menu {
            float:right;
            padding-left:1em;
        }
        div.classic-bar {
            padding:.5em .3em;
            clear:both;
            height:1.8em;
        }
        table.classic-body {
            border-collapse:collapse;
            margin-bottom:1em;
            table-layout: fixed;
            width:100%;
        }
        td.classic-author {
            vertical-align: top;
            text-align:center;
            width:140px;
            padding-bottom:1em;
        }
        td.classic-message {
            vertical-align:top;
            padding:1em;
        }
        div.message-text {
            cursor:text;
            overflow-x:auto;
        }
        div.avatar-inner {
            margin-left:20px;
        }
        div.avatar-outer {
            width:140px;
            text-align:left;
        }
        div.avatar-label {
            white-space:nowrap;
            font-size:80%;
        }
    </style>
</macro>