Version 0.2.5
>>67888
Ahora que cerraron Televisa, la editorial, Condorito esta en el limbo.
Bumpo
>>67912
Negro tarado y mal agradecido. ¿Tan difícil es para ti sacar el espacio o tus 3 neuronas útiles no te son suficiente?
¿No hay "música clásica" latinoamericana?
>>67904
Ahora esto será mi fondo de escritorio.
>>39740
soyboy
>>39796 (OP)
me arden los ojos con ese estilo
Bien, despues de procastinar mucho he decidido volver a seguir con los estilos para chispa.
Pero es mucho trabajo para uno solo ademas de que no puedo estar haciendole el estilo de su waifu a cada negro del chan, asi que si quieres hacer tu propio estilo dejare el mio para que lo uses de plantilla y vayas practicando, la mayoria de las partes que afectan el codigo estan comentadas.
Tambien queria hacerlo compatible con 8ch.net ya que en caso de que volviera a abrir la caja no hubiera necesidad de escribir todo de cero, por ello se encontraran partes en el codigo que realmente no afectaran el CSS de hispa, espero no se confundan.
Si tienes alguna duda de como carajo hacerlo puedes preguntar.
Aun me hace falta arreglar el catalogo y encontrar una manera de que las imagenes o webms que se abren en otras ventanas deje verse el estilo, pero la pereza me gana./*Encabezado*/
header div.subtitle, h1 {
color: #aaa8a8;
text-align: center;
}
.logo {
clear: both;
text-align: center;
padding-top: 8px;
padding-bottom: 10px;
font-size: 220%;
line-height: 120%;
color: #0051e6;
width: 100%;
}
/*Barra de tablones*/
.barra {
font-size: 120%;
line-height: 140%;
border: 1px solid #07c9d7;
background: #b4fff97d;
padding: 8px 5px;
border-radius: 5px;
}
.desktop-style div.boardlist:not(.bottom) {
position: fixed;
top: 0;
left: 0;
right: 0;
margin-top: 0;
z-index: 30;
box-shadow: 0 1px 4px rgba(7, 147, 252, .93); /*sombreado de barra*/
border-bottom: 1px solid;
background-color: #01e31e;
}
div.boardlist {
margin-top: 3px;
color: #49e333;
font-size: 9pt;
}
.boardlist {
background: #d8d9df !important;
color: #1ed436 !important;
border-radius: 5px;
}
/*Franja de division arriba de formato de posteo*/
div.banner {
color: #2215e5;
}
div.banner a {
color: #002afb;
}
div.banner {
background-color: #c2c7c6;
font-weight: bold;
text-align: center;
margin: 0 0 1em;
}
.replymode {
color: #17e1ea;
background: #2f39fdcc;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 10px;
margin-bottom: 10px;
font-size: 110%;
width: 100%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
/*Post seleccionado*/
.highlight {
background:#e4fffe;
color:#5959ff;
border:1px solid #b3917b;
padding:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px
}/*Colores del formato de posteo*/
form table tr th {
background: #74f3f9 !important;
color: #0c10b9 !important;
border: 1px solid #000 !important;
border-radius: 5px;
}
.postblock {
background: #56e0ff;
text-align: center;
color: #1962bb;
padding: 5px;
font-weight: 700;
border: 1px solid #2f39fd;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.postarea, #de-pform {
background: rgba(185, 255, 252, .51);
margin: 15px auto;
padding: 10px;
width: 706px;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}/*Lineas de division*/
hr {
height: 1px;
background-color: #01f;
border: 0 none;
}
/*Caja de OP (opcional)*/
div.body{
background-color: #6479f2d9;
margin-left: 22.8%;
padding-bottom: 20px;
margin-right: 1%;
border-radius: 9px;
padding-left: 1%;
padding-top: 1%;
}
.thread > blockquote{
background-color: #ffffffe6;
border: 1px solid #8ac5ed;
margin-left: 22.8%;
padding-bottom: 20px;
margin-right: 1%;
border-radius: 9px;
padding-left: 1%;
padding-top: 1%;
}
/*Cajas de respuestas*/
.post.reply {
background: #6479f2 !important;
border-radius: 9px;
}
/*Titulo*/
.intro
span.subject {
color: #d5dbdf;
font-weight: bold;
}
.filetitle {
background: inherit;
color: #2d08e1;
font-weight: 700;
}
/*Nombre*/
.intro span.name {
color: #626262 !important;
}
.postername {
color: #779dff;
font-weight: 700;
}
/*Admins*/
.intro span.capcode,
p.intro a.capcode,
p.intro a.nametag {
color: #0116ff;
margin-left: 0;
}/*Caja de reportes*/
.reporte {
background-color: #cffffbe6;
border: 1px solid #8ac5ed;
padding: 8px;
margin-bottom: 5px;
border-radius: 5px;
color: #002d9e;
}
.eliminar, .reportar {
background-color: #1a0effe6;
border: 1px solid #8ac5ed;
border-radius: 3px;
font-size: 13px;
color: #fff;
cursor: pointer;
padding: 7px;
opacity: .7;
}
/*Links*/
a,
aisited {
color: #00e1ff;
}
/*Encima de link*/
a:hover,.intro a.post_no:hover {
color: #6b16e1;
}
.reflink a:hover {
color: #06faff !important;
}
.enviar:hover{
background-color: blue;
color:#06faff;
}
/*Link visitado*/
a:visited {
color: #0059ff;
}
/*Respuestas*/
div.post.reply div.body a {
color: #0713bf;
}
.reply {
background-color: #ffffffe6;
border: 1px solid #8ac5ed;
color: #2c02fd;
padding: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.enviar {
border: solid 0 #79e1f4;
border-radius: 3px;
font-size: 13px;
color: #fff;
padding: 3px 9px;
background-color: #35edff;
cursor: pointer;
margin-left: 10px;
float: right;
}
/*Numero de post*/
.reflink a {
color: #5c2ffd !important;
font-weight: 700;
}
/*Texto verde*/
.quote {
color: #3059ff !important;
}
.unkfunc {
background: inherit;
color: #00ac76;
}
/*Texto rojo*/
span.heading {
color: #c0f;
font-size: 15pt;
font-weight: bold;
}
.redtext {
background: inherit;
color: #d70258;
}
/*Spoiler*/
span.spoiler {
background: #040000;
color: #000;
padding: 0 1px;
}
div.post.reply div.body span.spoiler a {
color: black;
}
span.spoiler:hover div.post.reply div.body span.spoiler:hover a {
color: #9192ff;
}
/*Caja para codigo "/code" */
pre.prettyprint {
padding: 2px;
border: 2px solid #8a8888;
background-color: #d6d5d5;
}
.code {
background: #edf8ffcc;
border: 1px solid #0d32fe;
}/*Flechas de navegacion*/
#pcscrollTop, #pcscrollBottom {
background-color: #0d0dff59;
border: 1px solid #5146e9;
color: #0700ff;
}
/*Boton para entrar a hilo*/
#botonresp {
margin: 0;
cursor: pointer;
border-radius: 3px;
background: #0cbbd7;
color: #ffe;
}
/*Boton de expandir hilo*/
.expandirhilo {
padding: 3px 7px;
margin: 0 2px 3px 0;
cursor: pointer;
border-radius: 3px;
background: #08009e;
color: #ffe;
border: 0;
}
/*Texto de posts omitidos*/
.omittedposts {
color: #00089e;
padding: 2px;
}
/*"Sigue leyendo el post completo..."*/
.abbrev {
color: #8b409c;
padding-top: 20px;
}
/*Lista de hilos(numeros)*/
.numeros {
background-color: #cffffbe6;
border: 1px solid #8ac5ed;
padding: 5px;
border-radius: 5px;
}
/*Aviso "verde"*/
.avisoverde {
padding: 10px;
background: #130edf;
color: #a5f1ff;
border: 1px solid #0d00ff;
border-radius: 5px;
line-height: 135%;
}
/*Aviso "rojo"*/
.avisorojo {
padding: 10px;
background: #9cf9ff;
color: #330cf5;
border: 1px solid #1b11e1;
border-radius: 5px;
line-height: 135%;
}
/*Imagen, color de fondo y letras */
body {
color: #0904a8 !important;
background: url("http://i65.tinypic.com/2nsuidt.png") repeat 500px 200px, url("http://i59.tinypic.com/ncc8yt.jpg") no-repeat fixed 100% -50%, url("http://pngimg.com/upload/snowflakes_PNG7538.png") repeat 1% !important;
width: 100%;
}
html, body {
background-color:#fffefe !important;
}
>>67914
>hay un episodio del cerdio Porky en la que tiene que cuidar al hijo de una obrera que está trabajando en una fábrica de aviones en plena segunda guerra mundial
Eso no es propaganda. Es utilizar una situación "moderna" para el argumento de un episodio.
Es como el episodio de los padrinos mágicos en el timmy envía un E-mail romántico. Una situación cotidiana en esa época pero no en la actualidad.
Un ejemplo de propaganda política son las caricaturas de el pato Donald en la segunda guerra mundial, como the spirit of 43 en donde se dice literalmente que si no pagas tus impuestos estarás ayudando a los nazis
Hispachan Files