projects / irc / quakenet / qwebirc.git / blame
| Commit | Line | Data |
|---|---|---|
| 08137ae6 CP |
1 | /*\r |
| 2 | \r | |
| 3 | CSS for Mocha UI\r | |
| 4 | \r | |
| 5 | Copyright:\r | |
| 6 | Copyright (c) 2007-2008 Greg Houston, <http://greghoustondesign.com/>.\r | |
| 7 | \r | |
| 8 | License:\r | |
| 9 | MIT-style license.\r | |
| 10 | \r | |
| 11 | Note: \r | |
| 12 | If you are adding MochaUI to an existing site, this CSS file may not be necessary.\r | |
| 13 | \r | |
| 14 | */\r | |
| 15 | \r | |
| 16 | \r | |
| 17 | /* Reset */\r | |
| 18 | \r | |
| 19 | ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,object,iframe { margin: 0; padding: 0; }\r | |
| 20 | a img,:link img,:visited img { border: none; }\r | |
| 21 | table { border-collapse: collapse; border-spacing: 0; }\r | |
| 22 | :focus { outline: none; }\r | |
| 23 | \r | |
| 24 | /* Structure */\r | |
| 25 | \r | |
| 26 | body {\r | |
| 27 | text-align: left;\r | |
| 28 | font-family: Arial, Helvetica, sans-serif;\r | |
| 29 | font-size: 12px;\r | |
| 30 | line-height: 18px;\r | |
| 31 | color: #3f3f3f; \r | |
| 32 | }\r | |
| 33 | \r | |
| 34 | /* Typography */\r | |
| 35 | \r | |
| 36 | h2, h3, h4 {\r | |
| 37 | margin: 0;\r | |
| 38 | padding: 0 0 5px 0;\r | |
| 39 | font-size: 12px;\r | |
| 40 | font-weight: bold;\r | |
| 41 | }\r | |
| 42 | \r | |
| 43 | h2 {\r | |
| 44 | font-size: 14px;\r | |
| 45 | font-weight: bold;\r | |
| 46 | }\r | |
| 47 | \r | |
| 48 | #mochaPage h3 {\r | |
| 49 | display: block;\r | |
| 50 | font-size: 12px;\r | |
| 51 | padding: 6px 0 6px 0;\r | |
| 52 | margin: 0 0 8px 0;\r | |
| 53 | border-bottom: 1px solid #bbb;\r | |
| 54 | }\r | |
| 55 | \r | |
| 56 | h4 {\r | |
| 57 | font-size: 11px;\r | |
| 58 | }\r | |
| 59 | \r | |
| 60 | a {\r | |
| 61 | color: #098ED1;\r | |
| 62 | text-decoration: none;\r | |
| 63 | cursor: pointer;\r | |
| 64 | }\r | |
| 65 | \r | |
| 66 | a:hover {\r | |
| 67 | text-decoration: none;\r | |
| 68 | }\r | |
| 69 | \r | |
| 70 | p {\r | |
| 71 | margin: 0;\r | |
| 72 | padding: 0 0 9px 0;\r | |
| 73 | }\r | |
| 74 | \r | |
| 75 | .lite {\r | |
| 76 | color: #999;\r | |
| 77 | }\r | |
| 78 | \r | |
| 79 | /* List Elements */\r | |
| 80 | \r | |
| 81 | ul {\r | |
| 82 | list-style: outside;\r | |
| 83 | margin: 0 0 9px 16px;\r | |
| 84 | list-style-type: disc;\r | |
| 85 | }\r | |
| 86 | \r | |
| 87 | dt {\r | |
| 88 | font-weight: bold;\r | |
| 89 | }\r | |
| 90 | \r | |
| 91 | dd {\r | |
| 92 | padding: 0 0 9px 0;\r | |
| 93 | }\r | |
| 94 | \r | |
| 95 | /* Forms */\r | |
| 96 | \r | |
| 97 | textarea, input {\r | |
| 98 | font-family: Arial, Helvetica, sans-serif;\r | |
| 99 | font-size: 12px; \r | |
| 100 | } \r | |
| 101 | \r | |
| 102 | /* Code */\r | |
| 103 | \r | |
| 104 | pre {\r | |
| 105 | background-color: #f6f6f6;\r | |
| 106 | color: #060;\r | |
| 107 | display: block;\r | |
| 108 | font-family: 'Courier New', Courier, monospace;\r | |
| 109 | font-size: 11px;\r | |
| 110 | max-height: 250px;\r | |
| 111 | overflow: auto;\r | |
| 112 | margin: 0 0 10px 0;\r | |
| 113 | padding: 0 10px 10px 10px;\r | |
| 114 | border: 1px solid #d1d7dc; \r | |
| 115 | }\r | |
| 116 | \r | |
| 117 | /* Dividers */\r | |
| 118 | \r | |
| 119 | hr {\r | |
| 120 | background-color: #ddd;\r | |
| 121 | color: #ccc;\r | |
| 122 | height: 1px;\r | |
| 123 | border: 0px;\r | |
| cfd8616d | 124 | } |