style.css 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619
  1. body {
  2. font-family: 'DejaVu Sans', sans-serif;
  3. min-width: 1100px;
  4. width: 100%;
  5. margin: 0 0;
  6. color: #333;
  7. }
  8. a {
  9. color: #006699;
  10. }
  11. #antet {
  12. width: 760px;
  13. margin-top: 25px;
  14. margin-left: auto;
  15. margin-right: auto;
  16. }
  17. #deviză p {
  18. position: absolute;
  19. top: 30px;
  20. display: inline;
  21. margin-left: 180px;
  22. padding-bottom: 0;
  23. padding-top: 0;
  24. font-style: italic;
  25. font-weight: normal;
  26. font-size: 18px;
  27. width: 420px;
  28. text-align: center;
  29. }
  30. #bandă {
  31. background: none repeat scroll 0 0 #E30039;
  32. border-bottom: 5px solid #B80039;
  33. margin-bottom: 30px;
  34. margin-top: 30px;
  35. }
  36. #meniu {
  37. position: relative;
  38. width: 800px;
  39. margin: 0 auto;
  40. font-weight: bold;
  41. }
  42. ul.meniu {
  43. margin: 0;
  44. overflow: hidden;
  45. padding: 0;
  46. }
  47. ul.meniu li {
  48. display: inline;
  49. float: left;
  50. margin-left: 14px;
  51. }
  52. ul.meniu li a {
  53. color: #fff;
  54. display: block;
  55. float: left;
  56. padding-bottom: 10px;
  57. padding-top: 10px;
  58. text-decoration: none;
  59. }
  60. ul.meniu li a:hover {
  61. text-decoration: underline;
  62. }
  63. ul.meniu li a#limbă {
  64. float: right;
  65. }
  66. ul {
  67. padding: 0 0;
  68. }
  69. #căutare {
  70. position: absolute;
  71. left: -140px;
  72. width: 140px;
  73. top: -10px;
  74. }
  75. .buton {
  76. width: 140px;
  77. height: 40px;
  78. font-weight: bold;
  79. font-size: 0.9em;
  80. background-color: #1b7fcc;
  81. color: white;
  82. cursor: pointer;
  83. margin: 5 0;
  84. opacity: 0.9;
  85. }
  86. .buton:hover {
  87. opacity: 1;
  88. }
  89. .roșu {
  90. text-shadow: 0px -1px 1px #b90a1e;
  91. border: 1px solid #b90a1e;
  92. border-radius: 2px;
  93. background: #ed5052;
  94. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkNTA1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNDNhM2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  95. background: -moz-linear-gradient(top, #ed5052 0%, #e43a3c 100%);
  96. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed5052), color-stop(100%,#e43a3c));
  97. background: -webkit-linear-gradient(top, #ed5052 0%,#e43a3c 100%);
  98. background: -o-linear-gradient(top, #ed5052 0%,#e43a3c 100%);
  99. background: -ms-linear-gradient(top, #ed5052 0%,#e43a3c 100%);
  100. background: linear-gradient(to bottom, #ed5052 0%,#e43a3c 100%);
  101. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed5052', endColorstr='#e43a3c',GradientType=0 );
  102. }
  103. .galben {
  104. text-shadow: 0px -1px 1px #fff;
  105. border: 1px solid #d0a508;
  106. border-radius: 2px;
  107. color: #333;
  108. background: #fdf2a6;
  109. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZjJhNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Q4MWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  110. background: -moz-linear-gradient(top, #fdf2a6 0%, #f7d81a 100%);
  111. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdf2a6), color-stop(100%,#f7d81a));
  112. background: -webkit-linear-gradient(top, #fdf2a6 0%,#f7d81a 100%);
  113. background: -o-linear-gradient(top, #fdf2a6 0%,#f7d81a 100%);
  114. background: -ms-linear-gradient(top, #fdf2a6 0%,#f7d81a 100%);
  115. background: linear-gradient(to bottom, #fdf2a6 0%,#f7d81a 100%);
  116. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf2a6', endColorstr='#f7d81a',GradientType=0 );
  117. }
  118. input[value="Abonează-te"]{
  119. text-shadow: 0px -1px 1px #2c82c5;
  120. border: 1px solid #2c82c5;
  121. border-radius: 2px;
  122. background: #3f97db;
  123. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmOTdkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMThiZDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  124. background: -moz-linear-gradient(top, #3f97db 0%, #318bd1 100%);
  125. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f97db), color-stop(100%,#318bd1));
  126. background: -webkit-linear-gradient(top, #3f97db 0%,#318bd1 100%);
  127. background: -o-linear-gradient(top, #3f97db 0%,#318bd1 100%);
  128. background: -ms-linear-gradient(top, #3f97db 0%,#318bd1 100%);
  129. background: linear-gradient(to bottom, #3f97db 0%,#318bd1 100%);
  130. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f97db', endColorstr='#318bd1',GradientType=0 );
  131. }
  132. input[name="fullname"] {
  133. margin-bottom: 5px;
  134. }
  135. .flux {
  136. float: right;
  137. }
  138. .căsuță {
  139. width: 140px;
  140. height: 30px;
  141. background-color: #fcfcfc;
  142. padding-left: 3px;
  143. border-radius:0 !important;
  144. border: 1px solid #ddd !important;
  145. -webkit-border-radius:1px solid #ddd !important;
  146. }
  147. #căutare input {
  148. width: 140px;
  149. margin-top: 15px;
  150. float: left;
  151. background-color: #fcfcfc;
  152. border: 1px solid #ddd !important;
  153. -webkit-border-radius:1px solid #ddd !important;
  154. }
  155. form {
  156. margin: 0 0;
  157. }
  158. .scris-mic {
  159. font-size: 0.9em;
  160. }
  161. .block-title {
  162. border-bottom: 3px solid #CCCCCC;
  163. font-size: 22px!important;
  164. font-weight: normal !important;
  165. padding-bottom: 5px;
  166. }
  167. .title {
  168. color: #006699;
  169. font-size: 20px;
  170. margin-bottom: 10px;
  171. }
  172. .block{
  173. margin-bottom: 30px;
  174. }
  175. .about-ceata {
  176. background: #F9F6E3;
  177. border-top: 3px solid #E9E3BF;
  178. font-size: 15px !important;
  179. line-height: 25px;
  180. margin-bottom: 30px;
  181. padding: 20px;
  182. }
  183. .content {
  184. font-size: 14px;
  185. line-height: 20px;
  186. }
  187. #panou {
  188. position: absolute;
  189. width: 140px;
  190. left: -140px;
  191. font-size: 14px;
  192. }
  193. #panou p, #promovare p {
  194. font-weight: bold;
  195. }
  196. #panou div {
  197. margin-bottom: 20px;
  198. }
  199. #promovare {
  200. position: absolute;
  201. width: 140px;
  202. right: -140px;
  203. font-size: 14px;
  204. }
  205. #promovare div {
  206. margin-bottom: 20px;
  207. }
  208. #panou div.fără-dungă {
  209. border-bottom: 0px !important;
  210. -webkit-border-radius:0px !important;
  211. }
  212. #panou p {
  213. border-bottom: 3px solid #CCCCCC;
  214. margin-bottom: 15px;
  215. margin-top: 0;
  216. padding-bottom: 5px;
  217. }
  218. #promovare p {
  219. border-bottom: 3px solid #CCCCCC;
  220. margin-bottom: 15px;
  221. margin-top: 0;
  222. padding-bottom: 5px;
  223. }
  224. #panou ul {
  225. margin-top: 5px;
  226. margin-bottom: 5px;
  227. }
  228. #promovare ul {
  229. margin: 0;
  230. line-height: 20px;
  231. }
  232. #panou a, #promovare a, h2 a {
  233. color: #006699;
  234. }
  235. #panou a:hover, #promovare a:hover {
  236. text-decoration: underline;
  237. }
  238. h2 a:hover {
  239. text-decoration: underline;
  240. }
  241. #central {
  242. font-size: 14px;
  243. min-height: 700px;
  244. overflow: auto;
  245. padding-left: 20px;
  246. padding-right: 20px;
  247. }
  248. .rezumat p {
  249. text-align: justify;
  250. }
  251. .listă-simplă {
  252. list-style-type: none;
  253. }
  254. #corp {
  255. position: relative;
  256. width: 800px;
  257. margin: 0 auto;
  258. }
  259. input {
  260. display: block;
  261. }
  262. .anunțuri {
  263. margin-top: 10px;
  264. border-top: 1px solid #ccc !important;
  265. border-bottom: 1px solid #ccc !important;
  266. -webkit-border-radius:1px solid #ccc !important;
  267. }
  268. .aerisit {
  269. margin-bottom: 10px;
  270. padding-bottom: 10px;
  271. }
  272. a {
  273. text-decoration: none;
  274. }
  275. a:hover {
  276. text-decoration: underline;
  277. }
  278. .rezumat h2 {
  279. margin-top: 15px;
  280. font-size: 1.1em;
  281. }
  282. .titlu {
  283. font-size: 1em;
  284. font-weight: bold;
  285. margin-bottom: 5px;
  286. }
  287. .rezumat {
  288. margin-top: 5px;
  289. }
  290. .rezumat p {
  291. margin: 0 0;
  292. padding: 0 0;
  293. }
  294. p.toate {
  295. margin-bottom: 40px;
  296. font-weight: bold;
  297. }
  298. .data {
  299. font-size: 0.9em;
  300. float: right;
  301. color: #555;
  302. }
  303. .lângă {
  304. float: none;
  305. }
  306. .coloană {
  307. float: left;
  308. width: 247px;
  309. margin-right: 0px;
  310. margin-left: 0px;
  311. padding-left: 10px;
  312. padding-right: 5px;
  313. border-right: 1px solid #ccc !important;
  314. -webkit-border-radius:1px solid #ccc !important;
  315. }
  316. .prima {
  317. padding-left: 0px;
  318. }
  319. .ultima {
  320. border-right: 0 !important;
  321. -webkit-border-radius:0 !important;
  322. }
  323. .coordonate {
  324. margin-top: 5px;
  325. }
  326. .coordonate p {
  327. text-align: left;
  328. margin: 0 0;
  329. padding: 0 0;
  330. }
  331. .ultimul-eveniment {
  332. padding-top: 10px;
  333. border-top: 1px solid #ccc !important;
  334. -webkit-border-radius:1px solid #ccc !important;
  335. }
  336. #subsol {
  337. background: none repeat scroll 0 0 #EEE;
  338. padding: 0 0;
  339. margin-top: 80px;
  340. padding-top: 0px;
  341. }
  342. #note {
  343. border-top: 2px solid #CCC;
  344. padding-top: 14px;
  345. padding-bottom: 8px;
  346. }
  347. #subsol p {
  348. text-align: center;
  349. font-size: 13px;
  350. margin-top: 0;
  351. margin-bottom: 8px;
  352. }
  353. #desfășurat {
  354. width: 800px;
  355. margin: auto auto;
  356. padding: 0 0;
  357. overflow: auto;
  358. font-size: 14px;
  359. line-height: 20px;
  360. }
  361. #desfășurat ul {
  362. font-weight: bold;
  363. }
  364. #desfășurat ul ul {
  365. font-weight: normal;
  366. padding-left: 5px;
  367. }
  368. .coloană-de-subsol {
  369. padding-left: 30px;
  370. border-right: 0 !important;
  371. width: 230px;
  372. }
  373. #subsol a {
  374. text-decoration: none;
  375. }
  376. #subsol a:hover {
  377. text-decoration: underline;
  378. }
  379. #subsol .listă-simplă{
  380. line-height: 20px;
  381. }
  382. #susținem img {
  383. margin-bottom: 10px;
  384. }
  385. .pagină {
  386. padding-bottom: 40px;
  387. }
  388. .pagină p {
  389. margin-top: 0px;
  390. margin-bottom: 16px;
  391. }
  392. .pagină a {
  393. color: #006699;
  394. }
  395. .pagină ul {
  396. margin-left: 20px;
  397. }
  398. .pagină ul.listă-simplă {
  399. margin-left: 0px;
  400. }
  401. .pagină ul.listă-nealiniată {
  402. margin-left: 0px;
  403. }
  404. .pagină h2 {
  405. margin-top: 0px;
  406. font-size: 22px;
  407. font-weight: normal;
  408. }
  409. .cursiv {
  410. font-style: italic;
  411. }
  412. p.notă-de-subsol {
  413. margin-top: 16px;
  414. }
  415. .articol {
  416. text-align: left;
  417. }
  418. .articol h2 {
  419. font-size: 22px;
  420. font-weight: normal;
  421. }
  422. .pe-scurt {
  423. font-weight: bold;
  424. }
  425. table.detalii {
  426. float: right;
  427. font-size: 14px;
  428. border-collapse: collapse;
  429. border:1px solid #ccc;
  430. margin-left: 10px;
  431. margin-bottom: 10px;
  432. }
  433. table.detalii table {
  434. font-size: 14px;
  435. border: 0px;
  436. margin: 0px;
  437. padding: 0px;
  438. }
  439. table.detalii th {
  440. float: left;
  441. padding: 5px;
  442. }
  443. table.detalii tr {
  444. border:1px solid #ccc;
  445. padding: 5px;
  446. }
  447. table.detalii tr tr {
  448. border: 0px;
  449. padding: 0px;
  450. }
  451. table.detalii td {
  452. border:1px solid #ccc;
  453. padding: 5px;
  454. max-width: 150px;
  455. }
  456. table.detalii td td {
  457. border: 0px;
  458. padding: 0px 0px;
  459. }
  460. p.membru {
  461. padding-bottom: 10px;
  462. }
  463. p.consilier, p.onorific {
  464. min-height: 300px;
  465. }
  466. img {
  467. border-radius: 5px;
  468. }
  469. p.membru img {
  470. float: left;
  471. margin-right: 5px;
  472. }
  473. blockquote {
  474. background: #f9f9f9;
  475. border-left: 5px solid #ccc;
  476. padding: 0.5em 10px;
  477. margin: 0;
  478. }
  479. hr {
  480. margin-top: 20px;
  481. margin-bottom: 20px;
  482. }
  483. table {
  484. font-size: 14px;
  485. }
  486. td.an {
  487. vertical-align: text-top;
  488. font-weight: bold;
  489. padding: 0 10 0 0;
  490. }
  491. #firimituri {
  492. margin-bottom: 10px;
  493. font-size: 13px;
  494. }
  495. #firimituri ul {
  496. display: inline;
  497. list-style-type: none;
  498. margin: 0;
  499. padding: 0;
  500. }
  501. #firimituri li {
  502. display: inline;
  503. list-style-type: none;
  504. margin: 0;
  505. padding: 0;
  506. }