git.roojs.org Git - roojs1/blob - examples/dialog/post.css

   1 /*\r
   2  * yui-ext\r
   3  * Copyright(c) 2006, Jack Slocum.\r
   4  */\r
   5 \r
   6 body{\r
   7         font: normal 9pt verdana,tahoma,arial,helvetica;\r
   8 }\r
   9 .post{\r
  10         padding:15px;\r
  11 }\r
  12 .post h2{\r
  13         font:normal 22px times;\r
  14         margin-bottom:10px;\r
  15 }\r
  16 .post p{\r
  17         margin-bottom:10px;\r
  18         line-height:18px;\r
  19 }\r
  20 \r
  21 .loading-indicator {\r
  22         font-size:8pt;\r
  23         background-image: url('../../images/grid/loading.gif');\r
  24         background-repeat: no-repeat;\r
  25         background-position: left;\r
  26         padding-left:20px;\r
  27         margin:5px;\r
  28 }\r
  29 \r
  30 /** Posting messages */\r
  31 .ydlg-ft{\r
  32         position:relative;\r
  33 }\r
  34 \r
  35 #dlg-msg {\r
  36         position:absolute;\r
  37         left:0px;\r
  38         top:0px;\r
  39         width:40%;\r
  40 }\r
  41 .posting-msg{\r
  42         display:none;\r
  43         font:normal 8pt tahoma, arial;\r
  44         color:black;\r
  45 }\r
  46 #post-error-msg{\r
  47         color:red;\r
  48 }\r
  49 .active-msg{\r
  50         display:block;\r
  51 }\r
  52 \r
  53 /** Comment Box (with links) */\r
  54 #comment-box{\r
  55         float:right;\r
  56         clear:none;\r
  57         border:2px solid #aca899;\r
  58         background-color:#f3f2e7;\r
  59         padding:10px;\r
  60         margin:15px;\r
  61 }\r
  62 #comment-box li{\r
  63         margin:4px;\r
  64 }\r
  65 #comment-box a{\r
  66         text-decoration:none;\r
  67 }\r
  68 #comments-list{\r
  69         margin:0px;\r
  70         padding:0px;\r
  71 }\r
  72 /** Comment Post Form */\r
  73 #post-tab .inner-tab{\r
  74         margin:10px;\r
  75         margin-top:5px;\r
  76 }\r
  77 #comment-form label {\r
  78         margin:4px;\r
  79         margin-left:0px;\r
  80         display:block;\r
  81         color:#333333;\r
  82         font:normal 10px arial,helvetica;\r
  83         line-height:14px;\r
  84 }\r
  85 #comment-form .textinput{\r
  86         border:1px solid #6593cf;\r
  87         width:98%;\r
  88         padding:1px;\r
  89         margin-bottom:2px;\r
  90         font:normal 11px tahoma, arial;\r
  91 }\r
  92 #comment {\r
  93         width:480px;\r
  94         height:205px;\r
  95         font:normal 11px tahoma, arial;\r
  96 }\r
  97 \r
  98 /** Comment List */\r
  99 .commentmetadata {\r
 100         margin: 0;\r
 101         display: block;\r
 102         font-size: 9px;\r
 103         font-weight:normal;\r
 104         color:gray;\r
 105         margin-bottom:10px;\r
 106         float:right;\r
 107         clear:none;\r
 108 }\r
 109 .cuser{\r
 110         float:left;\r
 111         clear:none;\r
 112         font:bold 12px tahoma, arial;\r
 113         padding-left:21px;\r
 114         background: url(images/comment.gif) no-repeat;\r
 115 }\r
 116 .cuser a{\r
 117         font:bold 12px tahoma, arial;\r
 118 }\r
 119 .cheader{\r
 120         height:20px;\r
 121 }\r
 122 #comments-list li {\r
 123         display:block;\r
 124         background: url(images/comment-bg.gif) repeat-x;\r
 125         background-position:0px -5px;\r
 126         padding:15px;\r
 127         padding-bottom:18px;\r
 128         font-size:12px;\r
 129 }