Advertisement
topmovies21

my css

Jan 23rd, 2014
105
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 15.04 KB | None | 0 0
  1. body {
  2. background: #ececec url(http://1.bp.blogspot.com/_rLYhkzmU7RY/TD5owJ2wFOI/AAAAAAAAAAo/Mdv207vRp9k/s1600/kertas.gif) repeat-y center;
  3. color : #000;
  4. font : 14px Times New Roman, arial, sans-serif;
  5. }
  6. h3, h5 {
  7. font-family : Arial, Helvetica, sans-serif;
  8. }
  9. p {
  10. font-family : "Times New Roman", Georgia, Times, serif;
  11. font-size : 14px;
  12. }
  13. a {
  14. color : #1400ff;
  15. text-decoration : none;
  16. }
  17. a:hover {
  18. color : #F00;
  19. text-decoration : none;
  20. }
  21. img {
  22. max-width : 80%;
  23. max-height : 80%;
  24. }
  25. h2 a {
  26. text-decoration : none;
  27. }
  28. #wrapper {
  29. margin : 1px;
  30. padding : 1px;
  31. }
  32. #header {
  33. width: 950px;
  34. height: 100px;
  35. margin: 0 auto;
  36. padding: 0;
  37. background: #ececec;
  38. overflow: hidden;
  39. font-family: 'Arial Rounded MT Bold';
  40. border-radius: 10px 10px 0 0;
  41. border-bottom: 0px solid #000;
  42. border-right: 1px solid #000000;
  43. border-left: 1px solid #000000;
  44. border-top: 1px solid #000000;
  45. }
  46. #logo {
  47. float: left;
  48. margin: 0;
  49. padding: 15px 0 0 10px;
  50. color: #000000;
  51. }
  52. #logo .heading {
  53. margin: 0;
  54. padding: 0;
  55. font-family: "Comic Sans MS", Helvetica, Sans-serif;
  56. font-size : 36px;
  57. font-weight: bold;
  58. color: #061AFF;
  59. text-shadow: 0 1px 0 #0619F7;
  60. }
  61. #logo .heading a {
  62. color: #1E74C4;
  63. }
  64.  
  65. #logo .heading a:hover {
  66. color: #FC0000;
  67. text-shadow: 1px 1px #005CFF, 2px 2px #FFF, 3px 3px #000AFF;
  68. }
  69.  
  70. #logo .description {
  71. margin: 0;
  72. padding: 0;
  73. color: #000;
  74. font: 18px Times New Roman, Helvetica, Sans-serif;
  75. }
  76. #logo a {
  77. border : none;
  78. background : none;
  79. text-decoration : none;
  80. color : #C5E8FF;
  81. }
  82. #search_form {
  83. margin : 10px 7px 5px 7px;
  84. padding : 0;
  85. width : 295px;
  86. height : 28px;
  87. text-align : left;
  88. overflow : hidden;
  89. font : bold 12px Arial, Helvetica, Sans-serif;
  90. color : #ddd;
  91. border : #ddd solid 1px;
  92. border-radius : 10px;
  93. box-shadow : 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
  94. }
  95. #search fieldset {
  96. margin : 0;
  97. padding : 0;
  98. border : none;
  99. }
  100. #search_form [type="text"] {
  101. width : 255px;
  102. background : none;
  103. color : #ddd;
  104. border : none;
  105. padding : 0;
  106. margin : 2px 5px 0 5px;
  107. }
  108. #search_form [type=submit] {width: 20px;height: 20px;border: none;background:url(http://4.bp.blogspot.com/-b3bGGZxX4CM/Uktq890GsGI/AAAAAAAAAhU/nUtwX5eCPKU/s1600/search_icon.gif)no-repeat center center;font-size:0;
  109. }
  110.  
  111. #banner {
  112. margin-bottom : 20px;
  113. border : #ECECEC solid 12px;
  114. }
  115. #menu {
  116. width: 950px;
  117. height: 28px;
  118. margin: 0 auto;
  119. padding: 0;
  120. background: #ececec;
  121. border-bottom: 0px solid #000;
  122. border-right: 1px solid #000;
  123. border-left: 1px solid #000000;
  124. border-top: 3px solid #000;
  125. }
  126. #menu ul {
  127. float : left;
  128. margin : 0;
  129. padding : 0;
  130. list-style : none;
  131. line-height : normal;
  132. text-transform : uppercase;
  133. }
  134. #menu li {
  135. float: right;
  136. border-right: 2px solid #000;
  137. }
  138. #menu a {
  139. display : block;
  140. margin : 0;
  141. text-decoration : none;
  142. text-align : center;
  143. text-transform : uppercase;
  144. font-weight : bold;
  145. text-decoration : none;
  146. display : block;
  147. padding : 6px 8px;
  148. color: #000;
  149. }
  150. #menu a:hover, #menu .current_page_item a:hover {
  151. text-decoration: none;
  152. background: #000;
  153. outline: 0;
  154. color: #FDFDFD;
  155. }
  156. #menu .current_page_item a {
  157. color: #000;
  158. }
  159. #ad {
  160. width : 950px;
  161. margin : 10px auto;
  162. background-color : #ECE9E4;
  163. height : 0;
  164. overflow : hidden;
  165. float : right;
  166. }
  167. #ad #google-ad {
  168. width : 728px;
  169. margin : 0 0 0 248px;
  170. }
  171. #page {
  172. width: 930px;
  173. margin: 0 auto;
  174. padding: 0 10px 15px 10px;
  175. background: #ececec;
  176. border: #000000 solid 1px;
  177. border-top: solid;
  178. border-bottom: 2px solid #000;
  179. }
  180. #content {
  181. float: left;
  182. width: 600px;
  183. margin: 10px 0 0 0;
  184. padding: 0;
  185. overflow: hidden;
  186. background: #FFFFFF;
  187. border: #000000 solid 3px;
  188. border-radius: 5px;
  189. }
  190. #content ol {
  191. list-style : decimal inside;
  192. }
  193. .no-link {
  194. margin : 0;
  195. padding : 0;
  196. color : #373736;
  197. text-decoration : none;
  198. }
  199. #content h3 {
  200. line-height: 1.8em;
  201. }
  202. #content #pagination_links {
  203. text-align : center;
  204. font-size : 22px;
  205. }
  206. #content .title {
  207. margin : 0 0 10px 0;
  208. padding : 0;
  209. line-height : 24px;
  210. font-size : 18px;
  211. font-weight : bold;
  212. margin : 0 0 10px 0;
  213. color : #003164;
  214. }
  215. .thumbnail {
  216. display : block !important ;
  217. width : 125px !important ;
  218. margin-right: 10px!important;
  219. padding: 0 !important;
  220. height: 135px !important;
  221. border-radius: 5px !important;
  222. }
  223. .thumbnail:hover {
  224. transform : rotate(380deg);
  225. transition : all 1.5s ease-in-out;
  226. box-shadow : 2px 3px 5px #38a;
  227. }
  228. .topmovies21 {
  229. border-radius : 10px;
  230. }
  231. .topmovies21:hover {
  232. box-shadow: 3px 2px 7px #00B6FF;
  233. }
  234. .post {
  235. margin : 4px 4px 30px 6px;
  236. padding : 0;
  237. padding-bottom : 14px;
  238. display : inline;
  239. overflow : hidden;
  240. background : #ececec;
  241. }
  242. .post .title {
  243. background: #000;
  244. height: 20%;
  245. text-align: center;
  246. border: 3px solid #000000;
  247. color: #00E0FF !important;
  248. overflow: hidden;
  249. border-radius: 5px;
  250. }
  251. .post .title a {
  252. color : #0ff;
  253. }
  254. .post .title a:hover {
  255. color: #FF0000;
  256. text-decoration: none;
  257. }
  258. .post .meta {
  259. color: #0000FF;
  260. font-size: 12px;
  261. padding: 0;
  262. padding-bottom: 5px;
  263. margin-top: -10px;
  264. border-bottom: 1px solid #ccc;
  265. padding-left: 3px;
  266. padding-right: 2px;
  267. }
  268. .post-single {
  269. width : 100%;
  270. height : 100%;
  271. margin : -3px 0 0 -3px;
  272. padding : 0;
  273. }
  274. .post-single .title {
  275. padding : 10px !important ;
  276. }
  277.  
  278. .post .entry {
  279. padding: 0px 2px;
  280. text-align: justify;
  281. margin: 10px 10px 0 10px;
  282. }
  283.  
  284. .post .entry h1 {
  285. border: #0267FF solid 3px;
  286. border-radius: 8px;
  287. margin-top: -5px;
  288. color: #000;
  289. }
  290.  
  291. .post .entry h1 a {
  292. color : #000;
  293. }
  294.  
  295. .post .entry h1:hover {
  296. color: #0267ff;
  297. cursor: pointer;
  298. }
  299.  
  300. .post .entry h2 {
  301. border: #0267FF solid 3px;
  302. border-radius: 8px;
  303. margin-top: -5px;
  304. color: #000;
  305. }
  306.  
  307. .post .entry h2 a {
  308. color : #000;
  309. }
  310. .post .entry h2 a:hover {
  311. color: #0267ff;
  312. cursor: pointer;
  313. }
  314.  
  315. blockquote, q {
  316. quotes : none;
  317. }
  318. blockquote:before, blockquote:after, q:before, q:after {
  319. content : '';
  320. content : none;
  321. }
  322. blockquote {
  323. margin : 1.5em 0;
  324. }
  325. blockquote {
  326. margin-left : 2em;
  327. margin-right : 2em;
  328. border-left : 4px solid #ccc;
  329. padding-left : 1em;
  330. font-style : italic;
  331. }
  332. blockquote {
  333. background : url(http://4.bp.blogspot.com/-k2AsfzkzLjI/UAowRhYlhMI/AAAAAAAAAs4/xk4XZNfnbZs/s1600/blockquote.gif) 2px 2px no-repeat #fff;
  334. border-left : 6px solid #ccc;
  335. border-top : 1px solid #ccc;
  336. border-bottom : 1px solid #ccc;
  337. border-right : 1px solid #ccc;
  338. text-align : left;
  339. font-style : italic;
  340. margin : 0 0 13px 13px;
  341. padding : 10px 22px 10px 22px;
  342. }
  343. .post .entry h3 {
  344. /* background : #222; */
  345. border: #000 solid 3px;
  346. border-radius : 8px;
  347. color: #000;
  348. }
  349. .post .entry h3 a {
  350. color : #ddd;
  351. }
  352. .post .entry h3 a:hover {
  353. color : #38a;
  354. }
  355. .post .entry h3:hover {
  356. color: #FD0000;
  357. cursor : pointer;
  358. }
  359. .post .entry h4 {
  360. background : #222;
  361. border : #38a solid 3px;
  362. border-radius : 6px;
  363. color : #38a;
  364. }
  365. .post .entry h4 a {
  366. color : #38a;
  367. }
  368. .post .entry h4 a:hover {
  369. color : #ddd;
  370. }
  371. .post .entry h4:hover {
  372. color : #ddd;
  373. cursor : pointer;
  374. }
  375. .meta {
  376. margin-bottom:10px;
  377. }
  378. .meta .categories {
  379. color: #00F;
  380. font-size: 12px;
  381. padding:0;
  382. font-weight:normal;
  383. }
  384.  
  385. .meta .categories a {
  386. color: #000000;
  387. }
  388.  
  389. .meta .categories a:hover{
  390. color:orange;
  391. }
  392.  
  393. .post .meta .date {
  394. float: left;
  395. }
  396.  
  397. .post .meta .posted {float: right;
  398. }
  399.  
  400. .links {
  401. margin-bottom : 10px;
  402. text-align : right;
  403. }
  404. .links:before {
  405. content : "Admin";
  406. font-weight : bold;
  407. float : left;
  408. color : #313031;
  409. }
  410. .links a {
  411. border-radius : 5px;
  412. background : #38a;
  413. font-size : 13px;
  414. color : #ddd;
  415. text-shadow : 1px 1px #000;
  416. margin : 8px 0;
  417. padding : 2px 10px;
  418. border : #000 solid 2px;
  419. }
  420. .links a:hover {
  421. background : #313031;
  422. color : #38a;
  423. }
  424. #share_buttons:before {
  425. content: "Please Like +1 and Share to";
  426. color: #00F;
  427. }
  428. #share_buttons {
  429. text-align: center;
  430. /* margin-bottom: -14px; */
  431. }
  432. #comments {
  433. border-top: 3px solid;
  434. margin: 0 0 0px 0;
  435. padding : 10px;
  436. background: #ececec;
  437. border-radius : 10px 10px 0 0;
  438. }
  439. #comments a {
  440. color: #0000ff;
  441. }
  442. .comment {
  443. margin-bottom : 10px;
  444. text-decoration : none;
  445. font-size : 11px;
  446. font-weight : normal;
  447. border-radius : 6px;
  448. background : #fff;
  449. padding : 0 5px;
  450. border : #999 solid 3px;
  451. }
  452. #comments h4 {
  453. color: #00f;
  454. }
  455. #comments h4 a {
  456. color: #0000ff;
  457. }
  458. .comment h4 a {
  459. background: #fff;
  460. /* color: #000000 !important; */
  461. font-size : 16px;
  462. text-decoration : none;
  463. font-weight : bold;
  464. }
  465. .comment small {
  466. font-size : 10px;
  467. font-weight : normal;
  468. color : #313031;
  469. }
  470. #comment_form .inp-text, #comment_form .inp-textarea {
  471. width : 550px;
  472. margin: 0 0 0 10px;
  473. }
  474. #comment_form .inp-btn {
  475.  
  476. border: #000 solid 2px;
  477. border-radius : 6px;
  478. margin: -5px 0 10px 10px;
  479. /* padding : 3px 0; */
  480. font-weight : bold;
  481. }
  482. #comment_form .inp-textarea, #comment_form .inp-text {
  483. margin-bottom: 10px;
  484. /* border: #000 solid 3px; */
  485. /* border-radius : 5px; */
  486. }
  487. #new_comment_form {
  488. background: #ececec;
  489. border: #000 solid 3px;
  490. border-radius : 10px;
  491. }
  492. #new_comment_form a {
  493. color : #222;
  494. }
  495. #new_comment_form h3 a {
  496. color: #000;
  497. margin : 0 0 0 5px;
  498. }
  499. #new_comment_form img {
  500. margin : 0 0 0 5px;
  501. border : #999 solid 3px;
  502. border-radius : 6px;
  503. }
  504. #new_comment_form medium {
  505. margin : 0 0 0 5px;
  506. }
  507. #sidebar {
  508. float : right;
  509. width: 315px;
  510. padding : 0;
  511. color: #000;
  512. background: #FFF;
  513. margin : 10px 0 0 0;
  514. border-radius : 5px;
  515. border : #1602FF solid 1px;
  516. }
  517. #sidebar ul li ul {
  518. margin : 0;
  519. padding : 0 5px 0 5px;
  520. list-style : none;
  521. }
  522. #sidebar ul {
  523. margin : 0;
  524. padding : 0;
  525. list-style : none;
  526. }
  527. #sidebar li {
  528. margin : 0;
  529. padding : 0;
  530. }
  531. #sidebar li ul {
  532. margin : 0 0;
  533. padding : 0;
  534. }
  535. #sidebar li li, #following_list li, #blogroll_list li {
  536. line-height : 17px;
  537. margin : 5px 0;
  538. padding : 3px 0;
  539. border-bottom : 1px solid #313031;
  540. }
  541. #sidebar li li span a {
  542. color : #FFFFFF;
  543. }
  544. #sidebar h3, #following_list h3, #blogroll_list h3 {
  545. color : #f00;
  546. text-shadow : 1px 1px #000;
  547. font-size : 15px;
  548. line-height : 16px;
  549. margin : 0;
  550. padding : 8px 5px;
  551. text-transform : uppercase;
  552. background : #000;
  553. border-bottom : 3px solid #0070FF;
  554. font-weight : bold;
  555. }
  556. #sidebar li ul h3 {
  557. margin : -5px -5px 0 -5px;
  558. }
  559. #sidebar h5 {
  560. color : #ffe;
  561. text-shadow : 1px 1px #000;
  562. font-size : 15px;
  563. line-height : 16px;
  564. margin : -3px;
  565. padding : 5px;
  566. text-transform : uppercase;
  567. background : #000;
  568. border-bottom : 3px solid #38a;
  569. font-weight : bold;
  570. }
  571. #sidebar a {
  572. border : none;
  573. text-decoration : none;
  574. color: #00F;
  575. }
  576. #sidebar a:hover {
  577. color: #F00;
  578. text-decoration : none;
  579. }
  580. #sidebar img:hover {
  581. box-shadow : 2px 2px 8px #38a;
  582. }
  583. #calendar_wrap {
  584. padding : 20px;
  585. }
  586. #calendar table {
  587. width : 100%;
  588. }
  589. #calendar tbody td {
  590. text-align : center;
  591. }
  592. #calendar #next {
  593. text-align : right;
  594. }
  595. /* 2 Colum Footer*/
  596.  
  597. #footer-content
  598. {
  599. width: 930px;
  600. height: 220px;
  601. background:#222;
  602. padding:10px;
  603. margin:0 auto;
  604. border:1px solid #0000ff;
  605. border-top:2px solid #00F;
  606. }
  607.  
  608. #footer-content .column1 {
  609. width: 450px;
  610. text-shadow:2px 2px #0253FF;
  611. color:#ffe;
  612. margin:0px 10px 0px 2px;
  613. padding:0px 2px;
  614. font-size:14px;
  615. border-radius: 5px;
  616. float:left;
  617. border:3px solid #999;  
  618. }
  619.  
  620. #footer-content .column2 {
  621. width: 450px;
  622. background:#000;
  623. text-shadow:2px 2px #0253FF;
  624. color:#ffe;
  625. margin:`5px 5px;
  626. padding:0px 0px;
  627. font-size:14px;
  628. border-radius: 5px 5px 5px 5px;
  629. float:left;
  630. border:3px solid #999;  
  631. }
  632.  
  633. #footer-content .column1 ul, #footer-content .column2 ul {
  634. list-style:none;
  635. width:450px;
  636. margin:0px;
  637. padding:0px 10px;
  638. }
  639.  
  640. #footer-content .column1 li, #footer-content .column2 li {
  641. margin:0;
  642. padding:4px 5px;
  643. }
  644.  
  645. #footer-content .column1 li a, #footer-content .column2 li a {
  646. color:#fff;
  647. }
  648.  
  649. #footer-content .column1 li a:hover, #footer-content .column2 li a:hover {
  650. color: #ddd;
  651. }
  652.  
  653. #footer-content h3 {
  654. background:#000;
  655. color:#ddd;
  656. font-weight:bold;
  657. font-size:14px;
  658. text-align:center;
  659. text-transform:uppercase;
  660. padding-top:8px;
  661. padding-left:0px;
  662. padding-bottom:8px;
  663. margin:0px;
  664. width:450px;
  665. border-bottom:3px solid #972206;
  666. }
  667.  
  668. #footer {
  669. width : 950px;
  670. margin : 0 auto;
  671. padding : 5px 0 10px 0;
  672. font-family : Arial, Helvetica, sans-serif;
  673. background : #222;
  674. border-radius : 0 0 10px 10px;
  675. border : #404040 solid 1px;
  676. border-top : 2px solid #404040;
  677. }
  678. #footer p {
  679. margin : 0 15px;
  680. padding : 0 0 35px 0;
  681. line-height : normal;
  682. text-align : left;
  683. color : #ddd;
  684. }
  685. #footer p:after {
  686. margin : -35px 0;
  687. padding : 5px;
  688. line-height : normal;
  689. text-align : right;
  690. color : #ddd;
  691. content : "EINSTEIN MOVIE - DOWNLOAD FILM For FREE AVI - MKV - MP4";
  692. display : block;
  693. }
  694. #footer p + p {
  695. margin : 0 15px;
  696. padding : 5px;
  697. line-height : normal;
  698. text-align : right;
  699. color : #000;
  700. position : fixed;
  701. }
  702. #footer a {
  703. color : #38a;
  704. }
  705. #footer a:hover {
  706. color : #00C2DD;
  707. }
  708. #pagination_links {
  709. padding : 1px;
  710. margin-top : 15px;
  711. text-decoration : none;
  712. text-align : center;
  713. }
  714. #pagination_links span {
  715. padding : 8px;
  716. display : inline-block;
  717. color : #FFF;
  718. background : #222;
  719. border : #999 solid 2px;
  720. text-decoration : none;
  721. border-radius : 20px;
  722. }
  723. #pagination_links a {
  724. padding : 8px;
  725. background : #ddd;
  726. color : #000;
  727. display : inline-block;
  728. border : #999 solid 2px;
  729. text-decoration : none;
  730. border-radius : 20px;
  731. }
  732. #pagination_links a:hover {
  733. text-decoration : none;
  734. background : #222;
  735. color : #ddd;
  736. }
  737. #pagination_links span:hover {
  738. text-decoration : none;
  739. background : #000;
  740. color : #ddd;
  741. cursor : pointer;
  742. }
  743. #following_list ol, #blogroll_list ol {
  744. margin : 0;
  745. padding : 0;
  746. }
  747. #content:before {
  748. content: "Eits ! Before you download files from this blog. please note, just click 1 ads below once times, to get easy acces for download without any problem";
  749. display: block;
  750. text-align: center;
  751. padding: 10px;
  752. background: #000;
  753. color: #0ff;
  754. margin-bottom: 5px;
  755. }
  756.  
  757. .trailer {background: black;color:#00b6ff;font-weight:bold;font-size:18px;margin-top: 5px; margin-bottom: 10px;font-weight:bold;text-align:center;border-radius: 10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;border:solid #38a;margin-top:10px; margi-bottom:10px;font-size: 1.2em!important;}
  758. .youtube-player{width: 460px!important;height: 300px!important;}
  759. .youtube-player {margin-top: 10px; margin-bottom:15px;}
  760.  
  761. .info {color:black;font-weight:bold;font-weight:bold;margin-top: 5px; margin-bottom: 10px;text-align:center;border-radius: 10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;border:solid #367D8F;font-size: 1.2em!important;}
  762.  
  763. .info2 {color:black;font-weight:bold;font-weight:bold;margin-top: 5px; margin-bottom: 10px;text-align:center;border-radius: 10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;border:solid #367D8F;font-size: 1.2em!important;}
  764.  
  765. .post .entry .info {margin-top: 5px; margin-bottom: 10px;/* text-align: center; */ /* padding-top: 5px; */ /* padding-bottom: 5px; */border: 3px solid #000000;color: #F00;padding: 3px;text-shadow: none;font-size: 1.3em!important;}
  766.  
  767. .post .entry .info2 {margin-top: 5px; margin-bottom: 10px;text-align: center;padding-top: 5px; padding-bottom: 5px;border: 3px solid #000000;color: #F00!important;padding: 3px;text-shadow: none;font-size: 1.3em;}
  768.  
  769. .post .entry .info2 {margin-top: 5px; margin-bottom: 10px;text-align: center;padding-top: 5px; padding-bottom: 5px;border: 3px solid #dddddd;color: #333;padding: 3px;text-shadow: none;font-size: 1.3em;font-style: bold!important;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement