/neutrino atomic edition 08/tpl/default/style.css

http://neutrino-cms.googlecode.com/ · CSS · 416 lines · 359 code · 53 blank · 4 comment · 0 complexity · f71a4dc1ce962532e35b727af392f7af MD5 · raw file

  1. /*for Neutrino 0.8.4+ by AVV*/
  2. /** { margin:0; padding:0;}*/
  3. img {
  4. border: 0;
  5. }
  6. body {
  7. text-align:center;
  8. font:small Tahoma, Verdana, Arial, Helvetica, sans-serif;
  9. color:#3d3d3d;
  10. background:#606060;
  11. }
  12. #wrap {
  13. text-align:left;
  14. width:700px;
  15. margin:80px auto;
  16. background:#FFF;
  17. overflow:hidden;
  18. }
  19. a {
  20. color:#780018;
  21. text-decoration:underline;
  22. }
  23. a:hover {
  24. color:#184860;
  25. text-decoration:none;
  26. }
  27. .clear {
  28. clear:both;
  29. }
  30. #header {
  31. border:15px
  32. solid #FFF;
  33. background:#184860;
  34. padding:20px;
  35. color:#FFF;
  36. }
  37. #header h1 {
  38. font:300% Georgia, "Times New Roman", Times, serif;
  39. letter-spacing:-1px;
  40. }
  41. #header h1 a {
  42. color:#FFF;
  43. text-decoration:none;
  44. }
  45. #header h1 a:hover {
  46. color:#FFC;
  47. text-decoration:none;
  48. }
  49. #menu {
  50. padding:10px 20px 0;
  51. text-align: center;
  52. }
  53. #menu a {
  54. padding:0 10px;
  55. }
  56. #content, #footer{
  57. padding:15px;
  58. }
  59. #posticons {
  60. padding:5px 15px;
  61. margin:0 15px;background:#EAEAEA;
  62. text-align: center;
  63. }
  64. #posticons a {
  65. text-decoration:none;
  66. padding:0 5px;
  67. }
  68. #posticons a:hover {
  69. background:#780018;
  70. color:#FFF;
  71. }
  72. #post_form {
  73. background:#EAEAEA;padding:0 15px;
  74. margin:0 15px;
  75. border-top:1px solid #999;
  76. }
  77. .new_version {
  78. margin:10px 20px;
  79. padding:10px 0;
  80. text-align:center;
  81. background:#FF6;
  82. font-weight:bold;
  83. border:3px double #666;
  84. }
  85. ul.form {
  86. list-style:none;
  87. margin:10px 0;
  88. padding-bottom:10px;
  89. }
  90. ul.form li {
  91. margin-bottom:5px;
  92. background:#E3E3E3;
  93. padding:5px;
  94. border-bottom:1px solid #E0E0E0;
  95. border-right:1px solid #E0E0E0;
  96. }
  97. ul.form li.formtitle {
  98. background:#FFC;
  99. font:140% Georgia, "Times New Roman", Times, serif;
  100. letter-spacing:-1px;
  101. }
  102. ul.form li .fld {
  103. border:1px solid #BBB;
  104. width:95%;
  105. padding:2px;
  106. }
  107. ul.form li textarea.fld {
  108. height:150px;
  109. overflow:auto;
  110. }
  111. ul.form li.delbtn {
  112. float:right;
  113. }
  114. ul.form li .btn {
  115. background:#F07800;
  116. font-size:85%;
  117. color:#FFF;
  118. font-weight:bold;
  119. padding:2px 10px;
  120. border:3px double #F07800;
  121. cursor:pointer;
  122. }
  123. ul.form li .del {
  124. background:#F00;
  125. font-size:85%;
  126. color:#FFF;
  127. font-weight:normal;
  128. padding:2px 10px;
  129. border:none;
  130. cursor:pointer;
  131. }
  132. .post {
  133. margin-bottom:20px;
  134. }
  135. .post h2 {
  136. font:normal 220% Georgia, "Times New Roman", Times, serif;
  137. margin-bottom:5px;
  138. letter-spacing:-1px;
  139. }
  140. .post h2 a {
  141. text-decoration:none;
  142. color:#3d3d3d;
  143. }
  144. .post h2 a:hover {
  145. text-decoration:none;
  146. color:#780018;
  147. }
  148. .post .entry img {
  149. margin: 10px;
  150. }
  151. .entry a {
  152. color:#780018;
  153. text-decoration:underline;
  154. }
  155. .entry a:hover {
  156. color:#184860;
  157. text-decoration:none;
  158. }
  159. .entry a img {
  160. background:#FFF;
  161. padding:5px;
  162. border:5px solid #EAEAEA;
  163. }
  164. .entry blockquote {
  165. font:italic 105% Arial, Helvetica, sans-serif;
  166. padding:5px;
  167. margin:5px;
  168. background:#EBEBEB;
  169. }
  170. .meta {
  171. font-size:85%;
  172. text-align:right;
  173. color:#999;
  174. padding:5px 0;
  175. border-bottom:1px solid #EAEAEA;
  176. margin:5px 0;
  177. }
  178. .meta a {
  179. border-left:1px solid;
  180. border-right:1px solid;
  181. color:#999999;
  182. padding:0 2px;
  183. text-decoration:none;
  184. }
  185. .meta a:hover {
  186. color:#333;
  187. text-decoration:underline;
  188. }
  189. #ed_toolbar {
  190. padding:5px 0;
  191. }
  192. #ed_toolbar .ed_button {
  193. font-size:10px;
  194. background:#FFF;
  195. color:#444;
  196. border-right: 1px solid #BBB;
  197. border-bottom: 1px solid #BBB;
  198. margin-right:3px;
  199. text-align:center;
  200. padding:4px 13px;
  201. display:block;
  202. float:left;
  203. width:auto;
  204. font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
  205. cursor:pointer;
  206. }
  207. #login_form {
  208. padding:10px 0;
  209. }
  210. #login_form .fld {
  211. border:1px solid #A8A8A8;
  212. padding:2px;
  213. }
  214. #login_form .btn {
  215. background:#F07800;
  216. font-size:85%;
  217. color:#333;
  218. font-weight:bold;
  219. padding:2px;
  220. }
  221. .image {
  222. background:#FFF;
  223. padding:5px;
  224. border:5px solid #EAEAEA;
  225. }
  226. blockquote.bq {
  227. font:italic 140% Georgia, "Times New Roman", Times, serif;
  228. text-align: justify;
  229. margin-bottom:5px;
  230. width:85%;
  231. float:left;
  232. background:#FFF;
  233. padding:0;
  234. margin:0;
  235. }
  236. .qleft {
  237. font:900% Georgia, 'Times New Roman', Times, serif;
  238. float:left;
  239. margin-right:10px;
  240. display:block;
  241. width:10%;
  242. color:#999;
  243. }
  244. .commentslist {
  245. margin-left:20px;
  246. }
  247. .commentslist li {
  248. margin-bottom:10px;
  249. padding-bottom:10px;
  250. border-bottom:1px solid #EAEAEA;
  251. font-size:85%;
  252. color:#666;
  253. }
  254. .commentslist li div {
  255. font-size:120%;
  256. color:#3d3d3d;
  257. margin-top: 5px;
  258. }
  259. .commentslist li .date {
  260. font-size:75%;
  261. color:#666
  262. }
  263. .commentslist li .author {
  264. background:url(i/person.gif) no-repeat 0 50%;
  265. padding-left:15px;
  266. color:#780018;
  267. }
  268. .commentslist li .author_a {
  269. background:url(i/person_a.gif) no-repeat 0 50%;
  270. padding-left:15px;
  271. color:#780018;
  272. }
  273. .commentslist blockquote {
  274. margin-left: 10px;
  275. padding-left: 10px;
  276. border-left: 2px solid grey;
  277. }
  278. #leaveacomment {
  279. text-align:right;
  280. }
  281. #xfn-block {
  282. padding-left:15px;
  283. font-size:85%;
  284. color:#666;
  285. }
  286. #footer {
  287. font-size:85%;
  288. color:#666;
  289. }
  290. #footer a {
  291. color:#666;
  292. text-decoration:underline;
  293. }
  294. #footer a:hover {
  295. color:#333;
  296. text-decoration:none;
  297. }
  298. #paginator a {
  299. display:inline;
  300. text-align:center;
  301. padding:1px 3px;
  302. background:#184860;
  303. text-decoration: none;
  304. color:#FFF;
  305. }
  306. #paginator a:hover {
  307. background:#CCC;
  308. color:#000;
  309. }
  310. #paginator strong {
  311. display:inline;
  312. text-align:center;
  313. padding:1px 3px;
  314. background:#780018;
  315. text-decoration: none;
  316. color:#FFF;
  317. }
  318. .place {
  319. width: 95%;
  320. border: 1px solid #ccc;
  321. /*border-bottom: 1px solid #ccc;*/
  322. margin: auto;
  323. margin-top: -15px;
  324. margin-bottom: 0;
  325. background-color: #fbfbfb;
  326. text-align: center;
  327. /*padding: 2px;*/
  328. }
  329. #right, #left{
  330. padding:15px;
  331. width:250px;
  332. }
  333. #right{
  334. background:#E3E3E3;
  335. }
  336. .commentform .fields{overflow:hidden;}
  337. .commentform input {margin:1px 0;}
  338. .commentform .text textarea{width:50%; height:85px;float:left;margin-right:5px;}
  339. #comments_list {margin:0;padding:0;}
  340. ul#comments_list{list-style-type:none;}
  341. .comment {margin-bottom:10px; padding:7px; border: 1px solid #EEE}
  342. .admin { background-color: #FEFAF5}
  343. .comment .nick {cursor: pointer;}
  344. .comment .web {display:inline;}
  345. .comment .comment-body {padding:5px;}
  346. .comment .comment-head span{ font-size:85%;}
  347. .comment .comment-head span a {
  348. border-left:1px solid;
  349. border-right:1px solid;
  350. color:#999;
  351. padding:0 2px;
  352. text-decoration:none;
  353. }
  354. .comment .comment-head span a:hover {color:#333;text-decoration:underline;}
  355. .date {
  356. font-style:italic;
  357. }
  358. sup {
  359. color:#808080;
  360. }
  361. #content p {
  362. margin:4px 0;
  363. }