Advertisement
Guest User

ScriptCSS

a guest
Jul 14th, 2011
74
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 62.05 KB | None | 0 0
  1. * {
  2. margin: 0px;
  3. padding: 0px;
  4. }
  5. html {
  6. font-size: 100%;
  7. height: 100%;
  8. }
  9. * html {
  10. scrollbar-face-color: #;
  11. scrollbar-highlight-color: #;
  12. scrollbar-shadow-color: #;
  13. scrollbar-3dlight-color: #;
  14. scrollbar-arrow-color: #;
  15. scrollbar-track-color: #;
  16. scrollbar-darkshadow-color: #;
  17. }
  18. *+ html {
  19. scrollbar-face-color: #;
  20. scrollbar-highlight-color: #;
  21. scrollbar-shadow-color: #;
  22. scrollbar-3dlight-color: #;
  23. scrollbar-arrow-color: #;
  24. scrollbar-track-color: #;
  25. scrollbar-darkshadow-color: #;
  26. }
  27.  
  28. /* Begin CSS for print media */
  29. @media print {
  30. * {
  31. background-image: none;
  32. background-color: #fff;
  33. color: #000;
  34. }
  35. body {
  36. padding: 0;
  37. margin: 0;
  38. font-size: 10pt;
  39. }
  40. body#phpbb div#wrap {
  41. width: 85%;
  42. margin: 0;
  43. }
  44. span.corners-top,span.corners-bottom {
  45. display: none;
  46. }
  47.  
  48. /* Header */
  49. #wrap #logo-desc p,#wrap #logo-desc img,div#page-header div.navbar,div#page-header div.navbar ul.linklist {
  50. display: none !important;
  51. }
  52. #wrap div.headerbar {
  53. margin: 0;
  54. border-bottom: 1px solid #ccc;
  55. }
  56. #wrap div#page-body h2 {
  57. font-weight: bolder;
  58. border-bottom: 1px solid #ccc;
  59. margin-bottom: 1em;
  60. }
  61.  
  62. /* Posts */
  63. #wrap div#page-body div.topic-actions,#wrap div#page-body .pagination,#wrap div#page-body .left-box,#wrap div.postbody ul.profile-icons,#wrap div.postbody img,#wrap dl.postprofile,#wrap div.post .right,#wrap div.postbody div.signature {
  64. float: none;
  65. display: none !important;
  66. }
  67. #wrap dl.postprofile {
  68. float: none;
  69. }
  70. #wrap div.postbody .online {
  71. background-image: none;
  72. }
  73. #wrap div.postbody {
  74. width: auto;
  75. }
  76. #wrap div.postbody h3 {
  77. font-size: 10pt;
  78. }
  79. #wrap div.postbody p.author {
  80. width: 100%;
  81. border-bottom: 1px dashed #ccc;
  82. }
  83. #wrap div#page-body div.post {
  84. padding: 0 0 2em 0;
  85. border-top: 3px double #ccc;
  86. }
  87. div.postbody {
  88. width: 100%;
  89. float: none;
  90. }
  91. #wrap div#page-body div.post .content {
  92. overflow: visible;
  93. }
  94.  
  95. /* Footer */
  96. div.noprint {
  97. display: none;
  98. }
  99. #wrap div#page-footer,#wrap div#page-footer ul.linklist {
  100. display: none;
  101. }
  102. }
  103.  
  104. /* End CSS for print media */
  105. #min-width {
  106. min-width: 750px;
  107. }
  108. body {
  109. font: 11px Helvetica,Arial,FreeSans,sans-serif;
  110. color: #333333;
  111. background-color: #ffffff;
  112. background-image: url('http://i45.tinypic.com/24x3sza.jpg');
  113. background-repeat: repeat-x;
  114. background-position: top;
  115. background-attachment: scroll;
  116. height: auto;
  117. padding: 10px 0px;
  118. }
  119. * html .conteneur_minwidth_IE {
  120.  
  121. /* Hack IE min-width */
  122. padding-left: 900px;
  123. }
  124. * html .conteneur_container_IE {
  125.  
  126. /* Hack IE min-width */
  127. margin-left: -900px;
  128. position: relative;
  129. }
  130. * html .conteneur_minwidth_IE, * html .conteneur_container_IE, * html .conteneur_layout_IE {
  131.  
  132. /* Hack IE min-width */
  133. height: 1px;
  134. }
  135. #wrap {
  136. width: 95%;
  137. margin: 0px auto;
  138. background-color: transparent;
  139. border: 1px solid #;
  140. padding: 10px;
  141. min-width: 768px;
  142. background-image: url(http://i654.photobucket.com/albums/uu265/hoover78/VisualLock/3rf3n.png);
  143. background-repeat: no-repeat;
  144. background-position: bottom center;
  145.  
  146. }
  147. #simple-wrap {
  148. padding: 6px 10px;
  149. }
  150.  
  151. /* **************************************************************************Most stable Standards-compliant 3-column layout by Ryan Brillhttp://www.alistapart.com/articles/negativemargins
  152. /************************************************************************** */
  153. #content-container div#container {
  154. width: 100%;
  155. float: left;
  156. margin-right: -0px;
  157. }
  158. #content-container div#content {
  159. margin-right: 0px;
  160. }
  161. #content-container div#main {
  162. margin-bottom: 1em;
  163. overflow: hidden;
  164.  
  165. /* Fixes 3-column negative margins float clearing bug: http://archivist.incutio.com/viewlist/css-discuss/97678 Thanks Georg! */
  166. }
  167. *+ html #content-container div#main {
  168. margin-left: 0px;
  169. }
  170. #content-container div#left {
  171. width: 0px;
  172. float: left;
  173. margin-right: 0px;
  174. overflow: hidden;
  175. }
  176. #content-container div#right {
  177. width: 0px;
  178. float: right;
  179. overflow: hidden;
  180. }
  181. * html #content-container #main-content {
  182.  
  183. /* FIX for IE6... For some reason, if we insert comment before this series, the star html hack don't work no more... ?? */
  184. overflow: visible;
  185. margin-right: 0px;
  186. }
  187. * html #content-container div#main {
  188.  
  189. /* FIX for IE6 */
  190. margin-right: -99%;
  191. width: 100%;
  192. float: left;
  193. }
  194. #page-body {
  195. margin: 4px 0;
  196. width: 100%;
  197. }
  198. #page-body p.page-bottom {
  199. margin: 0;
  200. }
  201. #page-footer {
  202. clear: both;
  203. }
  204. #page-footer h3 {
  205. margin-top: 20px;
  206. }
  207. #page-footer .linklist strong {
  208. font-weight: normal;
  209. }
  210.  
  211. /* Tags-------------------------------------------------*/
  212. h1.page-title {
  213. font-family: Verdana,Arial,Helvetica,sans-serif;
  214. font-weight: normal;
  215. color: #7c7c7c;
  216. font-size: 1em;
  217. margin: 0.8em 0 0.2em 0;
  218. }
  219. h1.gallery-title {
  220. display: inline;
  221. font-size: 12px;
  222. text-align: center;
  223. font-weight: bold;
  224. }
  225. h2 {
  226.  
  227. /* Keeping old styles for h2 for legacy */
  228. font-family: Verdana,Arial,Helvetica,sans-serif;
  229. font-weight: normal;
  230. color: #7c7c7c;
  231. font-size: 1em;
  232. margin: 0.8em 0 0.2em 0;
  233. }
  234. h1.solo {
  235. margin-bottom: 1em;
  236. }
  237. h3, .h3 {
  238. font-family: Verdana,Arial,Helvetica,sans-serif;
  239. text-transform: uppercase;
  240. border-bottom: 1px solid #f1f1f1;
  241. margin-bottom: 3px;
  242. padding-bottom: 2px;
  243. font-size: 1em;
  244. color: #666666;
  245. margin-top: 20px;
  246. }
  247. .h3 {
  248. font-weight: bold;
  249. }
  250. .module .h3,.postbody .h3,.introduction .h3 {
  251. margin-top: 8px;
  252. }
  253. .table-title, .table-title h2 {
  254. display: inline;
  255. font-size: 1em;
  256. color: #ffffff;
  257. }
  258. input {
  259. font-weight: normal;
  260. cursor: pointer;
  261. vertical-align: middle;
  262. padding: 0 3px;
  263. font-size: 1em;
  264. font-family: Verdana,Arial,Helvetica,sans-serif;
  265. }
  266. select {
  267. font-family: Verdana,Arial,Helvetica,sans-serif;
  268. font-weight: normal;
  269. cursor: pointer;
  270. vertical-align: middle;
  271. border: 1px solid #7c7c7c;
  272. padding: 1px;
  273. background-color: #ffffff;
  274. }
  275. option {
  276. padding-right: 1em;
  277. }
  278. textarea {
  279. font-family: Verdana,Arial,Helvetica,sans-serif;
  280. width: 60%;
  281. padding: 2px;
  282. font-size: 1em;
  283. line-height: 1.4em;
  284. }
  285. p {
  286. line-height: 1.3em;
  287. font-size: 1em;
  288. margin-bottom: 0.5em;
  289. }
  290. p.right {
  291. text-align: right;
  292. }
  293. p.right img {
  294. vertical-align: middle;
  295. }
  296. p.center {
  297. text-align: center;
  298. margin: 0px;
  299. }
  300. p.author {
  301. margin: 0 15em 0.6em 0;
  302. padding: 0 0 5px 0;
  303. font-family: Verdana,Arial,Helvetica,sans-serif;
  304. font-size: 1em;
  305. line-height: 1.2em;
  306. }
  307. p.nomargin {
  308. line-height: 1.3em;
  309. font-size: 1.1em;
  310. margin-bottom: 0em;
  311. }
  312. p.path {
  313. margin-left: 10px;
  314. clear: left;
  315. }
  316. fieldset {
  317. border-width: 0;
  318. font-family: Verdana,Arial,Helvetica,sans-serif;
  319. font-size: 1em;
  320. }
  321. fieldset.jumpbox {
  322. text-align: right;
  323. margin-top: 15px;
  324. height: 2.5em;
  325. }
  326. fieldset.quickmod {
  327. width: 50%;
  328. float: right;
  329. text-align: right;
  330. height: 2.5em;
  331. }
  332. label {
  333. cursor: default;
  334. padding-right: 5px;
  335. color: #7c7c7c;
  336. }
  337. label input {
  338. vertical-align: middle;
  339. }
  340. label img {
  341. vertical-align: middle;
  342. }
  343. hr {
  344. border: 0 none #ffffff;
  345. border-top: 1px solid #ffffff;
  346. height: 1px;
  347. margin: 5px 0;
  348. display: block;
  349. clear: both;
  350. }
  351. hr.dashed {
  352. border-top: 1px dashed #ffffff;
  353. margin: 5px 0;
  354. }
  355. img {
  356. border-width: 0;
  357. }
  358. blockquote {
  359. margin: 1em 1px 1em 25px;
  360. padding: 5px;
  361. background: #ebeadd url("http://illiweb.com/fa/prosilver/quote.gif") 6px 8px no-repeat;
  362. border: 1px solid #DBDBCE;
  363. font-size: 0.95em;
  364. margin: 1em 1px 1em 25px;
  365. overflow: hidden;
  366. }
  367. blockquote div {
  368. margin-left: 20px;
  369. }
  370. blockquote blockquote {
  371. background-color: #EFEED9;
  372. font-size: 1em;
  373. margin: 0.5em 1px 0pt 15px;
  374. }
  375. blockquote blockquote blockquote {
  376. background-color: #ebeadd;
  377. }
  378. blockquote cite {
  379. font-style: normal;
  380. font-weight: bold;
  381. display: block;
  382. font-size: 0.9em;
  383. }
  384. blockquote cite cite {
  385. font-size: 1em;
  386. }
  387. blockquote.uncited {
  388. padding-top: 25px;
  389. }
  390. ul {
  391. list-style-type: none;
  392. }
  393. ul.ul-icons {
  394. float: left;
  395. margin: 0 10px;
  396. }
  397. * html table, * html select, * html input {
  398. font-size: 100%;
  399. }
  400. * html hr {
  401. margin: 0;
  402. }
  403.  
  404. /* Links-----------------------------------------------------*/
  405. a:link{
  406. color: #cc0000;
  407. text-decoration: none;
  408. }
  409. a:visited{
  410. color: #7c7c7c;
  411. text-decoration: none;
  412. }
  413. a:active{
  414. color: #666666;
  415. text-decoration: none;
  416. }
  417. a:hover{
  418. color: #666666;
  419. text-decoration: none;
  420. }
  421. a.forumtitle {
  422. color: #cc0000;
  423. font-family: Arial,Helvetica,sans-serif;
  424. font-size: 12px;
  425. font-weight: bold;
  426. text-decoration: none;
  427. }
  428. a.forumtitle:hover {
  429. color: #666666;
  430. text-decoration: none;
  431. }
  432. a.forumtitle:active {
  433. color: #666666;
  434. }
  435. a.topictitle {
  436. font-family: Verdana,Arial,Helvetica,sans-serif;
  437. font-size: 12px;
  438. font-weight: bold;
  439. color: #7c7c7c;
  440. text-decoration: none;
  441. }
  442. div.topic-title-container {
  443. display: inline;
  444. }
  445. .topic-title {
  446. display: inline;
  447. font-size: 12px;
  448. text-align: left;
  449. }
  450. .topic-title-post {
  451. }
  452. a.topictitle:hover {
  453. color: #666666;
  454. text-decoration: none;
  455. }
  456. a.topictitle:active {
  457. color: #666666;
  458. }
  459.  
  460. /* Input------------------------------------------------------*/
  461. .inputbox {
  462. background-color: #ffffff;
  463. border: 1px solid #BCBCBC;
  464. color: #7c7c7c;
  465. padding: 2px;
  466. cursor: text;
  467. }
  468. .inputbox:hover {
  469. border: 1px solid #7c7c7c;
  470. }
  471. .inputbox:focus {
  472. border: 1px solid #7c7c7c;
  473. color: #7c7c7c;
  474. }
  475. input.inputbox{
  476. width: 85%;
  477. }
  478. input.medium{
  479. width: 50%;
  480. }
  481. input.narrow{
  482. width: 25%;
  483. }
  484. input.tiny{
  485. width: 110px;
  486. }
  487. textarea.inputbox {
  488. width: 85%;
  489. }
  490.  
  491. /* Input Button Form---------------------------------------------------------*/
  492. input.button1, input.button2, button.button2 {
  493. font-size: 1em;
  494. }
  495. a.button1, input.button1 {
  496. font-weight: bold;
  497. border: 1px solid #666666;
  498. }
  499. a.button2, input.button2, button.button2 {
  500. border: 1px solid #BCBCBC;
  501. }
  502. a.button1, input.button1, a.button2, input.button2, button.button2 {
  503. width: auto !important;
  504. padding: 2px 3px;
  505. font-family: Verdana,Arial,Helvetica,sans-serif;
  506. color: #000000;
  507. background-repeat: repeat-x;
  508. background-color: #FAFAFA;
  509. background-image: url('http://i46.tinypic.com/2m7ytdc.jpg');
  510. background-position: top;
  511. overflow: visible;
  512. }
  513. body:last-child a.button1, input.button1, a.button2, input.button2, button.button2 {
  514.  
  515. /* Opera does not see this */
  516. padding: 1px 0;
  517. }
  518. a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
  519. border: 1px solid #d31141;
  520. color: #d31141;
  521. background-position: 0 100%;
  522. }
  523. a.button1:link, a.button1:visited, a.button1:active, a.button2:link, a.button2:visited, a.button2:active {
  524. color: #7c7c7c;
  525. text-decoration: none;
  526. padding: 2px 8px;
  527. line-height: 250%;
  528. vertical-align: text-bottom;
  529. background-position: 0 1px;
  530. }
  531. * html input.button1, * html input.button2, * html button.button2 {
  532. padding-bottom: 0;
  533. margin-bottom: 1px;
  534. }
  535. *+html button.button2 {
  536. height: 24px;
  537. padding-right: 3px;
  538. padding-left: 3px;
  539. }
  540. *+html button.button2 img {
  541. vertical-align: middle;
  542. }
  543. * html button.button2 {
  544. height: 24px;
  545. padding-right: 3px;
  546. padding-left: 3px;
  547. }
  548. * html button.button2 img {
  549. vertical-align: middle;
  550. }
  551.  
  552. /* Fieldset dl---------------------------------------------------------*/
  553. fieldset dl {
  554. padding: 4px 0;
  555. }
  556. fieldset dt {
  557. float: left;
  558. width: 40%;
  559. text-align: left;
  560. display: block;
  561. }
  562. fieldset dd {
  563. margin-left: 41%;
  564. vertical-align: top;
  565. margin-bottom: 3px;
  566. }
  567. fieldset dl:hover dt label {
  568. color: #000000;
  569. }
  570. dt label {
  571. font-weight: bold;
  572. text-align: left;
  573. }
  574. dd label {
  575. white-space: nowrap;
  576. color: #7c7c7c;
  577. }
  578. dd input, dd textarea {
  579. margin-right: 3px;
  580. }
  581. dd select {
  582. width: auto;
  583. }
  584. dd textarea {
  585. width: 85%;
  586. }
  587.  
  588. /* Fieldset fields 1 et 2---------------------------------------------*/
  589. fieldset.fields1 dt {
  590. width: 10em;
  591. border-right-width: 0;
  592. }
  593. fieldset.fields1 dd {
  594. margin-left: 10em;
  595. border-left-width: 0;
  596. }
  597. fieldset.fields1 {
  598. background-color: transparent;
  599. }
  600. fieldset.fields1 div {
  601. margin-bottom: 3px;
  602. }
  603. fieldset.fields2 dt {
  604. width: 15em;
  605. border-right-width: 0;
  606. }
  607. fieldset.fields2 dd {
  608. margin-left: 16em;
  609. border-left-width: 0;
  610. }
  611. fieldset.fields2 dl:hover dt label {
  612. color: inherit;
  613. }
  614.  
  615. /* Fieldset submit---------------------------------------------*/
  616. fieldset.submit-buttons {
  617. text-align: center;
  618. vertical-align: middle;
  619. margin: 5px 0;
  620. }
  621. fieldset.submit-buttons input {
  622. vertical-align: middle;
  623. padding-top: 3px;
  624. padding-bottom: 3px;
  625. }
  626.  
  627. /* Fieldset polls---------------------------------------------*/
  628. fieldset.polls {
  629. font-family: Verdana,Arial,Helvetica,sans-serif;
  630. }
  631. fieldset.polls dl {
  632. margin-top: 5px;
  633. border-top: 1px solid #e2e2e2;
  634. padding: 5px 0 0 0;
  635. line-height: 120%;
  636. color: #7c7c7c;
  637. }
  638. fieldset.polls dt {
  639. text-align: left;
  640. float: left;
  641. display: block;
  642. width: 30%;
  643. border-right: none;
  644. padding: 0;
  645. margin: 0;
  646. font-size: 1.1em;
  647. }
  648. fieldset.polls dd {
  649. float: left;
  650. width: 10%;
  651. border-left: none;
  652. padding: 0 5px;
  653. margin-left: 0;
  654. font-size: 1.1em;
  655. }
  656.  
  657. /* Header-------------------------------------------------*/
  658. .headerbar {
  659. background-color: #12a3eb;
  660. background-image: url('http://i50.tinypic.com/2w57gix.jpg');
  661. padding: 0pt 0px;
  662. background-repeat: repeat-x;
  663. margin: -20px 0px 0 0px;
  664. height: 141px;
  665. }
  666. * html .headerbar {
  667. height: 1%;
  668.  
  669. /* Hack IE layout */
  670. }
  671. *+ html .headerbar {
  672. min-height: 1px;
  673. }
  674. #logo-desc {
  675. margin: 0px;
  676. padding: 0px;
  677. text-align: left;
  678. }
  679. #logo {
  680. float: left;
  681. padding: 5px;
  682. }
  683. a#logo:hover {
  684. text-decoration: none;
  685. }
  686. #site-title,#site-title h1 {
  687. font-family: ;
  688. color: #FFFFFF;
  689. font-size: 20px;
  690. font-weight: bold;
  691. padding-top: 15px;
  692. }
  693. #site-title h1 {
  694. padding-top: 0;
  695. }
  696. #logo-desc p {
  697. margin: 0px;
  698. padding: 0px;
  699. color: #FFFFFF;
  700. }
  701.  
  702. /* Menu-------------------------------------------------*/
  703. .navbar {
  704. clear: both;
  705. background-color: transparent;
  706. padding:0px;
  707. width: 100%
  708. float: right;
  709. }
  710. ul.navlinks {
  711. border-bottom: 0px;
  712. font-weight: bold;
  713. text-align: right;
  714. margin-top: -120px;
  715. font-size: 10pt;
  716. }
  717. ul.borderless {
  718. border-bottom: 0;
  719. }
  720. ul.linklist li {
  721. list-style-type: none;
  722. width: auto;
  723. font-size: 1.1em;
  724. line-height: 2.2em;
  725. display: inline;
  726. filter:alpha(opacity=100);
  727. opacity:1;
  728. }
  729. ul.linklist li:hover {
  730. filter:alpha(opacity=60);
  731. opacity:0.6;
  732. }
  733. ul.navlinks li a {
  734. color: #999999;
  735. }
  736. ul.navlinks li a:hover {
  737. color: #fff;
  738. }
  739.  
  740. ul.linklist li a img {
  741. vertical-align: middle;
  742. }
  743. .search-box {
  744. margin-top: 0;
  745. margin-left: 5px;
  746. float: right;
  747. display: none;
  748. }
  749. #search-box {
  750. margin-top: -40px;
  751. margin-right: 5px;
  752. float: right;
  753. white-space: nowrap;
  754.  
  755. /* For Opera */
  756. }
  757. * html #search-box {
  758. margin-right: 35px;
  759. }
  760. #search-box #keywords {
  761. width: 95px;
  762. background-color: #212121;
  763. color: #999999;
  764. border-color: #414040;
  765. }
  766. #search-box input, {
  767. border: 1px solid #212121;
  768. }
  769. #search-box input.button1 {
  770. padding: 1px 5px;
  771. }
  772. #search-box input.button2 {
  773. background-color: #3b3939;
  774. background-image: none;
  775. color: #fff;
  776. border-color: #414040;
  777. }
  778. input.search {
  779. background-image: url('');
  780. background-repeat: no-repeat;
  781. background-position: left 1px;
  782. padding-left: 0px;
  783. }
  784. ul.linklist li.rightside {
  785. float: right;
  786. margin-bottom: 30px;
  787. }
  788. ul.linklist li.rightside a {
  789. color: #212121;
  790. }
  791. ul.linklist li.footer-home {
  792. float: left;
  793. display: none;
  794. width: 600px;
  795. }
  796. p.rightside {
  797. float: right;
  798. margin-right: 5px;
  799. display: none;
  800. }
  801.  
  802. /* Code block------------------------------------------------*/
  803. dl.codebox {
  804. padding: 3px;
  805. background-color: #FFFFFF;
  806. border: 1px solid #C9D2D8;
  807. font-size: 1em;
  808. }
  809. dl.codebox dt {
  810. text-transform: uppercase;
  811. border-bottom: 1px solid #CCCCCC;
  812. margin-bottom: 3px;
  813. font-size: 0.8em;
  814. font-weight: bold;
  815. display: block;
  816. }
  817. blockquote dl.codebox {
  818. margin-left: 0;
  819. }
  820. dl.codebox code {
  821. overflow: auto;
  822. display: block;
  823. height: auto;
  824. max-height: 200px;
  825. white-space: normal;
  826. padding-top: 5px;
  827. font: 0.9em Courier,Courier New,sans-serif;
  828. line-height: 1.3em;
  829. color: #2E8B57;
  830. margin: 2px 0;
  831. }
  832.  
  833. /* Table-------------------------------------------------*/
  834. .forabg {
  835. margin-bottom: 4px;
  836. clear: both;
  837. background-color: #292929;
  838. background-image: url('http://i49.tinypic.com/28ajnsk.jpg');
  839. background-repeat: no-repeat;
  840. background-position: top;
  841. border: 0px;
  842. padding: 0px 5px;
  843. }
  844. * html .forabg {
  845. position: relative;
  846. height: 1%;
  847. }
  848. *+ html .forabg {
  849. min-height: 1px;
  850. }
  851. .forumbg {
  852. background-color: transparent;
  853. background-image: url('http://i50.tinypic.com/2lmm9m0.jpg');
  854. background-repeat: no-repeat;
  855. background-position: top;
  856. border: 0px;
  857. padding: 0px 5px;
  858. margin-bottom: 4px;
  859. clear: both;
  860. }
  861. * html .forumbg {
  862. height: 1%;
  863. }
  864. *+ html .forumbg {
  865. min-height: 1px;
  866. }
  867. .forumbg table.table1 {
  868. margin: 0 -2px -1px -1px;
  869. }
  870. ul.topiclist {
  871. list-style-type: none;
  872. margin: 0;
  873. background-image: url("http://illiweb.com/fa/empty.gif");
  874. background-repeat: repeat-x;
  875. color: #666666;
  876. }
  877. * html ul.topiclist {
  878. height: 1%;
  879. }
  880. *+ html ul.topiclist {
  881. min-height: 1px;
  882. }
  883. ul.topiclist li {
  884. display: block;
  885. margin: 0;
  886. }
  887. * html ul.topiclist li {
  888. position: relative;
  889. }
  890. ul.topiclist li.row dl {
  891. padding: 2px 0;
  892. }
  893. ul.forums li.row dl {
  894. min-height: 0px;
  895. }
  896. * html ul.forums li.row dl {
  897. height: 0px;
  898. }
  899. ul.topiclist dt,ul.topiclist dd.dterm {
  900. display: block;
  901. float: left;
  902. width: 60%;
  903. font-size: 1.1em;
  904. padding-left: 5px;
  905. padding-right: 5px;
  906. }
  907. ul.topiclist dfn {
  908. display: none;
  909. }
  910. ul.topics li.header dl.icon dt {
  911. padding-right: 50px;
  912. }
  913. ul.topics dt,ul.topics dd.dterm {
  914. padding-left: 45px;
  915. display: block;
  916. float: left;
  917. width: 50%;
  918. }
  919. ul.topics dd {
  920. display: block;
  921. float: left;
  922. }
  923. ul.forums {
  924. background-color: #fcfcfc;
  925. background-image: none;
  926. font-size: 12px;
  927. border-bottom: 1px solid #ededed;
  928. }
  929. li.header dl.icon {
  930. min-height: 0;
  931. }
  932. li.header dl.icon dt {
  933. padding-left: 0;
  934. }
  935. li.header dt {
  936. font-weight: bold;
  937. }
  938. li.header dd {
  939. margin-left: 1px;
  940. }
  941. dl.icon {
  942. min-height: 35px;
  943. background-position: 10px 50%;
  944. background-repeat: no-repeat;
  945. height: auto !important;
  946. height: 35px;
  947. }
  948. dl.icon dt,dl.icon dd.dterm {
  949. background-repeat: no-repeat;
  950. background-position: 5px 50%;
  951.  
  952. /* Center icons */
  953. }
  954. li.header dt, li.header dd {
  955. line-height: 1em;
  956. border-left-width: 0;
  957. margin: 2px 0 4px 0;
  958. color: #666666;
  959. padding-top: 2px;
  960. padding-bottom: 2px;
  961. font-size: 1em;
  962. font-family: Arial,Helvetica,sans-serif,Verdana,Arial,Helvetica,sans-serif;
  963. text-transform: uppercase;
  964. }
  965. li.row {
  966. border-top: 1px solid #ededed;
  967. border-bottom: 1px solid #ededed;
  968. }
  969. li.row:hover {
  970. background-color: #f3f3f3;
  971. }
  972. ul.topiclist dd {
  973. border-left: 0px solid #ededed;
  974. display: block;
  975. float: left;
  976. padding: 4px 0;
  977. }
  978. ul.topiclist li.header dl dd {
  979. border: none;
  980. }
  981. dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span {
  982. display:block;
  983. padding-left:5px;
  984. }
  985. ul.pmlist dt {
  986. padding-left: 45px;
  987. }
  988. ul.forums dd {
  989. border-color: #ffffff;
  990. border-left-style: solid;
  991. border-left-width: 1px;
  992. }
  993. li.row:hover dd {
  994. border-left-color: #ffffff;
  995. }
  996. .mod-text {
  997. font-weight: bold;
  998. }
  999. .hierarchy {
  1000. display: inline;
  1001. text-transform: none;
  1002. border: none;
  1003. font-size: 1em !important;
  1004. }
  1005.  
  1006. /* Panel----------------------------------------------*/
  1007. .panel {
  1008. margin-bottom: 4px;
  1009. padding: 0px 10px;
  1010. background-color: #fcfcfc;
  1011. color: #7c7c7c;
  1012. }
  1013. * html .panel {
  1014. height: 1%;
  1015. }
  1016. *+ html .panel {
  1017. min-height: 1px;
  1018. }
  1019. .content h2, .panel h2 {
  1020. color: #7c7c7c;
  1021. border-bottom: 1px solid #7c7c7c;
  1022. font-weight: normal;
  1023. font-size: 1.2em;
  1024. margin-top: 0.5em;
  1025. margin-bottom: 0.5em;
  1026. padding-bottom: 0.5em;
  1027. }
  1028. .content h2.h3 , .panel h2.h3 {
  1029. font-size: 1.05em;
  1030. font-weight: bold;
  1031. }
  1032. .content h1, .panel h1 {
  1033. color: #7c7c7c;
  1034. border-bottom: 1px solid #7c7c7c;
  1035. font-weight: normal;
  1036. font-size: 1.2em;
  1037. margin-top: 0.5em;
  1038. margin-bottom: 0.5em;
  1039. padding-bottom: 0.5em;
  1040. }
  1041. .panel h3 {
  1042. margin: 0.5em 0;
  1043. }
  1044. .panel-left {
  1045. float: left;
  1046. width: 47%;
  1047. }
  1048. .panel-right {
  1049. float: right;
  1050. width: 47%;
  1051. }
  1052. .panel p, .panel div.mes-txt {
  1053. font-size: 1.2em;
  1054. margin-bottom: 1em;
  1055. line-height: 1.4em;
  1056. }
  1057.  
  1058. /* Post----------------------------------------------*/
  1059. .post {
  1060. padding: 0 10px;
  1061. margin-bottom: 4px;
  1062. background-repeat: no-repeat;
  1063. background-position: 100% 0;
  1064. border: 2px solid #e4e4e4;
  1065.  
  1066. }
  1067. *+ html .post {
  1068. word-wrap: break-word;
  1069. }
  1070. * html .post {
  1071. word-wrap: break-word;
  1072. }
  1073. .post ul {
  1074. list-style-type: disc;
  1075. }
  1076. .postprofile {
  1077. color: #7c7c7c;
  1078. margin: 5px 0 0px 0;
  1079. min-height: 80px;
  1080. border-left-style: solid;
  1081. border-left-width: 1px;
  1082. border-color: #e4e4e4;
  1083. width: 22%;
  1084. float: right;
  1085. display: inline;
  1086. position: relative;
  1087. }
  1088. * html .postprofile {
  1089. overflow: hidden;
  1090. }
  1091. .postprofile dd, .postprofile dt {
  1092. line-height: 1.2em;
  1093. margin-left: 8px;
  1094. }
  1095. .postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
  1096. font-weight: bold;
  1097. color: #7c7c7c;
  1098. text-decoration: none;
  1099. }
  1100. .postprofile a:hover, .postprofile dt.author a:hover {
  1101. text-decoration: underline;
  1102. color: #d31141;
  1103. }
  1104. .vote {
  1105. float: right;
  1106. width: 9px;
  1107. margin-left: 4px;
  1108. }
  1109. .vote .vote-button {
  1110. text-align: center;
  1111. font-weight: bold;
  1112. margin-left: -1px;
  1113. }
  1114. .vote .vote-button a {
  1115. text-decoration: none !important;
  1116. }
  1117. .vote .vote-bar {
  1118. width: 3px;
  1119. height: 50px;
  1120. margin: 0 auto;
  1121. border: 1px solid #7c7c7c;
  1122. font-size: 0;
  1123. }
  1124. .vote .vote-no-bar {
  1125. letter-spacing:-2px;
  1126. margin-left:-2px;
  1127. white-space:nowrap;
  1128. }
  1129. .vote .vote-bar-plus {
  1130. background-color: #0f0;
  1131. }
  1132. .vote .vote-bar-minus {
  1133. background-color: #f00;
  1134. }
  1135.  
  1136. /* dl dt dd----------------------------------------------*/
  1137. dd.lastpost {
  1138. width: 20%;
  1139. font-size: 1.1em;
  1140. }
  1141. dd.mark {
  1142. float: right !important;
  1143. width: 9%;
  1144. text-align: center;
  1145. line-height: 200%;
  1146. font-size: 1.2em;
  1147. }
  1148. dd.posts, dd.topics, dd.views {
  1149. width: 8%;
  1150. text-align: center;
  1151. line-height: 2.2em;
  1152. font-size: 1.2em;
  1153. border: none;
  1154. }
  1155. dd.info {
  1156. width: 30%;
  1157. }
  1158. dl.details {
  1159. font-size: 1.1em;
  1160. }
  1161. dl.details dt {
  1162. float: left;
  1163. width: 10em;
  1164. text-align: right;
  1165. color: #7c7c7c;
  1166. display: block;
  1167. }
  1168. dl.details dd {
  1169. margin-left: 10em;
  1170. padding-left: 5px;
  1171. margin-bottom: 5px;
  1172. color: #7c7c7c;
  1173. }
  1174. .span-tab {
  1175. font-size: 0.9em;
  1176. }
  1177.  
  1178. /* Cp-main----------------------------------------------*/
  1179. #cp-main {
  1180. float: left;
  1181. width: 98%;
  1182. margin-left: 20px;
  1183. }
  1184. * html #cp-main {
  1185. margin-left: 10px;
  1186. }
  1187. #cp-main h1 {
  1188. color: #7c7c7c;
  1189. border-bottom: none;
  1190. padding: 0;
  1191. margin-left: 10px;
  1192. }
  1193. #cp-main h3, #cp-main hr {
  1194. border-color: #bfbfbf;
  1195. }
  1196. #cp-main .content {
  1197. padding: 0;
  1198. }
  1199. ul.cplist {
  1200. margin-bottom: 5px;
  1201. border-top: 1px solid #ffffff;
  1202. }
  1203.  
  1204. /* Panel----------------------------------------------*/
  1205. #cp-main .panel {
  1206. background-color: #ffffff;
  1207. }
  1208. #cp-main .panel.sig {
  1209. background-color: #e6e7e7;
  1210. }
  1211. #cp-main .panel p {
  1212. font-size: 1.1em;
  1213. }
  1214. #cp-main .panel ol {
  1215. margin-left: 2em;
  1216. font-size: 1.1em;
  1217. }
  1218. #cp-main .panel li.row {
  1219. border-bottom: 1px solid #ffffff;
  1220. border-top: 1px solid #ffffff;
  1221. }
  1222.  
  1223. /* Table----------------------------------------------*/
  1224. #cp-main table.table1 {
  1225. margin-bottom: 1em;
  1226. }
  1227. #cp-main table.table1 thead th {
  1228. color: #7c7c7c;
  1229. font-weight: bold;
  1230. border-bottom: 1px solid #333333;
  1231. padding: 5px;
  1232. }
  1233. #cp-main table.table1 tbody th {
  1234. font-style: italic;
  1235. background-color: transparent !important;
  1236. border-bottom: none;
  1237. }
  1238.  
  1239. /* Table----------------------------------------------*/
  1240. #ucp-main table.table1 {
  1241. padding: 2px;
  1242. }
  1243. table.table1 {
  1244. width: 99%;
  1245.  
  1246. /* IE < 6 browsers */
  1247. width: 100%;
  1248. }
  1249. html>body table.table1 {
  1250. width: 100%;
  1251. }
  1252. table.table1 thead th {
  1253. font-weight: normal;
  1254. text-transform: uppercase;
  1255. color: #666666;
  1256. line-height: 1.3em;
  1257. font-size: 1em;
  1258. padding: 0 0 4px 3px;
  1259. }
  1260. table.table1 thead th span {
  1261. padding-left: 7px;
  1262. }
  1263. table.table1 tbody tr {
  1264. border: 1px solid #fcfcfc;
  1265. }
  1266. table.table1 tbody tr:hover, table.table1 tbody tr.hover {
  1267. background-color: #f3f3f3;
  1268. color: #7c7c7c;
  1269. }
  1270. table.table1 td {
  1271. color: #7c7c7c;
  1272. font-size: 1.1em;
  1273. }
  1274. table.table1 tbody td {
  1275. padding: 5px;
  1276. border-top: 1px solid #ffffff;
  1277. }
  1278. table.table1 tbody th {
  1279. padding: 5px;
  1280. border-bottom: 1px solid #000000;
  1281. text-align: left;
  1282. color: #666666;
  1283. background-color: #fcfcfc;
  1284. }
  1285. table.table1 .name{
  1286. text-align: left;
  1287. }
  1288. table.table1 .posts{
  1289. text-align: center !important;
  1290. width: 7%;
  1291. }
  1292. table.table1 .joined{
  1293. text-align: left;
  1294. width: 15%;
  1295. }
  1296. table.table1 .active{
  1297. text-align: left;
  1298. width: 15%;
  1299. }
  1300. table.table1 .mark{
  1301. text-align: center;
  1302. width: 7%;
  1303. }
  1304. table.table1 .info{
  1305. text-align: left;
  1306. width: 30%;
  1307. }
  1308. table.table1 .info div{
  1309. width: 100%;
  1310. white-space: nowrap;
  1311. overflow: hidden;
  1312. }
  1313. table.table1 .autocol{
  1314. line-height: 2em;
  1315. white-space: nowrap;
  1316. }
  1317. table.table1 thead .autocol {
  1318. padding-left: 1em;
  1319. }
  1320. table.table1 .stats{
  1321. text-align: center;
  1322. width: 12%;
  1323. }
  1324. table.table1 .edit{
  1325. width: 5%;
  1326. text-align: right;
  1327. vertical-align: top;
  1328. }
  1329. table.table1 .alignv{
  1330. vertical-align: top;
  1331. }
  1332. td.avatar-mini img {
  1333. background-color: #fff;
  1334. border: 1px solid #7c7c7c;
  1335. vertical-align: middle;
  1336. width: 38px;
  1337. height: 38px;
  1338. }
  1339.  
  1340. /* FAQ----------------------------------------------*/
  1341. dl.faq {
  1342. font-family: Verdana,Arial,Helvetica,sans-serif;
  1343. font-size: 1.1em;
  1344. margin-top: 1em;
  1345. margin-bottom: 2em;
  1346. line-height: 1.4em;
  1347. }
  1348. dl.faq dt {
  1349. font-weight: bold;
  1350. color: #7c7c7c;
  1351. }
  1352. dl.faq dd p {
  1353. text-align: justify;
  1354. border: 1px dashed #ffffff;
  1355. padding: 5px;
  1356. margin: 5px;
  1357. font-size: 1em;
  1358. }
  1359. dl.faq ul {
  1360. list-style-type: disc;
  1361. list-style-position: inside;
  1362. }
  1363. dl.faq ol {
  1364. list-style-position: inside;
  1365. }
  1366. .content dl.faq {
  1367. font-size: 1.2em;
  1368. margin-bottom: 0.5em;
  1369. }
  1370.  
  1371. /* Tabs----------------------------------------------*/
  1372. #tabs {
  1373. line-height: normal;
  1374. margin: 20px 0 -1px 7px;
  1375.  
  1376. /*min-width: 570px;
  1377. */
  1378. }
  1379. #tabs ul {
  1380. margin:0;
  1381. padding: 0;
  1382. list-style: none;
  1383. }
  1384. #tabs li {
  1385. display: inline;
  1386. margin: 0;
  1387. padding: 0;
  1388. font-size: 1em;
  1389. font-weight: bold;
  1390. }
  1391. #tabs a {
  1392. float: left;
  1393. background: #fcfcfc none no-repeat 0% -35px;
  1394. margin: 0 1px 1px 0;
  1395. padding: 0 0 0 5px;
  1396. text-decoration: none;
  1397. position: relative;
  1398. cursor: pointer;
  1399. }
  1400. #tabs a span {
  1401. float: left;
  1402. display: block;
  1403. background: none no-repeat 100% -35px;
  1404. padding: 6px 10px 6px 5px;
  1405. color: #7c7c7c;
  1406. white-space: nowrap;
  1407. }
  1408. #tabs a:hover span {
  1409. color: #d31141;
  1410. }
  1411. #tabs .activetab a {
  1412. background-position: 0 0;
  1413. margin-bottom: -1px;
  1414. border-bottom: 1px solid #e6e7e7;
  1415. background-color: #e6e7e7;
  1416. }
  1417. #tabs .activetab a span {
  1418. background-position: 100% 0;
  1419. padding-bottom: 7px;
  1420. color: #333333;
  1421. }
  1422. #tabs a:hover {
  1423. background-position: 0 -70px;
  1424. background-color: #e6e7e7;
  1425. }
  1426. #tabs a:hover span {
  1427. background-position:100% -70px;
  1428. }
  1429. #tabs .activetab a:hover {
  1430. background-position: 0 0;
  1431. }
  1432. #tabs .activetab a:hover span {
  1433. color: #000000;
  1434. background-position: 100% 0;
  1435. }
  1436. * html #tabs,* html .post,* html .navbar,* html fieldset dl,* html ul.topiclist dl,* html ul.linklist,* html dl.polls {
  1437. height: 1%;
  1438. }
  1439. *+ html #tabs,*+ html .post,*+ html .navbar,*+ html fieldset dl,*+ html ul.topiclist dl,*+ html ul.linklist,*+ html dl.polls {
  1440. min-height: 1px;
  1441. }
  1442. #tabs:after, .post:after, .navbar:after, fieldset dl:after, ul.topiclist dl:after, ul.linklist:after, dl.polls:after {
  1443. content: ".";
  1444. display: block;
  1445. height: 0;
  1446. clear: both;
  1447. visibility: hidden;
  1448. }
  1449.  
  1450. /* Smilies-------------------------------------------------*/
  1451. #smiley-box {
  1452. float: right;
  1453. margin-top: 25px;
  1454. width: 18%;
  1455. background-color: #fcfcfc;
  1456. }
  1457. #smiley-box.sig{
  1458. margin-top: 15px;
  1459. }
  1460. #smiley-box-wysiwyg {
  1461. float: left;
  1462. margin: 25px 0px 0px 15px;
  1463. width: 20%;
  1464. background-color: #fcfcfc;
  1465. }
  1466. * html #smiley-box-wysiwyg {
  1467. margin: 25px 3px 0px 0px;
  1468. }
  1469. *+html #smiley-box-wysiwyg {
  1470. margin: 25px 3px 0px 0px;
  1471. }
  1472. #smiley-box iframe{
  1473. border: none;
  1474. overflow: auto;
  1475. height: 300px;
  1476. width: 100%;
  1477. height: 280px;
  1478. background-color: #fcfcfc;
  1479. }
  1480. #smiley-box-wysiwyg iframe{
  1481. border: none;
  1482. overflow: auto;
  1483. height: 300px;
  1484. width: 100%;
  1485. height: 280px;
  1486. background-color: #fcfcfc;
  1487. }
  1488. .smiley-element img {
  1489. margin: 0px 15px 10px 0px;
  1490. }
  1491.  
  1492. /* Page numbering-------------------------------------------------*/
  1493. .pagination {
  1494. width: auto;
  1495. text-align: right;
  1496. margin-top: 5px;
  1497. float: right;
  1498. }
  1499. * html .pagination {
  1500. height: 1%;
  1501. }
  1502. *+ html .pagination {
  1503. min-height: 1px;
  1504. }
  1505. .row .pagination {
  1506. display: block;
  1507. float: right;
  1508. width: auto;
  1509. margin-top: 0;
  1510. padding: 1px 0 1px 15px;
  1511. font-size: 0.9em;
  1512. background: url("http://illiweb.com/fa/prosilver/icon_pages.gif") 0 50% no-repeat;
  1513. }
  1514. .pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
  1515. font-weight: normal;
  1516. text-decoration: none;
  1517. color: #5C758C;
  1518. background-color: #ffffff;
  1519. margin: 0 2px;
  1520. padding: 0 2px;
  1521. border: 1px solid #B4BAC0;
  1522. font-size: 0.9em;
  1523. line-height: 1.5em;
  1524. }
  1525. .pagination span a:hover {
  1526. border-color: #368AD2;
  1527. background-color: #7c7c7c;
  1528. color: #FFF;
  1529. text-decoration: none;
  1530. }
  1531. .pagination span a.pag-img {
  1532. border: none;
  1533. background-color: transparent;
  1534. }
  1535. .pagination span a.pag-img:hover {
  1536. background-color: transparent;
  1537. }
  1538. .pagination span strong {
  1539. padding: 0 2px;
  1540. margin: 0 2px;
  1541. background-color: #627DA3;
  1542. border: 1px solid #627DA3;
  1543. color: #666666;
  1544. font-size: 0.9em;
  1545. }
  1546. .pagination span.page-sep {
  1547. display:none;
  1548. }
  1549. #cp-main .pagination {
  1550. float: right;
  1551. width: auto;
  1552. padding-top: 1px;
  1553. }
  1554.  
  1555. /* Postbody (preview)---------------------------------------------------*/
  1556. .postbody {
  1557. padding: 0;
  1558. line-height: 1.48em;
  1559. color: #7c7c7c;
  1560. width: 76%;
  1561. float: left;
  1562. clear: both;
  1563. }
  1564. .postbody .topic-title {
  1565. font-size: 1em;
  1566. padding: 2px 0 0 0;
  1567. margin: 0 0 0.3em 0 !important;
  1568. text-transform: none;
  1569. border: none;
  1570. font-family: Verdana,Arial,Helvetica,sans-serif;
  1571. line-height: 125%;
  1572. color: #7c7c7c;
  1573. font-weight: bold;
  1574. }
  1575. .postbody .content {
  1576. font-size: 1em;
  1577. }
  1578. .postbody ul.profile-icons {
  1579. float: right;
  1580. width: auto;
  1581. padding: 0;
  1582. margin-right: 45px;
  1583. }
  1584. .postbody ul.profile-icons img {
  1585. cursor: pointer;
  1586. }
  1587. .postbody ul.profile-icons li {
  1588. margin: 0 3px;
  1589. }
  1590. .postbody h3 img {
  1591. vertical-align: bottom;
  1592. }
  1593. * html .postbody h3 img {
  1594. vertical-align: middle;
  1595. }
  1596. .search .postbody {
  1597. width: 68%;
  1598. }
  1599. .search .postbody ol,.search .postbody ul {
  1600. margin-left: 1.8em;
  1601. }
  1602. #cp-main .postbody p {
  1603. font-size: 1em;
  1604. }
  1605. #cp-main .postbody h3 {
  1606. margin-top: 0;
  1607. }
  1608. .content {
  1609. color: #7c7c7c;
  1610. min-height: 3em;
  1611. overflow: hidden;
  1612. line-height: 1.4em;
  1613. font-family: Verdana,Arial,Helvetica,sans-serif;
  1614. font-size: 12px;
  1615. }
  1616. .content blockquote {
  1617. color: #7c7c7c;
  1618. }
  1619. .content p {
  1620. font-family: Verdana,Arial,Helvetica,sans-serif;
  1621. font-size: 12px;
  1622. margin-bottom: 1em;
  1623. line-height: 1.4em;
  1624. }
  1625. .content li {
  1626. list-style-type: inherit;
  1627. }
  1628. .content ul, .content ol {
  1629. margin-bottom: 1em;
  1630. margin-left: 3em;
  1631. }
  1632.  
  1633. /* Profile icons-------------------------------------------------*/
  1634. ul.profile-icons {
  1635. margin-top: 10px;
  1636. list-style: none;
  1637. }
  1638. ul.profile-icons li {
  1639. float: left;
  1640. margin: 0 6px 3px 0;
  1641. background-position: 0 100%;
  1642. }
  1643. * html ul.profile-icons li {
  1644. width: 1px;
  1645. }
  1646. ul.profile-icons li a {
  1647. display: block;
  1648. width: 100%;
  1649.  
  1650. /*height: 100%;
  1651. */
  1652. background-position: 0 0;
  1653. }
  1654. ul.profile-icons li span {
  1655. display:none;
  1656. }
  1657. ul.profile-icons li a:hover {
  1658. background: none;
  1659. }
  1660.  
  1661. /* Advanced profile-------------------------------------------------*/
  1662. #profile-advanced-layout {
  1663. float: left;
  1664. margin-right: -300px;
  1665. width: 100%;
  1666. }
  1667. #profile-advanced-left {
  1668. margin-right: 300px;
  1669. }
  1670. #profile-advanced-left #tabs {
  1671. margin-top: 4px;
  1672. }
  1673. #profile-advanced-avatar {
  1674. float: left;
  1675. width: 30%;
  1676. }
  1677. #profile-advanced-points, #profile-advanced-reputation {
  1678. float: left;
  1679. }
  1680. #profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details {
  1681. margin-right: 4px;
  1682. }
  1683. #profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {
  1684. margin-bottom: 4px;
  1685. }
  1686. #profile-advanced-details .pagination {
  1687. float: left;
  1688. }
  1689. #profile-advanced-details ol {
  1690. list-style: none;
  1691. }
  1692. #profile-advanced-details ol li {
  1693. display: block;
  1694. margin-bottom: 4px;
  1695. }
  1696. #profile-advanced-details .avatar {
  1697. float: left;
  1698. }
  1699. .avatar {
  1700. width: 50px;
  1701. border: 1px solid #7c7c7c;
  1702. background-color: #fff;
  1703. }
  1704. .avatar img {
  1705. width: 50px;
  1706. }
  1707. .friend-block .avatar {
  1708. margin: 0 auto;
  1709. cursor:pointer;
  1710. }
  1711. .friend-block {
  1712. float: left;
  1713. width: 68px;
  1714. margin: 1px;
  1715. text-align: center;
  1716. overflow: hidden;
  1717. }
  1718. .friend_list_online_status {
  1719. line-height: 11px;
  1720. font-size: .8em;
  1721. }
  1722. .friend_list_online_status img {
  1723. vertical-align: middle;
  1724. }
  1725. .friends-foes-list {
  1726. float: left;
  1727. width: 200px;
  1728. height: 2em;
  1729. }
  1730. #profile-advanced-details .message-block {
  1731. margin-left: 57px;
  1732. }
  1733. #profile-advanced-details .message-header {
  1734. border-top: 1px solid #e6e7e7;
  1735. background: #fcfcfc;
  1736. padding: 4px;
  1737. margin-bottom: 4px;
  1738. }
  1739. #profile-advanced-details .message-date {
  1740. float: right;
  1741. }
  1742. #profile-advanced-details .message-body {
  1743. margin-bottom: 4px;
  1744. }
  1745. #profile-advanced-details .message-footer {
  1746. text-align: right;
  1747. }
  1748. #profile-advanced-details .message-footer li {
  1749. display: inline;
  1750. margin: 0 0.25em;
  1751.  
  1752. /* Spacing between generation dot */
  1753. }
  1754. #profile-advanced-details .message-footer li:after {
  1755. content: ' .';
  1756.  
  1757. /* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */
  1758. }
  1759. #profile-advanced-details .message-footer li a {
  1760. margin-right: 0.25em;
  1761.  
  1762. /* Spacing between generation dot */
  1763. text-decoration: underline;
  1764. }
  1765. #profile-advanced-details .message-footer li.last:after {
  1766. content: normal;
  1767. }
  1768. #profile-advanced-layout #new-message {
  1769. position: relative;
  1770.  
  1771. /*margin-top: 10px;
  1772. */
  1773. margin-top: -2em;
  1774. clear:both;
  1775. }
  1776. #profile-advanced-layout #tabs {
  1777.  
  1778. /*position: absolute;
  1779. */
  1780. bottom: 0;
  1781. }
  1782.  
  1783. /*#profile-advanced-layout #new-message-link {
  1784. position: absolute;
  1785. bottom: 0;
  1786. right: 4px;
  1787. padding-bottom: 10px;
  1788. }
  1789. */
  1790. #profile-advanced-layout #tabs #new-message-link {
  1791. float: right;
  1792. bottom: 0;
  1793. right: 4px;
  1794. padding-bottom: 10px;
  1795. position:absolute;
  1796. }
  1797. #profile-advanced-layout #tabs #new-message-link a {
  1798. background: none;
  1799. float: none;
  1800. margin: 0 5px 0 0;
  1801. padding: 0;
  1802. }
  1803. #profile-advanced-details .top {
  1804. margin-bottom: 16px;
  1805. }
  1806. #profile-advanced-details .bottom {
  1807. margin-top: 16px;
  1808. }
  1809. #profile-advanced-right {
  1810. float: right;
  1811. width: 300px;
  1812. }
  1813. #profile-advanced-add {
  1814. margin-right: 4px;
  1815. padding: 8px 0;
  1816. text-align: right;
  1817. }
  1818. #profile-advanced-details .stats-field {
  1819. margin: 4px 0 10px 4px;
  1820. padding: 0 10px 6px;
  1821. }
  1822. #profile-advanced-details .stats-field legend {
  1823. font-weight: bold;
  1824. }
  1825. #profile-advanced-details .stats-field ul {
  1826. list-style-type:none;
  1827. text-indent: 10px;
  1828. padding: 0;
  1829. }
  1830. #profile-advanced-details .stats-field li {
  1831. margin: 4px 0;
  1832. }
  1833.  
  1834. /* Message-box-------------------------------------------------*/
  1835. #message-box textarea {
  1836. color: #7c7c7c;
  1837. font-family: Verdana,Arial,Helvetica,sans-serif;
  1838. width: 80%;
  1839. font-size: 1em;
  1840. }
  1841. #textarea_content {
  1842. margin-top: 2px;
  1843. }
  1844. #textarea_content textarea#text_editor_textarea {
  1845. width: 100% !important;
  1846. height: 250px;
  1847. }
  1848. #textarea_content iframe#text_editor_iframe {
  1849. width: 100%;
  1850. height: 100%;
  1851. }
  1852. form#quick_reply #textarea_content textarea#text_editor_textarea {
  1853. width: 100% !important;
  1854. height: 150px;
  1855. }
  1856. form#quick_reply #textarea_content iframe#text_editor_iframe {
  1857. width: 100%;
  1858. height: 100%;
  1859. }
  1860.  
  1861. /* Modules-------------------------------------------------*/
  1862. .module {
  1863. margin-bottom: 4px;
  1864. padding: 0 10px;
  1865. background-color: #fcfcfc;
  1866. color: #7c7c7c;
  1867. overflow: hidden;
  1868. }
  1869. .module span.corners-top, .module span.corners-bottom {
  1870. margin: 0 -10px;
  1871. }
  1872. .module h3 {
  1873. margin: 0.5em 0;
  1874. color: #7c7c7c;
  1875. border-bottom: 1px solid #7c7c7c;
  1876. text-align:center;
  1877. }
  1878. * html .module h3 {
  1879. height: 1%;
  1880. }
  1881. *+ html .module h3 {
  1882. min-height: 1px;
  1883. }
  1884. .module ul, .module ol {
  1885. list-style-position: inside;
  1886. }
  1887. .module dl.details dt {
  1888.  
  1889. /*width: 10em;
  1890. */
  1891. text-align: left;
  1892. margin-left: 5px;
  1893. }
  1894. .module dl.details dd {
  1895. margin-left: 0px;
  1896. }
  1897. .module table.mod-top-posters {
  1898. table-layout: fixed;
  1899. }
  1900. .module .fields1 dd {
  1901. margin-left: 0;
  1902. }
  1903. .module .poll-opt-result {
  1904. white-space: nowrap;
  1905. }
  1906. .module .poll dl {
  1907. margin-top: 1em;
  1908. }
  1909. .module .poll dt {
  1910. width: 40%;
  1911. float: left;
  1912. }
  1913. .module .poll dd {
  1914. margin-left: 41%;
  1915. }
  1916. *+ html #left .module,*+ html #right .module {
  1917. word-wrap: break-word;
  1918. }
  1919.  
  1920. /* Avoid break-word in a table;
  1921. IE expands the table since it doesn't wrap a phrase... *
  1922. /* html #left .module,* html #right .module {
  1923. word-wrap: break-word;
  1924. }
  1925.  
  1926. /* Overview-------------------------------------------------*/
  1927. .overview {
  1928. border: 2px solid black;
  1929. z-index: 999;
  1930. }
  1931. .title-overview {
  1932. margin: 0;
  1933. padding: 5px 10px;
  1934. text-align: center;
  1935. }
  1936. .center-overview {
  1937. padding: 5px 20px 0;
  1938. text-align: center;
  1939. }
  1940. .left-overview {
  1941. text-align: left;
  1942. padding: 5px 10px 0;
  1943. }
  1944.  
  1945. /* Calendar-------------------------------------------------*/
  1946. #calendar ul, #mini-calendar ul {
  1947. height: 120px;
  1948. list-style-type: none;
  1949. background-color: #fcfcfc;
  1950. }
  1951. #calendar ul:hover, #mini-calendar ul:hover {
  1952. background-color: #f3f3f3;
  1953. }
  1954. #calendar ul li, #mini-calendar ul li {
  1955. padding: 3px 0px 0px 10px;
  1956. }
  1957. #calendar table.table1 tbody tr:hover, #calendar table.table1 tbody tr.hover, #mini-calendar table.table1 tbody tr:hover, #mini-calendar table.table1 tbody tr.hover {
  1958. background-color: transparent;
  1959. }
  1960. #calendar .no-border, #mini-calendar .no-border {
  1961. border: none;
  1962. }
  1963. #calendar .center, #mini-calendar .center {
  1964. text-align: center;
  1965. }
  1966. #calendar .hover-td:hover, #mini-calendar .hover-td:hover {
  1967. background-color: #f3f3f3;
  1968. }
  1969. #calendar-result {
  1970. float: left;
  1971. width: 69%;
  1972. margin: 45px 0px 0px 8px;
  1973. }
  1974. #mini-calendar {
  1975. width: 270px;
  1976. float: left;
  1977. }
  1978. p.right-event {
  1979. text-align: right;
  1980. margin: 0px;
  1981. padding: 0px;
  1982. }
  1983.  
  1984. /* Signature-------------------------------------------------*/
  1985. .signature {
  1986. font-size: 12px;
  1987. border-top: 1px solid #CCCCCC;
  1988. line-height: 140%;
  1989. overflow: hidden;
  1990. margin-top: 1.5em;
  1991. color: #7c7c7c;
  1992. }
  1993.  
  1994. /* Gallery-------------------------------------------------*/
  1995. .gallery {
  1996. float: left;
  1997. margin-left: 1%;
  1998. padding-top: 10px;
  1999. min-height: 125px;
  2000. }
  2001. * html .gallery {
  2002. margin-left: 8px;
  2003. height: 125px;
  2004. }
  2005. .gallery:hover {
  2006. background-color: #f3f3f3;
  2007. }
  2008. .info-gallery {
  2009. margin: 0px !important;
  2010. padding: 5px;
  2011. text-align: center;
  2012. }
  2013. .effect {
  2014. vertical-align: middle;
  2015. margin-right: 15px;
  2016. }
  2017. .helpline {
  2018. width: 450px;
  2019. font-size: 12px;
  2020. border: none;
  2021. background-color: transparent;
  2022. }
  2023. .gallery-avatar {
  2024. height: 260px;
  2025. width: 190px;
  2026. text-align: center;
  2027. margin: 0px 0px 20px 30px;
  2028. }
  2029. .gallery-avatar img {
  2030. padding-top: 15px;
  2031. }
  2032. .gallery-avatar:hover {
  2033. background-color: #f3f3f3;
  2034. }
  2035.  
  2036. /* Buttons-------------------------------------------------*/
  2037. .buttons {
  2038. float: left;
  2039. }
  2040. .buttons div {
  2041. float: left;
  2042. margin: 0 5px 0 0;
  2043. background-position: 0 100%;
  2044. }
  2045. .buttons div a {
  2046. display: block;
  2047. width: 100%;
  2048. height: 100%;
  2049. background-position: 0 0;
  2050. }
  2051. .buttons div.post-icon {
  2052. width: auto;
  2053. height: auto;
  2054. }
  2055. .buttons div span{
  2056. display: none;
  2057. }
  2058. .buttons div a:hover{
  2059. background-image: none;
  2060. }
  2061. #cp-main .buttons {
  2062. margin-left: 0;
  2063. }
  2064.  
  2065. /* Topicreview-------------------------------------------------*/
  2066. #topicreview {
  2067. padding-right: 5px;
  2068. overflow: auto;
  2069. height: 300px;
  2070. }
  2071. #topicreview .postbody {
  2072. width: auto;
  2073. float: none;
  2074. margin: 0;
  2075. height: auto;
  2076. }
  2077. #topicreview .post {
  2078. height: auto;
  2079. }
  2080. #topicreview h2 {
  2081. border-bottom-width: 0;
  2082. }
  2083.  
  2084. /* Chatbox-------------------------------------------------*/
  2085. body.chatbox {
  2086. background-image: none;
  2087. }
  2088. .chatbox {
  2089. background-color: #fcfcfc;
  2090. }
  2091. #chatbox_header {
  2092. height: 30px;
  2093. background-color: #212121;
  2094. background-image: none;
  2095. }
  2096. .chatbox .forabg {
  2097. margin: 0;
  2098. border: none;
  2099. padding: 0;
  2100. margin: 0;
  2101. background-color: #7c7c7c;
  2102. }
  2103. .chatbox-title,.chatbox-title a.chat-title {
  2104. color: #ffffff !important;
  2105. }
  2106. .chatbox-title {
  2107. float: left;
  2108. margin: 0;
  2109. padding: 2px 5px 0 5px;
  2110. width: 15em;
  2111. }
  2112. .chatbox-options {
  2113. float: right;
  2114. list-style: none;
  2115. font-size: 12px;
  2116. margin: 0.7em 0.5em 0.5em 0.5em;
  2117. }
  2118. .chatbox-options li {
  2119. display:inline;
  2120. }
  2121. .chatbox-options li,.chatbox-options li a,.chatbox-options li label {
  2122. color: #ffffff;
  2123. }
  2124. #chatbox_members {
  2125. position: absolute;
  2126. top: 30px;
  2127. bottom: 30px;
  2128. width: 180px;
  2129. overflow: auto;
  2130. border-right: 1px solid ;
  2131. }
  2132. #chatbox_members .member-title {
  2133. text-align: center;
  2134. padding: 0.5em 0.25em;
  2135. background-image: none;
  2136. font-size: 12px;
  2137. background-color: #e6e7e7;
  2138. color : #7c7c7c;
  2139. font-family: Verdana,Arial,Helvetica,sans-serif;
  2140. }
  2141. #chatbox_members ul {
  2142. list-style: none;
  2143. margin: 0 0 0 1em;
  2144. }
  2145. #chatbox_members ul li {
  2146. margin: 0.5em 0.5em 0.5em 0;
  2147. }
  2148. #chatbox {
  2149. position: absolute;
  2150. top: 30px;
  2151. left: 181px;
  2152. right: 0;
  2153. bottom: 30px;
  2154. overflow: auto;
  2155. line-height: 10px;
  2156. }
  2157. .chatbox_row_1 {
  2158. padding: 4px;
  2159. background-color: #fcfcfc;
  2160. }
  2161. .chatbox_row_2 {
  2162. padding: 4px;
  2163. background-color: #fcfcfc;
  2164. }
  2165. .chatbox_row_3 {
  2166. padding: 4px;
  2167. background-color: #e6e7e7;
  2168. }
  2169. .memberlist_row_1 {
  2170. background-color: #fcfcfc;
  2171. }
  2172. #chatbox_footer {
  2173. position: absolute;
  2174. bottom: 0;
  2175. left: 0;
  2176. right: 0;
  2177. padding: 5px;
  2178. }
  2179. #chatbox_footer label {
  2180. color: #ffffff;
  2181. }
  2182. #message,#submit_button{
  2183. border-width: 1px;
  2184. }
  2185. .fontbutton {
  2186. padding: 1px;
  2187. cursor: pointer;
  2188. text-align: left;
  2189. }
  2190. .fontbutton_normal {
  2191. background: #E1E1E2;
  2192. }
  2193. .fontbutton_selected {
  2194. background: #BBC7CE;
  2195. border: 1px solid #22229C;
  2196. }
  2197. .fontbutton_clicked {
  2198. background: #959595;
  2199. border: 1px solid #22229C;
  2200. }
  2201. .fontbutton_hover {
  2202. background: #E1E1E2;
  2203. border: 1px solid #22229C;
  2204. }
  2205. #chatbox_contextmenu {
  2206. border: 2px solid black;
  2207. background-color: #e6e7e7;
  2208. }
  2209. #chatbox_contextmenu p {
  2210. margin:0;
  2211. padding: 1px 4px;
  2212. font-family: verdana, arial, sans-serif;
  2213. background: #fcfcfc;
  2214. border-bottom:1px solid #777;
  2215. }
  2216. #chatbox_contextmenu p.hover {
  2217. background: #fcfcfc;
  2218. }
  2219. #chatbox_contextmenu p.close {
  2220. background: #ddd;
  2221. padding: 1px;
  2222. font-size: 95%;
  2223. color:#fff;
  2224. background: url('');
  2225. }
  2226. #chatbox_contextmenu p.close img {
  2227. vertical-align: middle;
  2228. padding-left: 20px;
  2229. }
  2230. #chatbox_contextmenu a {
  2231. color: #7c7c7c;
  2232. text-decoration: none;
  2233. font-size: 95%;
  2234. }
  2235. #chatbox_contextmenu a:hover {
  2236. color: ;
  2237. }
  2238. .fontbutton {
  2239. background:#E1E1E2 none repeat scroll 0%;
  2240. border:medium none;
  2241. color:#000000;
  2242. float:left;
  2243. margin-right:10px;
  2244. padding:1px;
  2245. }
  2246. #chatbox .user {
  2247. font-weight: bold;
  2248. }
  2249. * html #chatbox-members {
  2250.  
  2251. /* IE expressions helping IE work in Standards mode */
  2252. height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
  2253. }
  2254. * html #chatbox {
  2255.  
  2256. /* IE expressions helping IE work in Standards mode */
  2257. height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
  2258. width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
  2259. }
  2260. * html #chatbox-footer {
  2261.  
  2262. /* IE expressions helping IE work in Standards mode */
  2263. width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
  2264. }
  2265.  
  2266. /* Stats------------------------------------------------------------------------------------------*/
  2267. table.forumline {
  2268. font-size: 12px;
  2269. background-color: #7c7c7c;
  2270. background-image: url('http://illiweb.com/fa/prosilver/bg_list.gif');
  2271. padding: 5px;
  2272. background-repeat: repeat-x;
  2273. background-position: 0 0;
  2274. }
  2275. table.forumline td.catHead {
  2276. text-align: left;
  2277. color: #666666;
  2278. font-family: Arial,Helvetica,sans-serif,Verdana,Arial,Helvetica,sans-serif;
  2279. text-transform: uppercase;
  2280. font-size: 0.85em;
  2281. font-weight: bold;
  2282. padding-bottom: 5px;
  2283. }
  2284. table.forumline tr:hover td.catHead {
  2285. background-color: transparent;
  2286. }
  2287. table.forumline th.thCornerL, table th.thTop, table th.thCornerR {
  2288. background-color: #e6e7e7;
  2289. height: 25px;
  2290. }
  2291. table.forumline td {
  2292. height: 20px;
  2293. }
  2294. table.forumline tr:hover td {
  2295. background-color: #f3f3f3;
  2296. }
  2297. table span.gen {
  2298. margin-left: 5px;
  2299. }
  2300. table.forumline.statistical td,table.forumline.bars td,table.forumline.values td {
  2301. padding: 0 1px;
  2302. }
  2303. table.forumline td.stat-bar {
  2304. padding: 0 10px;
  2305. }
  2306.  
  2307. /* Corners------------------------------------------------------------------------------------------*/
  2308. span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
  2309. font-size: 1px;
  2310. line-height: 1px;
  2311. display: block;
  2312. height: 5px;
  2313. background-repeat: no-repeat;
  2314. }
  2315. span.corners-top {
  2316. background-image: none;
  2317. background-position: 0 0;
  2318. margin: 0 -5px;
  2319. }
  2320. span.corners-top span {
  2321. background-image: none;
  2322. background-position: 100% 0;
  2323. }
  2324. span.corners-bottom {
  2325. background-image: none;
  2326. background-position: 0 100%;
  2327. margin: 0 -5px;
  2328. clear: both;
  2329. }
  2330. span.corners-bottom span {
  2331. background-image: none;
  2332. ;
  2333. background-position: 100% 100%;
  2334. }
  2335. .post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
  2336. margin: 0 -10px;
  2337. }
  2338. span.corners-top {
  2339. background-image: url("http://illiweb.com/fa/empty.gif");
  2340. }
  2341. span.corners-top span {
  2342. background-image: url("http://illiweb.com/fa/empty.gif");
  2343. }
  2344. span.corners-bottom {
  2345. background-image: url("http://illiweb.com/fa/empty.gif");
  2346. }
  2347. span.corners-bottom span {
  2348. background-image: url("http://illiweb.com/fa/empty.gif");
  2349. }
  2350.  
  2351. /***************************************************************/
  2352. #cp-main span.corners-top {
  2353. background-image: url("http://illiweb.com/fa/empty.gif");
  2354. }
  2355. #cp-main span.corners-top span {
  2356. background-image: url("http://illiweb.com/fa/empty.gif");
  2357. }
  2358. #cp-main span.corners-bottom {
  2359. background-image: url("http://illiweb.com/fa/empty.gif");
  2360. }
  2361. #cp-main span.corners-bottom span {
  2362. background-image: url("http://illiweb.com/fa/empty.gif");
  2363. }
  2364.  
  2365. /***************************************************************/
  2366. #cp-main .panel #topicreview span.corners-top {
  2367. background-image: url("http://illiweb.com/fa/empty.gif");
  2368. }
  2369. #cp-main .panel #topicreview span.corners-top span {
  2370. background-image: url("http://illiweb.com/fa/empty.gif");
  2371. }
  2372. #cp-main .panel #topicreview span.corners-bottom {
  2373. background-image: url("http://illiweb.com/fa/empty.gif");
  2374. }
  2375. #cp-main .panel #topicreview span.corners-bottom span {
  2376. background-image: url("http://illiweb.com/fa/empty.gif");
  2377. }
  2378.  
  2379. /* Various-------------------------------------------------*/
  2380. .row1{
  2381. background-color: #fcfcfc;
  2382. }
  2383. .row2{
  2384. background-color: #fcfcfc;
  2385. }
  2386. .row3{
  2387. background-color: #fcfcfc;
  2388. }
  2389. .img-whois {
  2390. float: left;
  2391. margin-right: 5px;
  2392. }
  2393. .topic-actions {
  2394. margin-bottom: 5px;
  2395. margin-top: 1em;
  2396. font-size: 12px;
  2397. height: auto;
  2398. }
  2399. *+html .topic-actions {
  2400. margin-top: 1em;
  2401. }
  2402. .column1 {
  2403. float: left;
  2404. clear: left;
  2405. width: 46%;
  2406. margin-left: 3%;
  2407. border-right: 1px solid #ffffff;
  2408. }
  2409. .column2 {
  2410. float: right;
  2411. clear: right;
  2412. width: 46%;
  2413. margin-left: 3%;
  2414. }
  2415. * html .column1, * html .column2 {
  2416. width: 45%;
  2417. }
  2418. .left-box {
  2419. float: left;
  2420. width: auto;
  2421. text-align: left;
  2422. }
  2423. .right-box {
  2424. float: right;
  2425. width: auto;
  2426. text-align: right;
  2427. }
  2428. .center {
  2429. margin-left: auto;
  2430. margin-right: auto;
  2431. text-align: center;
  2432. }
  2433. .clear {
  2434. display: block;
  2435. clear: both;
  2436. font-size: 1px;
  2437. line-height: 1px;
  2438. background: transparent;
  2439. }
  2440. * html .clear {
  2441. height: 1%;
  2442. }
  2443. *+ html .clear {
  2444. min-height: 1px;
  2445. }
  2446. .online {
  2447. background-image: url("http://i49.tinypic.com/2lneixh.jpg");
  2448. background-position: right 0;
  2449. background-repeat: no-repeat;
  2450. }
  2451.  
  2452. /*.online2 {
  2453. position: absolute;
  2454. top: -10px;
  2455. right: 0;
  2456. background-image: url("http://i49.tinypic.com/2lneixh.jpg");
  2457. background-repeat: no-repeat;
  2458. background-position: right 0;
  2459. width: 100px;
  2460. height: 100px;
  2461. }
  2462. */
  2463. .autowidth {
  2464. width: auto !important;
  2465. }
  2466. .italic {
  2467. font-style: italic;
  2468. }
  2469. .pathname-box {
  2470. margin-top: 3px;
  2471. margin-left: 15px;
  2472. float: left;
  2473. }
  2474. .pathname-box p {
  2475. margin-bottom: 0px;
  2476. }
  2477. .select {
  2478. background-color: #FFFFFF;
  2479. border: 1px solid #BCBCBC;
  2480. position: absolute;
  2481. z-index: 999;
  2482. top: 0;
  2483. left: 0;
  2484. overflow: hidden;
  2485. width: 0px;
  2486. }
  2487. * html .select {
  2488. margin-top: -9px;
  2489. }
  2490. * html #sel_smilies {
  2491. height: 200px;
  2492. overflow: auto;
  2493. }
  2494. .select p {
  2495. padding: 4px 6px;
  2496. font-size: 0.9em;
  2497. margin: 0px;
  2498. }
  2499. .select button {
  2500. padding: 4px;
  2501. font-size: 0.9em;
  2502. margin: 0px;
  2503. background-color: #FFF;
  2504. border: none;
  2505. text-align: left;
  2506. }
  2507. .select button.button2 {
  2508. border: 1px solid #BCBCBC;
  2509. padding: 0px;
  2510. }
  2511. *+html .select button.button2 {
  2512. padding-right: 3px;
  2513. padding-left: 3px;
  2514. }
  2515. * html .select button.button2 {
  2516. padding-right: 3px;
  2517. padding-left: 3px;
  2518. }
  2519. .select button.button2:hover {
  2520. border: 1px solid #d31141;
  2521. color: #d31141;
  2522. background-position: 0 100%;
  2523. }
  2524. .select button:hover,.selectHover {
  2525. cursor: pointer;
  2526. background-color: #EEE;
  2527. }
  2528. button.bbcode {
  2529. border: 1px solid #e3adad;
  2530. background-image: url("http://illiweb.com/fa/wysiwyg/bg_button.png");
  2531. }
  2532. #format-buttons {
  2533. margin: 15px 0 5px 0;
  2534. }
  2535. #format-buttons input, #format-buttons select, button.button2 {
  2536. vertical-align: middle;
  2537. }
  2538. ul#picture_legend, ul#privmsgs-menu {
  2539. text-align: center;
  2540. padding: 3px 0;
  2541. }
  2542. ul#picture_legend li,ul#privmsgs-menu li {
  2543. display: inline;
  2544. margin: 2px 10px;
  2545. }
  2546. ul#picture_legend li img, ul#privmsgs-menu li img {
  2547. vertical-align: middle;
  2548. }
  2549. input.checkbox {
  2550. width: auto !important;
  2551. background-color: transparent !important;
  2552. }
  2553. .postlink {
  2554. color: #368AD2;
  2555. border-bottom-color: #368AD2;
  2556. }
  2557. .postlink:visited {
  2558. color: #5D8FBD;
  2559. border-bottom-color: #666666;
  2560. }
  2561. .postlink:active {
  2562. color: #368AD2;
  2563. }
  2564. .postlink:hover {
  2565. background-color: #D0E4F6;
  2566. color: #0D4473;
  2567. }
  2568. ul.topiclist li.row dt a.subforum,ul.topiclist li.row dd.dterm a.subforum {
  2569. background-image: none;
  2570. background-position: 0 50%;
  2571. background-repeat: no-repeat;
  2572. position: relative;
  2573. white-space: nowrap;
  2574. padding: 0 0 0 12px;
  2575. }
  2576. #cp-main .panel li.header dd, #cp-main .panel li.header dt {
  2577. color: #000000;
  2578. }
  2579. html>body dd label input {
  2580. vertical-align: text-bottom;
  2581. }
  2582. #cp-main .panel li.header dd, #cp-main .panel li.header dt {
  2583. color: #000000;
  2584. margin-bottom: 2px;
  2585. }
  2586. .mcp-main .postbody {
  2587. width: 100%;
  2588. }
  2589. .pmlist li.row1 {
  2590. border: solid 3px transparent;
  2591. border-width: 0 3px;
  2592. }
  2593. .pmlist li.row2 {
  2594. border: solid 3px transparent;
  2595. border-width: 0 3px;
  2596. }
  2597. dd.lastpost span.color-groups {
  2598. float: left;
  2599. padding-left: 0;
  2600. }
  2601. * html dd.lastpost span.color-groups {
  2602. cursor: pointer;
  2603. }
  2604. *+html dd.lastpost span.color-groups {
  2605. cursor: pointer;
  2606. }
  2607. .warning {
  2608. color: #f33;
  2609. }
  2610. .obligatory {
  2611. color: #f33;
  2612. }
  2613. .captcha div.captcha-img {
  2614. float: left;
  2615. margin: 0 1em 0 0;
  2616. }
  2617. .captcha .inputbox{
  2618. margin-top: 0.5em;
  2619. }
  2620. #main-content a.cgu-buttons {
  2621. padding: 3px 5px;
  2622. }
  2623.  
  2624. /* RPG tables */
  2625. .rpg-table {
  2626. border: 1px solid #ccc;
  2627. border-collapse: collapse;
  2628. }
  2629. .rpg-table td {
  2630. border: 1px solid #ccc;
  2631. padding: 0.25em;
  2632. }
  2633.  
  2634. /* Footer---------------------------------------------------*/
  2635. .copyright {
  2636. padding: 5px;
  2637. text-align: center;
  2638. color: #7c7c7c;
  2639. }
  2640.  
  2641. /* TGF Clearfix */
  2642. .clearfix:after {
  2643. content: ".";
  2644. display: block;
  2645. height: 0;
  2646. clear: both;
  2647. visibility: hidden;
  2648. }
  2649. *+ html .clearfix {
  2650. min-height: 1px;
  2651. }
  2652. * html .clearfix {
  2653. position: relative;
  2654. height: 1%;
  2655. clear: both;
  2656. }
  2657. * html div#logo-desc #logo {
  2658. filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://illiweb.com/fa/logo/logo_en.png');
  2659. height: 45px;
  2660. width: 274px;
  2661. cursor: hand;
  2662. }
  2663.  
  2664. /* Login Popup---------------------------------------------------*/
  2665. #login_popup {
  2666. position: absolute;
  2667. z-index: 999;
  2668. display: none;
  2669. background-color: #e6e7e7;
  2670. border: 1px solid #7c7c7c;
  2671. padding: 6px;
  2672. }
  2673. #login_popup .h3 {
  2674. margin:0 0 6px;
  2675. padding:0 0 6px;
  2676. }
  2677. #login_popup_buttons {
  2678. position:absolute;
  2679. bottom:6px;
  2680. right:6px;
  2681. }
  2682. #login_popup_buttons input {
  2683. margin-left:6px;
  2684. }
  2685. ul.profile_field_list {
  2686. padding:0;
  2687. }
  2688. html ul.profile_field_list li {
  2689. list-style-type: none;
  2690. }
  2691. ul.profile_field_list > li {
  2692. list-style-type: none;
  2693. }
  2694. .inputURL {
  2695. font-size:10px;
  2696. font-family:"Courier New", "Times New roman";
  2697. letter-spacing:-1px;
  2698. }
  2699. .middleline {
  2700. line-height:2em;
  2701. }
  2702. .invisible{
  2703. display:none;
  2704. visibility:hidden;
  2705. }
  2706. .visible{
  2707. display:block;
  2708. visibility:visible;
  2709. }
  2710.  
  2711. /* ajax profil----------------------------------------------*/
  2712. .ajax-profil_hover{
  2713. background:transparent}
  2714. .ajax-profil_parent{
  2715. position:relative;
  2716. zoom:1}
  2717. .ajax-profil_edit{
  2718. cursor:pointer;
  2719. position:absolute;
  2720. top:0;
  2721. left:-4px}
  2722. .ajax-profil_edit img{
  2723. margin-left:4px}
  2724. .ajax-profil_valid{
  2725. cursor:pointer;
  2726. margin-left:4px;
  2727. vertical-align:middle}
  2728. .column1 dl.details dd,.column2 dl.details dd{
  2729. padding-left:16px;
  2730. }
  2731. #profile-tab-field-profil dl{
  2732. padding:8px 10 8px 0;
  2733. width:98%;
  2734. margin:10px 0 0;
  2735. }
  2736. #profile-tab-field-profil dl dt{
  2737. float:left;
  2738. display:block;
  2739. width:10em;
  2740. }
  2741. #profile-tab-field-profil dl dd{
  2742. margin-left:10em;
  2743. padding-left:12px;
  2744. }
  2745. #profile-tab-field-profil div.separator{
  2746. clear:both;
  2747. font-size:1px;
  2748. line-height:1px;
  2749. border-bottom:1px solid #dcdcdc;
  2750. padding-top:10px;
  2751. }
  2752. #profile-tab-field-profil .ajax-profil_edit{
  2753. left:-4px;
  2754. }
  2755.  
  2756. /* jqModal----------------------------------------------*/
  2757. .jqmWindow {
  2758. display: none;
  2759. position: fixed;
  2760. left: 50%;
  2761. width: 450px;
  2762. margin-left: -225px;
  2763. top: 50%;
  2764. margin-top: -125px;
  2765. background-color: #ffffff;
  2766. border: 1px solid #7c7c7c;
  2767. }
  2768. .jqmOverlay {
  2769. background-color: #000;
  2770. }
  2771. #search_form h1 {
  2772. margin: 0.1em 0 0.3em;
  2773. }
  2774. #jqmHide {
  2775. margin: 0.4em 0;
  2776. }
  2777. .jqDrag {
  2778. cursor: move;
  2779. }
  2780.  
  2781. /* First Post----------------------------------------------*/
  2782. #first-post-br {
  2783. width: 80%;
  2784. border: 0;
  2785. border-top: solid 1px #7c7c7c;
  2786. margin: 20px auto;
  2787. }
  2788.  
  2789. /* Blog----------------------------------------------*/
  2790. .blog .icon {
  2791. background-position: 10px 20px !important;
  2792. }
  2793. .blog .dterm {
  2794. width: 94% !important;
  2795. background-position: 5px 20px !important;
  2796. }
  2797. .blog_cal-border {
  2798. display: inline;
  2799. float: left;
  2800. border: 1px solid #7c7c7c;
  2801. background: #fcfcfc;
  2802. padding: 1px;
  2803. font-size: 1.2em;
  2804. margin-right: 1em;
  2805. }
  2806. .blog_cal-content {
  2807. width: 2.9em;
  2808. background: #7c7c7c;
  2809. padding: 1px;
  2810. line-height: 1.4em;
  2811. text-align: center;
  2812. font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif;
  2813. color: #ffffff;
  2814. }
  2815. .blog_cal-content span {
  2816. display: block;
  2817. }
  2818. .blog_cal-day {
  2819. padding-left: 0.2em;
  2820. font-size: 1.6em;
  2821. letter-spacing: 0.2em;
  2822. }
  2823. .blog_cal-month {
  2824. line-height: 0.7em;
  2825. font-size: 2em;
  2826. font-weight: bold;
  2827. }
  2828. .blog_cal-year {
  2829. line-height: 1.2em;
  2830. font-size: 0.8em;
  2831. }
  2832. .blog_title {
  2833. padding-top: 1em;
  2834. font-size: 1.3em;
  2835. }
  2836. .blog_title h2 {
  2837. display: inline;
  2838. }
  2839. .blog_title .topictitle {
  2840. font-size: 1.2em;
  2841. }
  2842. .blog_message {
  2843. margin-top: 0.5em;
  2844. font-size: 1.1em;
  2845. }
  2846. .blog .codebox dt {
  2847. width: 92%;
  2848. }
  2849. * html .blog .codebox dt,*+html .blog .codebox dt {
  2850. width: 100%;
  2851. }
  2852. .blog_comments {
  2853. text-align: right;
  2854. }
  2855. .blog_comments img {
  2856. vertical-align: middle;
  2857. }
  2858. #blog_comments {
  2859. width: 90%;
  2860. margin: 0 auto;
  2861. }
  2862. #blog_comments .postbody {
  2863. width: 96%;
  2864. }
  2865. .blog_comment-avatar {
  2866. float: left;
  2867. }
  2868. .blog_comment-avatar img {
  2869. background-color: #fff;
  2870. border: 1px solid #7c7c7c;
  2871. vertical-align: middle;
  2872. width: 38px;
  2873. margin: 5px 5px 0 0;
  2874. }
  2875. #blog_comments .h3 {
  2876. overflow: hidden;
  2877. margin-top: 0;
  2878. margin-left: 45px;
  2879. padding: 0;
  2880. min-height: 22px;
  2881. }
  2882. .blog_comment-title {
  2883. float: left;
  2884. min-height: 12px;
  2885. margin-top: 7px;
  2886. }
  2887. #blog_comments .profile-icons {
  2888. margin: 0;
  2889. list-style-position: inherit;
  2890. }
  2891.  
  2892. /* Social bookmarking----------------------------------------------*/
  2893. #bookmarks {
  2894. float: right;
  2895. }
  2896. #bookmarks a img {
  2897. width: 20px;
  2898. height: 20px;
  2899. background: url(http://illiweb.com/fa/social_bookmarking/social_bookmarking.png) no-repeat scroll;
  2900. vertical-align: middle;
  2901. }
  2902. #bookmarks a img.twitter {
  2903. width: 16px;
  2904. height: 16px;
  2905. margin: 2px;
  2906. background: url(http://illiweb.com/fa/social_bookmarking/twitter.png) no-repeat scroll;
  2907. }
  2908. #bookmarks img.delicious {
  2909. background-position: -10px -10px;
  2910. }
  2911. #bookmarks img.digg {
  2912. background-position: -10px -50px;
  2913. }
  2914. #bookmarks img.excite {
  2915. background-position: -9px -90px;
  2916. }
  2917. #bookmarks img.facebook {
  2918. background-position: -9px -128px;
  2919. }
  2920. #bookmarks img.furl {
  2921. background-position: -10px -166px;
  2922. }
  2923. #bookmarks img.google {
  2924. background-position: -10px -206px;
  2925. }
  2926. #bookmarks img.live {
  2927. background-position: -9px -246px;
  2928. }
  2929. #bookmarks img.netscape {
  2930. background-position: -9px -284px;
  2931. }
  2932. #bookmarks img.newsvine {
  2933. background-position: -9px -322px;
  2934. }
  2935. #bookmarks img.reddit {
  2936. background-position: -10px -360px;
  2937. }
  2938. #bookmarks img.slashdot {
  2939. background-position: -10px -400px;
  2940. }
  2941. #bookmarks img.smarking {
  2942. background-position: -9px -440px;
  2943. }
  2944. #bookmarks img.stumbleupon {
  2945. background-position: -10px -478px;
  2946. }
  2947. #bookmarks img.technorati {
  2948. background-position: -10px -518px;
  2949. }
  2950. #bookmarks img.yahoo {
  2951. background-position: -10px -558px;
  2952. }
  2953.  
  2954. /* wysiwyg */
  2955. .mceContentBody{
  2956. background: #fcfcfc;
  2957. color: #7c7c7c;
  2958. }
  2959.  
  2960. /* resize image */
  2961. .resize_process .resizebox {
  2962. display: none;
  2963. }
  2964. .resize_process img.resize_img {
  2965. display: none;
  2966. }
  2967. .resizebox a.enlarge, .resizebox.showfull a.fullsize, .resizebox.enlarged a.resize {
  2968. display: inline-block;
  2969. zoom: 1;
  2970. *display: inline;
  2971. }
  2972. .resizebox.enlarged a.enlarge, .resizebox a.fullsize, .resizebox a.resize {
  2973. display: none;
  2974. }
  2975. .resizebox {
  2976. background-color: #ffffff;
  2977. max-width: 100%;
  2978. line-height: 1.1em;
  2979. cursor: default;
  2980. font-size: 12px;
  2981. font-weight: normal;
  2982. font-style: normal;
  2983. margin: 0;
  2984. text-align: left;
  2985. display: inline-block;
  2986. }
  2987. .resizebox div {
  2988. font-weight: normal;
  2989. font-style: normal;
  2990. margin: 0;
  2991. }
  2992. .resizebox .resize_border {
  2993. border: 1px solid #fcfcfc;
  2994. display: block;
  2995. }
  2996. .resizebox .resize_content {
  2997. padding: 5px 10px;
  2998. display: inline-block;
  2999. zoom: 1;
  3000. *display: inline;
  3001. }
  3002. .resizebox .resize_filler {
  3003. border: none;
  3004. padding: 0;
  3005. width: 40px;
  3006. display: inline-block;
  3007. zoom: 1;
  3008. *display: inline;
  3009. }
  3010. .attachbox {
  3011. background-color:#ebeadd;
  3012. border:1px dashed #e6e7e7;
  3013. clear:left;
  3014. float:left;
  3015. margin:5px 5px 5px 0;
  3016. padding:6px;
  3017. width:auto;
  3018. color:#7c7c7c;
  3019. }
  3020. .attachbox dt {
  3021. font-family:Arial,Helvetica,sans-serif;
  3022. text-transform:uppercase;
  3023. }
  3024. .attachbox .attachments {
  3025. clear:left;
  3026. font-size:0.9em;
  3027. margin-left:10px;
  3028. padding:0;
  3029. display: inline-block;
  3030. }
  3031. .attachbox dl.file {
  3032. border-top: 1px solid #fcfcfc;
  3033. display:block;
  3034. font-family:Verdana,Arial,Helvetica,sans-serif;
  3035. margin-bottom:10px;
  3036. }
  3037. dl.file dt {
  3038. font-family:Verdana,Arial,Helvetica,sans-serif;
  3039. font-weight:bold;
  3040. padding:0;
  3041. text-transform:none;
  3042. display:inline-block;
  3043. vertical-align:middle;
  3044. text-align:center;
  3045. }
  3046. dl.file dd {
  3047. display: inline-block;
  3048. vertical-align:top;
  3049. margin:0 0 0 10px;
  3050. }
  3051. dl.file dd span {
  3052. display: block;
  3053. }
  3054. .info {
  3055. font-size:10px;
  3056. font-style:italic;
  3057. }
  3058.  
  3059. /* Spoiler */
  3060. .codebox {
  3061. display:block;
  3062. }
  3063. .spoiler_content {
  3064. display:none;
  3065. }
  3066. .spoiler_content.hidden {
  3067. display:block;
  3068. }
  3069.  
  3070. /* Styles Facebook */
  3071. .user_login_form {
  3072. margin-bottom:5px;
  3073. }
  3074. .fb_or {
  3075. background-color:#e6e7e7;
  3076. border:2px solid #ffffff;
  3077. font-weight:bold;
  3078. padding:5px;
  3079. color:#7c7c7c;
  3080. height : 16px;
  3081. line-height : 16px;
  3082. width : 26px;
  3083. margin : 0 30px 0 30px;
  3084. }
  3085. #cont_pwd {
  3086. width:150px;
  3087. height:21px;
  3088. float:left;
  3089. padding:0 0 0 20px;
  3090. }
  3091. .pwd_img {
  3092. padding : 4px 0 3px 0;
  3093. width : 150px;
  3094. height : 14px;
  3095. line-height : 14px;
  3096. font-size : 11px;
  3097. font-weight : bold;
  3098. text-align : center;
  3099. color : #000000;
  3100. display : none;
  3101. }
  3102. #pwd_good {
  3103. background:url('http://illiweb.lan/fa/passwd/pwd_good.png');
  3104. }
  3105. #pwd_middle {
  3106. background:url('http://illiweb.lan/fa/passwd/pwd_middle.png');
  3107. }
  3108. #pwd_bad {
  3109. background:url('http://illiweb.lan/fa/passwd/pwd_bad.png');
  3110. }
  3111. #fb_explain {
  3112. padding: 5px 0 0 5px;
  3113. float: left;
  3114. }
  3115. .left {
  3116. float: left;
  3117. }
  3118. .fld_connexion {
  3119. width: 300px;
  3120. }
  3121. .fb_login{
  3122. height: 30px;
  3123. margin: 50px 0 0 0;
  3124. }
  3125. .fb_login .fb_or{
  3126. margin: 0 70px 0 60px;
  3127. }
  3128.  
  3129.  
  3130. #i_icon_mini_faq {
  3131. display: none;
  3132. }
  3133. #i_icon_mini_members {
  3134. display: none;
  3135. }
  3136. #i_icon_mini_groups {
  3137. display: none;
  3138. }
  3139. #i_icon_mini_calendar {
  3140. display: none;
  3141. }
  3142. #i_icon_mini_search {
  3143. display: none;
  3144. }
  3145. #i_icon_mini_gallery {
  3146. display: none;
  3147. }
  3148. ul#picture_legend {
  3149. display: none;
  3150. }
  3151.  
  3152. .i_post:hover{
  3153. filter:alpha(opacity=60);
  3154. opacity:0.6;
  3155. }
  3156. .i_reply:hover {
  3157. filter:alpha(opacity=60);
  3158. opacity:0.6;
  3159. }
  3160. .i_reply_locked {
  3161. filter:alpha(opacity=60);
  3162. opacity:0.6;
  3163. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement