/kai/public/css/tweaks.css

  1/* @override 
  2	http://localhost:5050/css/tweaks.css
  3	http://127.0.0.1:5050/css/tweaks.css
  4*/
  5
  6.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
  7    color:#00607b;
  8    font-family:Georgia, "Times New Roman", Times, serif;
  9    font-weight:300;
 10    margin: 10px -20px 0px -20px;
 11    padding: 3px 0 3px 10px;
 12    
 13}
 14
 15.content h1 {
 16    font-size: 200%;
 17    color: #00607b;
 18}
 19.content h2 {
 20    font-size: 174%;
 21}
 22.content h3 {
 23    font-size: 161.6%;
 24}
 25.content h4 {
 26    font-size: 153.9%;
 27}
 28
 29.content ul {
 30    margin-top: 0;
 31}
 32.content ul li ul {
 33}
 34.content ul li {
 35    line-height: 1.5;
 36    padding: 0;
 37    margin-bottom: 0;
 38}
 39div.content {
 40    font-size: 108%;
 41	padding: 0 20px;
 42}
 43
 44.content a {
 45    text-decoration: none;
 46}
 47.content a:hover {
 48    text-decoration: underline;
 49}
 50
 51h2           { font-size: 16px; margin: 1.3em 0 0.0 0; padding: 5px;
 52               background-color: transparent; color: #000; }
 53h2 em        { font-style: normal; color: #F5E08D; font-weight: normal; }
 54div.traceback, div.plain { background-color: #eee!important; border: 1px solid #ccc; margin: 0 0 1em 0; padding: 10px;}
 55div.traceback h3 { font-size: 1em; margin: 0 0 0.8em 0; }
 56div.traceback ul { list-style: none; margin: 0; padding: 0 0 0 1em; }
 57div.traceback ul li { list-style: none;}
 58div.traceback h4 { font-size: 13px; font-weight: normal; margin: 0.7em 0 0.1em 0; padding: 0;}
 59div.traceback ul li em { font-style: italic; }
 60cite {font-style: italic;}
 61div.traceback pre { margin: 0; padding: 3px 0 3px 10px;
 62 background-color: #ccc; border-top: 1px solid #aaa;
 63 border-left: 1px solid #aaa; border-right: 1px solid #fafafa;
 64 border-bottom: 1px solid #fafafa; font-size: 93%;}
 65.details {font-size: 14px;}
 66.errormsg {font-weight: bold;}
 67table.buildbot, table.buildbot tr td, table.buildbot tr th {border:none;}
 68table.buildbot {
 69    margin-left: 80px;
 70}
 71table.buildbot tr td.next {
 72    border-left: 1px solid #ddd;
 73}
 74table.buildbot thead {
 75    border-bottom: 1px solid #ddd;
 76}
 77
 78table.buildbot thead th {
 79    line-height: 1.1;
 80    padding:0 0 4px 0;
 81    margin: 0;
 82}
 83table.buildbot tbody tr {
 84    line-height: 1.1;
 85    margin: 0;
 86}
 87table.buildbot tbody th {
 88    padding-right: 14px;
 89}
 90table.buildbot tr td {
 91    padding: 4px 54px 4px 24px;
 92}
 93table.buildbot td.result {
 94	padding-left: 22px;
 95	line-height: 1.4;
 96}
 97
 98span.failure {
 99    color: #900;
100    font-weight:700;
101    background: transparent url(images/note.png) no-repeat 0% 50%;
102    padding-left:25px;
103}
104tr.failure {
105    color:  #900;
106}
107tr.success {
108    color:  #090;
109}
110span.success {
111    color: #090;
112    font-weight:700;
113}
114table.buildbot span.success {
115    color: #090;
116    font-weight:700;
117    background: transparent url(images/success.gif) no-repeat 0% 50%;
118    padding-left:25px;
119}
120div.older table.buildbot tbody tr.run {
121	border-top: 1px solid #ddd;
122}
123
124div.loadmore {
125    margin: 0 0 0 30px;
126    padding: 0;
127}
128div.viewtoggle a {
129    background: transparent url(images/arrow-right.gif) no-repeat 0px 50%;
130    padding-left:15px;
131}
132div.viewtoggle a.down {
133    background: transparent url(images/arrow-down.gif) no-repeat 0px 50%;
134    padding-left:15px;    
135}
136div.details {
137    float: right;
138    padding: 0;
139    margin: 0 0 0 15px;
140}
141div.details a {
142    width: 16px;
143    height: 16px;
144    padding: 0;
145    margin: 0;
146    display: block;
147    text-decoration: none;
148}
149table.buildbot tr td:hover div.details a {
150	background: transparent url(images/information.gif) no-repeat 0 0;
151	display: block;
152	text-decoration: none;
153}
154
155/* Login bar */
156
157.home #bd, #bd {
158    position: relative;
159    padding-top: 33px;
160    margin-top: -20px;
161}
162
163div#loginbar {
164	position: absolute;
165	top: 0;
166	left: 0;
167    margin: 0;
168    text-align: right;
169    width: 100%;
170    color: #ddd;
171    font-size: 83%;
172    height: 20px;
173    background: transparent url(images/loginbar.jpg) repeat-x 0 0;    
174}
175
176div#loginbar .layoutstyle {
177    float: left;
178    padding: 1px 0 0 4px;
179}
180
181div#loginbar .links {
182    margin-right: 15px;
183    padding: 1px 0 0 0;
184}
185div#loginbar a {
186    color: #ffd630;
187    text-decoration: none;
188    padding: 0 4px 0 4px;
189}
190
191div#loginbar a:hover {
192    text-decoration: underline;
193    color: #ffd630;
194}
195
196.home #bd h3 {
197    color: #00607b;
198}
199
200/* Form Styling */
201.fielderror { color: red; font-weight: bold; display: block;}
202
203input.has_error, select.has_error, textarea.has_error { background-color: red; }
204label.required { font-weight: bold; }
205form table { border: none;}
206form table tr, form table tr td { border: none;}
207form table tr td {vertical-align: top;}
208.fieldhelp {
209    color: #888;
210    font-size: 0.8em;
211    display: block;
212    padding-top: 4px;
213}
214
215
216/* User data */
217
218div.user_post {
219    padding: 4px;
220    margin: 0;
221    font-size: 77%;
222    border: 1px solid #ddd;
223}
224
225div.user_post div.user_icon {
226    float: left;
227    padding: 0 6px 5px 0;
228}
229
230div.user_post div.username {
231    font-weight: bold;
232}
233
234/* Overlay popup styling */
235div.close {
236    float: right;
237    font-size: 93%;
238    padding: 6px 8px 6px 20px;
239    margin: 8px;
240    border: 1px solid #ddd;
241    background: transparent url(images/cross.gif) no-repeat 0px 50%;
242}
243div#build-details h2 {
244    margin: 5px 0 0 20px;
245    font-size: 131%;
246    color: #6f4706;
247}
248div#build-details table td pre { 
249	margin: 5px 0 5px 15px; 
250	padding: 0px 0 3px 10px;
251	border: 1px solid #ccc;
252	background-color: #efefef;
253	width: 820px;
254	overflow: auto;
255}
256
257div#build-details table {
258    margin: 20px 45px 0 25px;
259    width: 850px;
260}
261div#build-details table td {
262    border: none;
263    line-height: 1.0;
264    font-size: 85%;
265}
266
267div#build-details table .times {
268    color: #999;
269    font-size: 85%;
270    text-align: center;
271}
272div#build-details table th{
273    border: none;
274    border-bottom: 1px solid #ddd;
275}
276
277
278div#paging {
279    float: right;
280    font-size: 77%;
281}
282div#paging div.showing {
283    text-align: right;
284}
285
286/* Blog Entry */
287form.new_article textarea {
288    width: 650px;
289    height: 300px;
290}
291
292form.new_article input.textfield {
293    width: 350px;
294}
295
296/* Comments */
297textarea#comment_form_comment {
298    width: 600px;
299    height: 150px;
300}
301div.comment_format{
302    margin: 0 0 0 90px;
303    font-size: 85%;
304    padding: 0;
305}
306
307div.comments.user_post {
308    width: 240px;
309    border: none;
310    float: left;
311}
312
313div.comment {
314	clear: both;
315    border-top: 1px solid #bbb;
316    margin: 0;
317    padding: 10px 0 19px 0;
318    min-height: 35px;
319}
320
321div.comment.highlight {
322    background: #effeff;
323}
324
325div.comment div.content {
326    font-size: 93%;
327    margin-left: 265px;
328    width: 550px;
329    padding: 2px 0 0 0;
330}
331
332p.suggest_comment {
333    border-top: 1px solid #bbb;
334    padding-top: 10px;
335}
336
337#comment_preview {
338    border: 1px solid #bbb;
339    padding: 5px;
340    margin: 6px 4px;
341    width: 550px;
342} 
343
344div.comment_delete {
345    float: right;
346    font-size: 77%;
347    margin: 15px 5px 0 0;
348    display: none;
349}
350
351div.comment:hover div.comment_delete {
352    display: block;
353}
354
355div.tablestop {
356    overflow: auto;
357}
358
359div.tablestop table.syntaxtable {
360    padding-bottom: 0;
361}
362
363table.syntaxtable {
364    border: none;
365    width: 100%;
366    padding-right: 20px;
367}
368
369table.syntaxtable td {
370    border: none;
371}
372table.syntaxtable td.linenos {
373    padding: 5px 0 0 0;
374    margin: 0;
375    vertical-align: top;
376    text-align: right;
377}
378table.syntaxtable td.linenos pre {
379    border: none;
380    background: inherit;
381}
382table.syntaxtable td {
383    padding-left: 0px;
384    padding-right: 0px;
385}
386table.syntaxtable td.code pre {
387    min-width: 540px;
388    overflow: auto;
389}
390/* Traceback */
391
392div.exception {
393    border-bottom: 1px solid #ddd;
394}
395div.moduleline {
396    color: #00607b;
397    font-style:italic;
398}
399div.traceback_gravatar {
400    float: left;
401}
402div.user_data {
403    margin: 6px 0 0 36px;
404    line-height: 1.2;
405}
406div.exception h2 {
407    font-size: 123.1%;
408    margin: 5px 0 0 0;
409    padding: 5px 0 0 0;
410    line-height: 1;
411}
412div.traceback_post.user_post {
413	float: right;
414    width: 200px;
415}
416div.exception div.frame {
417    font-weight: bold;
418}
419div.exception_frame {
420    font-size: 85%;
421    padding: 0;
422    margin: 10px 0 0 0;
423    line-height: 1.2;
424    clear: both;
425}
426div.traceback_posted {
427    font-size: 85%;
428    color: #444;
429}
430
431div.traceback_author {
432    font-weight: bold;
433}
434
435h2.traceback em {
436    color: #888;
437    font-size: 77%;
438}
439
440div.traceback select#sort_order {
441    float: right;
442    font-size: 85%;
443}
444
445span.subtle {
446    font-size: 77%;
447}
448
449div.traceback_delete {
450    float: right;
451    margin-right: 10px;
452    font-weight: bold;
453}
454
455div.traceback h2 {
456    margin: 0;
457    padding: 0;
458}
459
460div.traceback div.description {
461    float: left;
462    width: 510px;
463}
464
465div.traceback div.description p {
466	border: 1px solid #bbb;
467	margin-right: 20px;
468    padding: 6px;
469    font-size: 93%;
470}
471
472div.traceback div.sysinfo div.language {
473    font-weight: bold;
474    color: #333;
475}
476
477div.traceback ul {
478    padding-left: 0;
479}
480
481table#traceback_libs tr td {
482    border: none;
483    padding: 2px 8px 0 0;
484}
485table#traceback_libs tr {
486    border-bottom: 1px solid #ccc;
487}
488table#traceback_libs {
489    width: 100%;
490}
491div.sysinfo {
492	margin: 20px 0 0 510px;
493	border: 1px solid #bbb;
494    height: 200px;
495    width: 350px;
496    overflow: auto;
497    padding: 4px;
498    font-size: 85%;
499}
500
501/* Snippet styling */
502
503div.snippets div.user_post.header {
504    float: right;
505    width: 240px;
506    margin-top: 15px;
507    border: none;
508}
509
510div.snippets textarea {
511    width: 550px;
512}
513
514div.snippets input.textfield, div.snippets input.autocomplete {
515    width: 400px;
516}
517
518div.snippets textarea#snippet_form_content {
519    height: 240px;
520}
521
522/* Pastebin styling */
523
524div.pastebin div.user_post.header {
525    float: right;
526    width: 240px;
527    margin-top: 18px;
528}
529
530div.pastebin textarea {
531    width: 550px;
532    height: 220px;
533}
534
535div.pastebin input.textfield, div.pastebin input.autocomplete {
536    width: 400px;
537}
538
539div.pastelist.user_post {
540	float: left;
541    border: none;
542    font-size: 85%;
543    margin: 10px 0 0 0;
544    padding: 0 0 0 4px;
545    width: 270px;
546}
547
548div.pastie {
549    clear: both;
550    border-bottom: 1px solid #dedede;
551    padding: 5px 0 0px 0;
552    margin: 0;
553}
554
555div.pastebin div.clearfix {
556    height: 0;
557}
558
559div.pastie div.pastedata {
560    font-size: 85%;
561    margin: 10px 0 0 0;
562    line-height: 1.5;
563    width: 300px;
564    float: left;
565}
566
567div.pastebin h2.pastie {
568    font-size: 123%;
569    margin: 8px 0 0 0;
570    padding: 0 5px 0 0;
571    float: left;
572    width: 310px;
573}
574
575/* Blog styling */
576
577div.atomentry {
578    margin-bottom: 30px;
579}
580div.atomentry h2.title {
581	font-weight: bold;
582	margin-bottom: 0;
583	padding-bottom: 0;
584}
585div.atomentry p.author {
586    margin: -5px 0 15px -9px;
587    padding: 0;
588    font-size: 108%;
589    color: #888;
590}
591div.atomentry span.date, div.atomentry p.author cite {
592    color: #555;
593}
594div.atomentry div.articlecontent h3, div.atomentry div.articlecontent h2 {
595    margin: 4px 0 2px 0;
596    padding: 0;
597}
598div.atomentry div.articlecontent p {
599    margin: 0;
600    padding: 0 0 15px 0;
601}
602div.atomentry div.articlecontent pre {
603    margin: 0;
604    padding: 0;
605}
606
607/* Autocomplete styling */
608.yui_autocomplete_holder { position:relative; }
609
610.yui_autocomplete {position:relative;width:100px;margin-bottom:1em;}/* set width of widget here*/
611.yui_autocomplete {z-index:9000} /* for IE z-index of absolute divs inside relative divs issue */
612#tags {position:absolute;width:450px;height:1.4em;z-index:0;} /* abs for ie quirks */
613.yui_autocomplete {position:absolute;top:1.7em;width:140px;}
614.yui_autocomplete .yui-ac-content {position:absolute;width:100%;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;}
615.yui_autocomplete .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}
616.yui_autocomplete ul {padding:5px 0;width:100%; list-style: none; margin: 0;}
617.yui_autocomplete li {padding:0 5px;cursor:default;white-space:nowrap;}
618.yui_autocomplete li.yui-ac-highlight {background: #eafec2;}
619.yui_autocomplete li.yui-ac-prehighlight {background:#FFFFCC;}
620
621
622/* Form errors */
623
624tr.error.even td span, tr.error.odd td span {
625	padding: 2px 0 0 25px;
626	color: red;
627	height: 24px;
628	display: block;
629	margin: 8px 0 5px 0px;
630    background: url(/images/icons/dialog-error22.png) no-repeat left top;
631}
632
633form > span.error {
634    display: none;
635}
636
637form input.submit {
638    margin-left: 120px;
639    margin-bottom: 20px;
640}
641
642tr.error td  {
643    background: none;
644}
645
646table th {
647    border: none;
648    vertical-align: top;
649}
650
651tr.error td input, tr.error td select, tr.error td textarea {
652	border: 1px solid red;
653}
654
655
656/* Markmail results */
657div.itemlist div.result {
658	margin-bottom: 5px;
659	padding: 2px 0px 2px 4px;
660	background-color: rgb(247, 247, 247);
661	border: 1px solid rgb(235, 235, 235);
662}
663
664div.itemlist div.result div.meta {
665	font-size: 0.8em;
666	color: rgb(1, 116, 22);
667}
668
669p.results a {
670    float: right;
671}
672
673div.itemlist div.blurb {
674	font-size: 0.8em;
675}
676
677div.itemlist div.result a {
678	text-decoration: underline;
679	font-size: 0.9em;
680	cursor: pointer;
681}
682
683
684/* Flash messages */
685ul#success-flash-messages {
686    color: green;
687    background-color: #FFFFCC;
688    font-size: larger;
689    font-style: italic;
690    margin-left: 40px;
691    padding: 4px;
692    list-style: none;
693    border: 2px solid green;
694    }
695
696ul#failure-flash-messages {
697    color: red;
698    border: 2px solid red;
699    background-color: #FFFFCC;
700    font-size: larger;
701    font-style: italic;
702    margin-left: 40px;
703    padding: 4px;
704    list-style: none;
705    }
706ul#failure-flash-messages li, ul#success-flash-messages li {
707    list-style: none;
708}
709
710#doc3 {
711    min-width: 974px;
712    margin-right: 30px;
713    margin-left: 30px;
714}
715
716html {
717    background-color: #0f0f0f;
718}
719
720.scrollable {
721    border: 1px solid rgb(204, 204, 204);
722    border-left: none;
723    border-right: none;
724    overflow: hidden;
725    width: 620px;
726    position: relative;
727    height: 120px;
728}
729.scrollable img {
730    padding-right: 55px;
731    float: left;
732}
733
734.scrollable .items {
735	/* this cannot be too large */
736	width:20000em;
737	position:absolute;
738	clear:both;
739}
740
741/*
742	a single item. must be floated in horizontal scrolling.
743	typically, this element is the one that *you* will style
744	the most.
745*/
746.items div {
747	float:left;
748	width: 620px;
749	padding-left: 20px;
750}