Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

Другой вариант дезигна

  • Loading branch information...
commit 7d44c25737cc300416e666d55d415867f755c79f 1 parent 0cd5537
Dmitry Dzema authored
1  interface/css/960.css
... ...
@@ -0,0 +1 @@
  1
+.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
15  interface/css/grid.css
@@ -12,19 +12,18 @@
12 12
     width: 300px;
13 13
 }
14 14
 
15  
-/*.border-right {
16  
-    padding-right: 9px;
17  
-    border-right: 1px solid gray;
  15
+.border-right {
  16
+/*    border-right: 1px solid gray;*/
18 17
 }
19 18
 
20 19
 .border-left {
21  
-    padding-left: 9px;
22  
-    border-left: 1px solid gray;
23  
-}
  20
+/*    border-left: 1px solid gray;
  21
+    margin-left:-1px;
  22
+*/}
24 23
 
25 24
 .border-both {
26  
-    padding-left: 9px;
  25
+    margin-left:-1px;
27 26
     padding-right: 9px;
28 27
     border-left: 1px solid gray;
29 28
     border-right: 1px solid gray;
30  
-}*/
  29
+}
6  interface/css/main.css
... ...
@@ -1,6 +1,6 @@
1 1
 .header {
2 2
     color: gray;
3  
-    border-bottom: 1px solid gray;
  3
+/*    border-bottom: 1px solid gray;*/
4 4
     margin-bottom: 20px;
5 5
 }
6 6
 
@@ -20,6 +20,6 @@
20 20
     margin: 10px;
21 21
 }
22 22
 
23  
-.column h5 {
  23
+h5 {
24 24
     margin-bottom:0px;
25  
-}
  25
+}
2  interface/css/text.css
... ...
@@ -1 +1 @@
1  
-body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}
  1
+body{font:13px/1.5 "Myriad Pro", arial, sans-serif;}a:focus{outline:1px dotted invert}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}
491  interface/css/uncompressed/960.css
... ...
@@ -0,0 +1,491 @@
  1
+/*
  2
+	960 Grid System ~ Core CSS.
  3
+	Learn more ~ http://960.gs/
  4
+
  5
+	Licensed under GPL and MIT.
  6
+*/
  7
+
  8
+/* =Containers
  9
+--------------------------------------------------------------------------------*/
  10
+
  11
+.container_12,
  12
+.container_16
  13
+{
  14
+	margin-left: auto;
  15
+	margin-right: auto;
  16
+	width: 960px;
  17
+}
  18
+
  19
+/* =Grid >> Global
  20
+--------------------------------------------------------------------------------*/
  21
+
  22
+.grid_1,
  23
+.grid_2,
  24
+.grid_3,
  25
+.grid_4,
  26
+.grid_5,
  27
+.grid_6,
  28
+.grid_7,
  29
+.grid_8,
  30
+.grid_9,
  31
+.grid_10,
  32
+.grid_11,
  33
+.grid_12,
  34
+.grid_13,
  35
+.grid_14,
  36
+.grid_15,
  37
+.grid_16
  38
+{
  39
+	display: inline;
  40
+	float: left;
  41
+	margin-left: 10px;
  42
+	margin-right: 10px;
  43
+}
  44
+
  45
+.container_12 .grid_3,
  46
+.container_16 .grid_4
  47
+{
  48
+	width: 220px;
  49
+}
  50
+
  51
+.container_12 .grid_6,
  52
+.container_16 .grid_8
  53
+{
  54
+	width: 460px;
  55
+}
  56
+
  57
+.container_12 .grid_9,
  58
+.container_16 .grid_12
  59
+{
  60
+	width: 700px;
  61
+}
  62
+
  63
+.container_12 .grid_12,
  64
+.container_16 .grid_16
  65
+{
  66
+	width: 940px;
  67
+}
  68
+
  69
+/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
  70
+--------------------------------------------------------------------------------*/
  71
+
  72
+.alpha
  73
+{
  74
+	margin-left: 0;
  75
+}
  76
+
  77
+.omega
  78
+{
  79
+	margin-right: 0;
  80
+}
  81
+
  82
+/* =Grid >> 12 Columns
  83
+--------------------------------------------------------------------------------*/
  84
+
  85
+.container_12 .grid_1
  86
+{
  87
+	width: 60px;
  88
+}
  89
+
  90
+.container_12 .grid_2
  91
+{
  92
+	width: 140px;
  93
+}
  94
+
  95
+.container_12 .grid_4
  96
+{
  97
+	width: 300px;
  98
+}
  99
+
  100
+.container_12 .grid_5
  101
+{
  102
+	width: 380px;
  103
+}
  104
+
  105
+.container_12 .grid_7
  106
+{
  107
+	width: 540px;
  108
+}
  109
+
  110
+.container_12 .grid_8
  111
+{
  112
+	width: 620px;
  113
+}
  114
+
  115
+.container_12 .grid_10
  116
+{
  117
+	width: 780px;
  118
+}
  119
+
  120
+.container_12 .grid_11
  121
+{
  122
+	width: 860px;
  123
+}
  124
+
  125
+/* =Grid >> 16 Columns
  126
+--------------------------------------------------------------------------------*/
  127
+
  128
+.container_16 .grid_1
  129
+{
  130
+	width: 40px;
  131
+}
  132
+
  133
+.container_16 .grid_2
  134
+{
  135
+	width: 100px;
  136
+}
  137
+
  138
+.container_16 .grid_3
  139
+{
  140
+	width: 160px;
  141
+}
  142
+
  143
+.container_16 .grid_5
  144
+{
  145
+	width: 280px;
  146
+}
  147
+
  148
+.container_16 .grid_6
  149
+{
  150
+	width: 340px;
  151
+}
  152
+
  153
+.container_16 .grid_7
  154
+{
  155
+	width: 400px;
  156
+}
  157
+
  158
+.container_16 .grid_9
  159
+{
  160
+	width: 520px;
  161
+}
  162
+
  163
+.container_16 .grid_10
  164
+{
  165
+	width: 580px;
  166
+}
  167
+
  168
+.container_16 .grid_11
  169
+{
  170
+	width: 640px;
  171
+}
  172
+
  173
+.container_16 .grid_13
  174
+{
  175
+	width: 760px;
  176
+}
  177
+
  178
+.container_16 .grid_14
  179
+{
  180
+	width: 820px;
  181
+}
  182
+
  183
+.container_16 .grid_15
  184
+{
  185
+	width: 880px;
  186
+}
  187
+
  188
+/* =Prefix Extra Space >> Global
  189
+--------------------------------------------------------------------------------*/
  190
+
  191
+.container_12 .prefix_3,
  192
+.container_16 .prefix_4
  193
+{
  194
+	padding-left: 240px;
  195
+}
  196
+
  197
+.container_12 .prefix_6,
  198
+.container_16 .prefix_8
  199
+{
  200
+	padding-left: 480px;
  201
+}
  202
+
  203
+.container_12 .prefix_9,
  204
+.container_16 .prefix_12
  205
+{
  206
+	padding-left: 720px;
  207
+}
  208
+
  209
+/* =Prefix Extra Space >> 12 Columns
  210
+--------------------------------------------------------------------------------*/
  211
+
  212
+.container_12 .prefix_1
  213
+{
  214
+	padding-left: 80px;
  215
+}
  216
+
  217
+.container_12 .prefix_2
  218
+{
  219
+	padding-left: 160px;
  220
+}
  221
+
  222
+.container_12 .prefix_4
  223
+{
  224
+	padding-left: 320px;
  225
+}
  226
+
  227
+.container_12 .prefix_5
  228
+{
  229
+	padding-left: 400px;
  230
+}
  231
+
  232
+.container_12 .prefix_7
  233
+{
  234
+	padding-left: 560px;
  235
+}
  236
+
  237
+.container_12 .prefix_8
  238
+{
  239
+	padding-left: 640px;
  240
+}
  241
+
  242
+.container_12 .prefix_10
  243
+{
  244
+	padding-left: 800px;
  245
+}
  246
+
  247
+.container_12 .prefix_11
  248
+{
  249
+	padding-left: 880px;
  250
+}
  251
+
  252
+/* =Prefix Extra Space >> 16 Columns
  253
+--------------------------------------------------------------------------------*/
  254
+
  255
+.container_16 .prefix_1
  256
+{
  257
+	padding-left: 60px;
  258
+}
  259
+
  260
+.container_16 .prefix_2
  261
+{
  262
+	padding-left: 120px;
  263
+}
  264
+
  265
+.container_16 .prefix_3
  266
+{
  267
+	padding-left: 180px;
  268
+}
  269
+
  270
+.container_16 .prefix_5
  271
+{
  272
+	padding-left: 300px;
  273
+}
  274
+
  275
+.container_16 .prefix_6
  276
+{
  277
+	padding-left: 360px;
  278
+}
  279
+
  280
+.container_16 .prefix_7
  281
+{
  282
+	padding-left: 420px;
  283
+}
  284
+
  285
+.container_16 .prefix_9
  286
+{
  287
+	padding-left: 540px;
  288
+}
  289
+
  290
+.container_16 .prefix_10
  291
+{
  292
+	padding-left: 600px;
  293
+}
  294
+
  295
+.container_16 .prefix_11
  296
+{
  297
+	padding-left: 660px;
  298
+}
  299
+
  300
+.container_16 .prefix_13
  301
+{
  302
+	padding-left: 780px;
  303
+}
  304
+
  305
+.container_16 .prefix_14
  306
+{
  307
+	padding-left: 840px;
  308
+}
  309
+
  310
+.container_16 .prefix_15
  311
+{
  312
+	padding-left: 900px;
  313
+}
  314
+
  315
+/* =Suffix Extra Space >> Global
  316
+--------------------------------------------------------------------------------*/
  317
+
  318
+.container_12 .suffix_3,
  319
+.container_16 .suffix_4
  320
+{
  321
+	padding-right: 240px;
  322
+}
  323
+
  324
+.container_12 .suffix_6,
  325
+.container_16 .suffix_8
  326
+{
  327
+	padding-right: 480px;
  328
+}
  329
+
  330
+.container_12 .suffix_9,
  331
+.container_16 .suffix_12
  332
+{
  333
+	padding-right: 720px;
  334
+}
  335
+
  336
+/* =Suffix Extra Space >> 12 Columns
  337
+--------------------------------------------------------------------------------*/
  338
+
  339
+.container_12 .suffix_1
  340
+{
  341
+	padding-right: 80px;
  342
+}
  343
+
  344
+.container_12 .suffix_2
  345
+{
  346
+	padding-right: 160px;
  347
+}
  348
+
  349
+.container_12 .suffix_4
  350
+{
  351
+	padding-right: 320px;
  352
+}
  353
+
  354
+.container_12 .suffix_5
  355
+{
  356
+	padding-right: 400px;
  357
+}
  358
+
  359
+.container_12 .suffix_7
  360
+{
  361
+	padding-right: 560px;
  362
+}
  363
+
  364
+.container_12 .suffix_8
  365
+{
  366
+	padding-right: 640px;
  367
+}
  368
+
  369
+.container_12 .suffix_10
  370
+{
  371
+	padding-right: 800px;
  372
+}
  373
+
  374
+.container_12 .suffix_11
  375
+{
  376
+	padding-right: 880px;
  377
+}
  378
+
  379
+/* =Suffix Extra Space >> 16 Columns
  380
+--------------------------------------------------------------------------------*/
  381
+
  382
+.container_16 .suffix_1
  383
+{
  384
+	padding-right: 60px;
  385
+}
  386
+
  387
+.container_16 .suffix_2
  388
+{
  389
+	padding-right: 120px;
  390
+}
  391
+
  392
+.container_16 .suffix_3
  393
+{
  394
+	padding-right: 180px;
  395
+}
  396
+
  397
+.container_16 .suffix_5
  398
+{
  399
+	padding-right: 300px;
  400
+}
  401
+
  402
+.container_16 .suffix_6
  403
+{
  404
+	padding-right: 360px;
  405
+}
  406
+
  407
+.container_16 .suffix_7
  408
+{
  409
+	padding-right: 420px;
  410
+}
  411
+
  412
+.container_16 .suffix_9
  413
+{
  414
+	padding-right: 540px;
  415
+}
  416
+
  417
+.container_16 .suffix_10
  418
+{
  419
+	padding-right: 600px;
  420
+}
  421
+
  422
+.container_16 .suffix_11
  423
+{
  424
+	padding-right: 660px;
  425
+}
  426
+
  427
+.container_16 .suffix_13
  428
+{
  429
+	padding-right: 780px;
  430
+}
  431
+
  432
+.container_16 .suffix_14
  433
+{
  434
+	padding-right: 840px;
  435
+}
  436
+
  437
+.container_16 .suffix_15
  438
+{
  439
+	padding-right: 900px;
  440
+}
  441
+
  442
+/* =Clear Floated Elements
  443
+--------------------------------------------------------------------------------*/
  444
+
  445
+/* http://sonspring.com/journal/clearing-floats */
  446
+
  447
+html body * span.clear,
  448
+html body * div.clear,
  449
+html body * li.clear,
  450
+html body * dd.clear
  451
+{
  452
+	background: none;
  453
+	border: 0;
  454
+	clear: both;
  455
+	display: block;
  456
+	float: none;
  457
+	font-size: 0;
  458
+	list-style: none;
  459
+	margin: 0;
  460
+	padding: 0;
  461
+	overflow: hidden;
  462
+	visibility: hidden;
  463
+	width: 0;
  464
+	height: 0;
  465
+}
  466
+
  467
+/* http://www.positioniseverything.net/easyclearing.html */
  468
+
  469
+.clearfix:after
  470
+{
  471
+	clear: both;
  472
+	content: '.';
  473
+	display: block;
  474
+	visibility: hidden;
  475
+	height: 0;
  476
+}
  477
+
  478
+.clearfix
  479
+{
  480
+	display: inline-block;
  481
+}
  482
+
  483
+* html .clearfix
  484
+{
  485
+	height: 1%;
  486
+}
  487
+
  488
+.clearfix
  489
+{
  490
+	display: block;
  491
+}
53  interface/css/uncompressed/reset.css
... ...
@@ -0,0 +1,53 @@
  1
+/* http://meyerweb.com/eric/tools/css/reset/ */
  2
+/* v1.0 | 20080212 */
  3
+
  4
+html, body, div, span, applet, object, iframe,
  5
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  6
+a, abbr, acronym, address, big, cite, code,
  7
+del, dfn, em, font, img, ins, kbd, q, s, samp,
  8
+small, strike, strong, sub, sup, tt, var,
  9
+b, u, i, center,
  10
+dl, dt, dd, ol, ul, li,
  11
+fieldset, form, label, legend,
  12
+table, caption, tbody, tfoot, thead, tr, th, td {
  13
+	margin: 0;
  14
+	padding: 0;
  15
+	border: 0;
  16
+	outline: 0;
  17
+	font-size: 100%;
  18
+	vertical-align: baseline;
  19
+	background: transparent;
  20
+}
  21
+body {
  22
+	line-height: 1;
  23
+}
  24
+ol, ul {
  25
+	list-style: none;
  26
+}
  27
+blockquote, q {
  28
+	quotes: none;
  29
+}
  30
+blockquote:before, blockquote:after,
  31
+q:before, q:after {
  32
+	content: '';
  33
+	content: none;
  34
+}
  35
+
  36
+/* remember to define focus styles! */
  37
+:focus {
  38
+	outline: 0;
  39
+}
  40
+
  41
+/* remember to highlight inserts somehow! */
  42
+ins {
  43
+	text-decoration: none;
  44
+}
  45
+del {
  46
+	text-decoration: line-through;
  47
+}
  48
+
  49
+/* tables still need 'cellspacing="0"' in the markup */
  50
+table {
  51
+	border-collapse: collapse;
  52
+	border-spacing: 0;
  53
+}
104  interface/css/uncompressed/text.css
... ...
@@ -0,0 +1,104 @@
  1
+/* -------------------------------------------------------------- 
  2
+   
  3
+   typography.css
  4
+   * Sets up some sensible default typography.
  5
+      
  6
+-------------------------------------------------------------- */
  7
+
  8
+/* Default font settings. 
  9
+   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
  10
+body { 
  11
+  font-size: 75%;
  12
+  color: #222; 
  13
+  background: #fff;
  14
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  15
+}
  16
+
  17
+
  18
+/* Headings
  19
+-------------------------------------------------------------- */
  20
+
  21
+h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }
  22
+
  23
+h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
  24
+h2 { font-size: 2em; margin-bottom: 0.75em; }
  25
+h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
  26
+h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
  27
+h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
  28
+h6 { font-size: 1em; font-weight: bold; }
  29
+
  30
+h1 img, h2 img, h3 img, 
  31
+h4 img, h5 img, h6 img {
  32
+  margin: 0;
  33
+}
  34
+
  35
+
  36
+/* Text elements
  37
+-------------------------------------------------------------- */
  38
+
  39
+p           { margin: 0 0 1.5em; }
  40
+p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
  41
+p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
  42
+
  43
+a:focus, 
  44
+a:hover     { color: #000; }
  45
+a           { color: #009; text-decoration: underline; }
  46
+
  47
+blockquote  { margin: 1.5em; color: #666; font-style: italic; }
  48
+strong      { font-weight: bold; }
  49
+em,dfn      { font-style: italic; }
  50
+dfn         { font-weight: bold; }
  51
+sup, sub    { line-height: 0; }
  52
+
  53
+abbr, 
  54
+acronym     { border-bottom: 1px dotted #666; }
  55
+address     { margin: 0 0 1.5em; font-style: italic; }
  56
+del         { color:#666; }
  57
+
  58
+pre,code    { margin: 1.5em 0; white-space: pre; }
  59
+pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 
  60
+
  61
+
  62
+/* Lists
  63
+-------------------------------------------------------------- */
  64
+
  65
+li ul, 
  66
+li ol       { margin:0 1.5em; }
  67
+ul, ol      { margin: 0 1.5em 1.5em 1.5em; }
  68
+
  69
+ul          { list-style-type: disc; }
  70
+ol          { list-style-type: decimal; }
  71
+
  72
+dl          { margin: 0 0 1.5em 0; }
  73
+dl dt       { font-weight: bold; }
  74
+dd          { margin-left: 1.5em;}
  75
+
  76
+
  77
+/* Tables
  78
+-------------------------------------------------------------- */
  79
+
  80
+table       { margin-bottom: 1.4em; width:100%; }
  81
+th          { font-weight: bold; background: #C3D9FF; }
  82
+th,td       { padding: 4px 10px 4px 5px; }
  83
+tr.even td  { background: #E5ECF9; }
  84
+tfoot       { font-style: italic; }
  85
+caption     { background: #eee; }
  86
+
  87
+
  88
+/* Misc classes
  89
+-------------------------------------------------------------- */
  90
+
  91
+.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
  92
+.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
  93
+.hide       { display: none; }
  94
+
  95
+.quiet      { color: #666; }
  96
+.loud       { color: #000; }
  97
+.highlight  { background:#ff0; }
  98
+.added      { background:#060; color: #fff; }
  99
+.removed    { background:#900; color: #fff; }
  100
+
  101
+.first      { margin-left:0; padding-left:0; }
  102
+.last       { margin-right:0; padding-right:0; }
  103
+.top        { margin-top:0; padding-top:0; }
  104
+.bottom     { margin-bottom:0; padding-bottom:0; }
11  interface/index.html
@@ -6,6 +6,7 @@
6 6
 
7 7
 <link rel="stylesheet" type="text/css" media="all" href="css/reset.css" />
8 8
 <link rel="stylesheet" type="text/css" media="all" href="css/grid.css" />
  9
+<link rel="stylesheet" type="text/css" media="all" href="css/960.css" />
9 10
 <link rel="stylesheet" type="text/css" media="all" href="css/text.css" />
10 11
 <link rel="stylesheet" type="text/css" media="all" href="css/main.css" />
11 12
 </head>
@@ -14,8 +15,8 @@
14 15
 <div class="container header">
15 16
   <h1>PerlFlows</h1>
16 17
 </div>
17  
-<div class="container">
18  
-  <div class="column border-right">
  18
+<div class="container_12">
  19
+  <div class="grid_8 border-right">
19 20
    <h2>Новости</h2>
20 21
  
21 22
    <h5>Far East Perl Workshop</h5>
@@ -28,7 +29,7 @@
28 29
    <h5>Parrot Developer Summit</h5>
29 30
    <p>15 и 16 ноября состоится первый саммит разработчиков Parrot. Важно отметить, что он пройдет в помещении Google.</p>
30 31
   </div>
31  
-  <div class="column border-both">
  32
+  <div class="grid_4 border-left">
32 33
     <h2>YAPC::TV</h2>
33 34
     
34 35
     <h5><a href="http://yapc.tv/2008/ye/lt/lt1-02-breunung-kephra/">Say hello to Kephra</a></h5>
@@ -46,7 +47,7 @@
46 47
     <h5><a href="http://yapc.tv/2008/ye/jonathan-oop/">Object Orientation, The Perl 6 Way</a></h5>
47 48
     <p>Jonathan Worthington. 13 August 2008</p>
48 49
   </div>
49  
-  <div class="column border-left">
  50
+  <!-- <div class="column border-left">
50 51
     <h2>CPAN::Live</h2>
51 52
     
52 53
     <h5><a href="http://search.cpan.org/~markf/XML-Easy-ProceduralWriter-1.00/">XML-Easy-ProceduralWriter-1.00</a></h5>
@@ -61,7 +62,7 @@
61 62
     <h5><a href="http://search.cpan.org/~lamprecht/Tk-EntrySet-0.06/">Tk-EntrySet-0.06</a></h5>
62 63
     <p>display/edit a list of values in a Set of Widgets.</p>
63 64
     
64  
-  </div>
  65
+  </div> -->
65 66
 </div>
66 67
 
67 68
 </body>

0 notes on commit 7d44c25

Please sign in to comment.
Something went wrong with that request. Please try again.