A tumblelog CMS built on AJAX, PHP and MySQL.

style.css 4.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. /* CSS Document created by Jorge Condomi */
  2. /************ BASICS *************/
  3. div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, h7,form, span, pre, a{margin:0; padding:0;}
  4. h1, h2, h3, h4, h5, h6, h7{ font-weight:normal;}
  5. a, a:link, a:visited, a:active{ color:#000; text-decoration:none; outline:none;}
  6. a:hover{ text-decoration:underline; color:#000000; outline:none;}
  7. acronym{ border-bottom: 1px dotted #666; cursor:help;}
  8. fieldset{ border:none; margin:0; padding:0;}
  9. .gelato{color:#006699; font-weight:bold; font-family:'Trebuchet Ms', Verdad, Tahoma;}
  10. .option{ color:#666666; font-style:italic; font-size:0.9em}
  11. /*********** LAYOUT *************/
  12. body{ background: #fff; text-align:center; font-family:"Trebuchet Ms", Verdana, Tahoma; font-size:1em;}
  13. #cont{ width:569px; margin:30px auto 10px auto; text-align:left;}
  14. #head{ background: transparent url(images/head_bg.png) bottom center no-repeat; position: relative; padding-bottom:20px; height:73px;}
  15. h1 a{ display:block; height:77px; width:161px; background:#fff url(images/gelato-logo.png) top left no-repeat; text-indent:-9999px; overflow:hidden;}
  16. #nav{ position:absolute; right:1px; font-size:0.75em; line-height:normal; margin:0; padding:0 10px 0 0; list-style:none;bottom:34px;}
  17. #nav li{ margin:0; padding:0; text-align:right;}
  18. #nav li a:link, #nav li a:visited, #nav li a:active, #nav li a:focus{ color:#777; text-decoration: none;}
  19. #nav li a:hover{ text-decoration:underline;}
  20. #main{ background: #fff url(images/main_bg.png) top left repeat-y; text-align:left; padding:0 0 40px 0;}
  21. h2{ font-size:1.56em; margin:4px; text-indent:20px;}
  22. h3{font-size:1.12em; margin:4px; color:#333333; text-indent:20px;}
  23. .box{ background:#efefef url(images/bg-box.png) left top repeat-y;}
  24. .footer-box{background:#fff url(images/bg-foot-box.png) top center no-repeat;}
  25. .box h3{float:left; color:#FFFFFF; font-weight:bold; padding:5px 10px 0 0;}
  26. .menu{ background:#c1c7cd url(images/bg-top-box.png) top center no-repeat; height:40px; width:559px; list-style-type:none; padding-right:10px;}
  27. .menu li{ display:inline;}
  28. .menu li.selected a{background: transparent url(images/bg-top-box-hover.png) left top repeat-x; text-decoration:none;}
  29. .menu li a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; display:block; float:right; height:28px; padding:12px 3px 0 3px;}
  30. .menu li a:hover{ background: transparent url(images/bg-top-box-hover.png) left top repeat-x; text-decoration:none;}
  31. .menu li a img{border:none; vertical-align:bottom;}
  32. .manage li a{ padding:14px 6px 0 6px;}
  33. form.newpost{ width:500px; margin:0 auto; padding:0;}
  34. form.newpost ul{ list-style-type:none; margin:20px 0 10px 0; padding:0;}
  35. form.newpost li{ margin:4px 0; padding:0;}
  36. form.newpost label{}
  37. form.newpost input{ margin-bottom:10px;}
  38. form.newpost input.txt{ background: #fff url(images/grad-small.png) top left repeat-x; height:15px; border:1px solid #999; width:490px; padding:5px;}
  39. form.newpost input.btn{ }
  40. form.newpost textarea{background: #fff url(images/grad-big.png) top left repeat-x; height:190px; border:1px solid #999; width:490px; padding:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em;}
  41. .entry{ background-color:#efefef; border:1px solid #ccc; margin:20px 15px;}
  42. .info{ border-bottom:1px solid #aaa; position:relative; display:block; padding:4px 10px; height:20px; }
  43. .info p{font-size:0.8em; color:#297aab; display:inline;}
  44. form.compact{ float:right; margin:-2px 0 0 0; padding:0;}
  45. .post{ padding:10px;}
  46. .post h4{ font-style:italic; font-weight:bold; }
  47. .post p{ font-size:0.9em; text-indent:20px;}
  48. .post img{}
  49. .post blockqoute{}
  50. .post .video{}
  51. .post .audio{}
  52. #foot{ background: transparent url(images/foot_bg.png) top center no-repeat; clear: both;}
  53. #foot { text-align:center;
  54. font-size: 10px;
  55. color: #000;
  56. }
  57. #footer a {
  58. color: #000;
  59. }
  60. #div-process {
  61. top:0px;
  62. padding-left: 22px;
  63. font: normal 14.5px/17px georgia, "times new roman", serif;
  64. background: url('../../images/proceso.gif') no-repeat 0% 10%;
  65. float: right;
  66. height: 20px;
  67. width: 150px;
  68. border: 1px solid #000066;
  69. background-color:#FFFFCC;
  70. color:#011940;
  71. }
  72. /* Mensajes para el usuario */
  73. .error {
  74. width:80%;
  75. background: #FFF7F2 url('../../images/error.png') 15px center no-repeat;
  76. border-top: 2px solid #CC0000;
  77. border-bottom: 2px solid #CC0000;
  78. margin: 0 auto;
  79. padding: 5px 20px 5px 45px;
  80. }
  81. .exito {
  82. width:80%;
  83. background: #F4FBF5 url('../../images/information.png') 15px center no-repeat;
  84. border-top: 2px solid #006600;
  85. border-bottom: 2px solid #006600;
  86. margin: 0 auto;
  87. padding: 5px 20px 5px 45px;
  88. }
  89. .information {
  90. width:80%;
  91. background: #FFF6BF url('../../images/icon_info.gif') 15px center no-repeat;
  92. border-top: 2px solid #FFD324;
  93. border-bottom: 2px solid #FFD324;
  94. margin: 0 auto;
  95. padding: 5px 20px 5px 45px;
  96. }