1. Куча / Говнокод #7717

    +147

    1. 01
    2. 02
    3. 03
    4. 04
    5. 05
    6. 06
    7. 07
    8. 08
    9. 09
    10. 10
    11. 11
    12. 12
    13. 13
    14. 14
    15. 15
    16. 16
    17. 17
    18. 18
    19. 19
    20. 20
    21. 21
    22. 22
    23. 23
    24. 24
    25. 25
    26. 26
    27. 27
    28. 28
    29. 29
    30. 30
    31. 31
    32. 32
    33. 33
    34. 34
    35. 35
    36. 36
    37. 37
    38. 38
    39. 39
    40. 40
    41. 41
    42. 42
    43. 43
    44. 44
    45. 45
    46. 46
    47. 47
    48. 48
    49. 49
    50. 50
    51. 51
    52. 52
    53. 53
    54. 54
    55. 55
    56. 56
    57. 57
    58. 58
    59. 59
    60. 60
    61. 61
    62. 62
    63. 63
    64. 64
    65. 65
    66. 66
    67. 67
    68. 68
    69. 69
    70. 70
    71. 71
    72. 72
    73. 73
    74. 74
    75. 75
    76. 76
    77. 77
    78. 78
    79. 79
    80. 80
    81. 81
    82. 82
    83. 83
    /* Dimensions */
    /* Widths */
    .w10{width:10px;}
    .w20{width:20px;}
    .w25{width:25px;}
    .w50{width:50px;}
    .w75{width:75px;}
    .w100{width:100px;}
    .w125{width:125px;}
    .w150{width:150px;}
    .w175{width:175px;}
    .w200{width:200px;}
    .w210{width:210px;}
    .w225{width:225px;}
    .w250{width:250px;}
    .w260{width:260px;}
    .w270{width:270px;}
    .w275{width:275px;}
    .w300{width:300px;}
    .w325{width:325px;}
    .w350{width:350px;}
    .w375{width:375px;}
    .w400{width:400px;}
    .w450{width:450px;}
    .w500{width:500px;}
    .w525{width:525px;}
    .w550{width:550px;}
    .w600{width:600px;}
    .w625{width:625px;}
    .w650{width:650px;}
    .w800{width:800px;}
    /* Heights */
    .h15{height:15px;}
    .h20{height:20px;}
    .h25{height:25px;}
    .h50{height:50px;}
    .h75{height:75px;}
    .h100{height:100px;}
    .h125{height:125px;}
    .h150{height:150px;}
    .h175{height:175px;}
    .h200{height:200px;}
    .h225{height:225px;}
    .h250{height:250px;}
    .h275{height:275px;}
    .h300{height:300px;}
    .h325{height:325px;}
    .h350{height:350px;}
    .h375{height:375px;}
    .h400{height:400px;}
    
    /* Padding */
    .noPad{padding:0;}
    .pad2{padding:2px;}
    .pad3{padding:3px;}
    .pad5{padding:5px;}
    .pad10{padding:10px;}
    .padTB5{padding:5px 0;}
    .padTB10{padding:10px 0;}
    .padTB15{padding:15px 0;}
    .padRL5{padding:0 5px;}
    .padRL10{padding:0 10px;}
    .padRL15{padding:0 15px;}
    .padRL20{padding-left:20px; padding-right:20px;}
    
    
    /* Margin */
    .noMar{margin:0;}
    .mar2{margin:2px;}
    .mar3{margin:3px;}
    .mar5{margin:5px;}
    .mar10{margin:10px;}
    .marTB5{margin:5px 0;}
    .marTB10{margin:10px 0;}
    .marTB15{margin:15px 0;}
    .marRL5{margin:0 5px;}
    .marRL10{margin:0 10px;}
    .marRL15{margin:0 15px;}
    .marRL20{margin-right:20px; margin-left:20px;}
    
    /* Visibility */
    .off{display:none;}
    .on{display:block;}

    myspace styleshit

    Запостил: Lure Of Chaos, 31 Августа 2011

    Комментарии (10) RSS

    • Сетку, что ли, рисовал? О_о
      Ответить
      • Тут я начинаю понимать одного своего товарища, который говорил, что grids на javascript - это хорошо и правильно.
        Ответить
    • декларативный говнокод.
      Ответить
    • Семантичненько.
      Ответить
    • Framework.
      Ответить
    • Вообще, обычные классы-костыли, только слишком много.

      Используются, если ВНЕЗАПНО надо какому-либо элементу в типовом наборе надо придать отличные свойства.

      <div class="typicalClassName"></div>
      <div class="typicalClassName"></div>
      <div class="typicalClassName marTB15"></div>
      <div class="typicalClassName"></div>
      Ответить
      • ВНЕЗАПНО взял и дал этому элементу вменяемое имя. И одно, а не такой список с одним значением. например, selected или что там по смыслу. Иначе вот, изменит кто-то на .marTB15{margin:150px 0;} и будет уже враньё.

        это как .BigRedButton{width:10px;height:10px; color:green;}
        <input type="text" class="BigRedButton"/>
        Ответить
    • на все случаи жизни
      Ответить

    Добавить комментарий