daily pastebin goal
54%
SHARE
TWEET

Descripciones Kingdom Hearts (CSS)

Arabella23 Jun 30th, 2015 559 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* latin */
  2. @font-face {
  3.   font-family: 'Squada One';
  4.   font-style: normal;
  5.   font-weight: 400;
  6.   src: local('Squada One'), local('SquadaOne-Regular'), url(http://fonts.gstatic.com/s/squadaone/v5/DIbfqh10Zkwc_Qd08Y0safk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  7.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  8. }
  9.  
  10. @font-face {
  11.   font-family: 'Oswald';
  12.   font-style: normal;
  13.   font-weight: 300;
  14.   src: local('Oswald Light'), local('Oswald-Light'), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/HqHm7BVC_nzzTui2lzQTDT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
  15. }
  16.  
  17. /*titulo de los foros*/
  18. a.forumtitle {
  19.   text-align:center;
  20.   color: #42a9de;
  21.   display: block;
  22.   text-shadow: 1px 1px 0 #ffffff;
  23.   font-family: squada one;
  24.   font-size: 20px;
  25.   font-weight: 400;
  26.   height: 15px;
  27.   letter-spacing: 5px;
  28.   margin-top: 10px!important;
  29.   text-align: center;
  30.   text-transform:uppercase;
  31.   width: 600px!important;
  32. }
  33. /*fin titulo de los foros*/
  34.  
  35.  
  36.  
  37. /*Interior de la categoria: mensajes*/
  38.  
  39. .forabg li.row dd.dterm {
  40. width:70% /*Descripción y Título*/
  41. }
  42. /*Lo demás*/
  43. .forabg li.row dd.topics{
  44. width: 94px;
  45. height:70px;
  46. margin-top:40px;
  47. margin-left:-38px;
  48. margin-right:3px;
  49. background:#42a9de;
  50. border:2px solid #ffffff;
  51. text-align:center;
  52. font-size:28px;
  53. font-family:squada one;
  54. color:#ffffff;
  55. }
  56.  
  57. .forabg li.row dd.topics:after {
  58. content: " TEMAS ";
  59. font-size:26px;
  60. font-family:squada one;
  61. color:#ffffff;
  62. }
  63.  
  64. .forabg li.row dd.posts{
  65. width: 94px;
  66. height:70px;
  67.  margin-top:40px;
  68. background:#2e2a3e;
  69. border:2px solid #ffffff;
  70.  font-size:26px;
  71. font-family:squada one;
  72. color:#ffffff;
  73. }
  74.  
  75. .forabg li.row dd.posts:after {
  76. content: " POSTS ";
  77. font-size: 10px;
  78.   font-size:26px;
  79. font-family:squada one;
  80. color:#ffffff;  
  81. }
  82. .forabg li.row dd.lastpost{
  83. width:195px;
  84. height:46px;
  85. border:2px solid #ffffff;
  86. background: #e9d467;
  87. margin-left:-38px;
  88. margin-top:3px;
  89. text-align:center;
  90. font-size:9px;
  91.  letter-spacing:1px;
  92. text-transform:uppercase;
  93. }
  94.  
  95.  
  96. dd.lastpost span.color-groups {
  97.     float: none;
  98.     font-size:15px;
  99.     font-family:oswald;
  100.     text-transform:uppercase;
  101.     letter-spacing:3px;
  102.       text-shadow: 1px 1px 0 #fff;
  103. }
  104.  
  105. dd.lastpost span {
  106. display: inline;
  107. }
  108. /*Fin Interior de la categoria: mensajes*/
  109.  
  110.  
  111. /*link de los foros*/
  112. .button {
  113.   width:146px;
  114.   height:auto;
  115.   padding:3px;
  116.   background: #42a9de;
  117.   border:2px solid #ffffff;
  118.   margin-top:-1px;
  119.   display: inline-block;
  120.   position:relative;
  121.   color: #ffffff;
  122.   text-align:center;
  123.   font-size:8px;
  124.   text-transform:uppercase;
  125.   letter-spacing:2px;
  126. }
  127.  
  128. .button span {
  129.   display: block;
  130.   width: 0%;
  131.   height: 0%;
  132.   position: absolute;
  133.   background: #e9d467;
  134.   -webkit-transition: all 500ms ease;
  135.   -moz-transition: all 500ms ease;
  136.   transition: all 500ms ease;
  137. }
  138. .button span.tl {
  139.   top: 0;
  140.   left: 0;
  141.   height: 2px;
  142. }
  143. .button span.tr {
  144.   top: 0;
  145.   right: 0;
  146.   width: 2px;
  147. }
  148. .button span.bl {
  149.   bottom: 0;
  150.   left: 0;
  151.   width: 2px;
  152. }
  153. .button span.br {
  154.   bottom: 0;
  155.   right: 0;
  156.   height: 2px;
  157. }
  158.  
  159. .buttom a{
  160. color:#ffffff;
  161. }
  162.  
  163. .button:hover {
  164. background:#2e2a3e;
  165. color:#ffffff;}
  166.  
  167. .button:hover .tl, .button:hover .br {
  168.   width: 100%;
  169.  
  170. }
  171. .button:hover .tr, .button:hover .bl {
  172.   height: 100%;
  173. }
  174. /*fin link de los foros*/
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top