Soporte phpBB 3.0.x ⇒ [Solucionado]Hacer que las letras cambien de opacidad y se muevan
Moderators: Carlos, Soporte en MODs, Soporte en phpBB
Forum rules
Este foro solo van los temas de soporte para phpBB 3.0.x Si su problema es de 3.1.x use el foro adecuado.
Si vas a pedir ayuda o soporte favor de rellenar los Datos de Soporte,
Si no asi no le podemos ayudar!
Si es problema con algun MOD, use el foro Soporte en MODs.
Este foro solo van los temas de soporte para phpBB 3.0.x Si su problema es de 3.1.x use el foro adecuado.
Si vas a pedir ayuda o soporte favor de rellenar los Datos de Soporte,
Si no asi no le podemos ayudar!
Si es problema con algun MOD, use el foro Soporte en MODs.
- Cruciattus
- Usuario
- Posts: 120
- Joined: 24 Jul 2012, 23:22
- Bandera: Spain
- Nombre real: X
[Solucionado]Hacer que las letras cambien de opacidad y se muevan
URL: www.cruciatus-hogwarts.com
Versión phpBB: 3.0.11
MODs Instalados:
[spoiler]o Advanced Show Poll Voters
o Ultimate Points
o NV Advanced Last Topic Titles
o Group Legend Positioning
o Auto Database Backup
o Categorize Announces and Stickies
o Activity Stats mod
o Anti-Spam ACP
o DiceMod v.0.7.3
o Simple Topic Description
o Parse Bbcode in custom profile fields
o MSSTI Advanced Bbcode Box 3
o First post on every page
o Change Users posts
o M-chat
o Ultimate SEO URL in Advanced mode
o Enable HTML 1.2.3
o Anti-Spam ACP 1.0.3
o Ultimate Points[/spoiler]
Plantilla(s) usada(s): Cruciatus v.2 (SUBSILVER)
Servidor: Pago
Conversión desde otro sistema de foros: No
Manera de instalacion: ??
Nivel de experiencia?: Ninguna
Hola, me gustaria saber como puedo conseguir el efecto para las letras cambien la opacidad al pasar el ratón por encima y ademas, que se muevan. Gracias!.
Versión phpBB: 3.0.11
MODs Instalados:
[spoiler]o Advanced Show Poll Voters
o Ultimate Points
o NV Advanced Last Topic Titles
o Group Legend Positioning
o Auto Database Backup
o Categorize Announces and Stickies
o Activity Stats mod
o Anti-Spam ACP
o DiceMod v.0.7.3
o Simple Topic Description
o Parse Bbcode in custom profile fields
o MSSTI Advanced Bbcode Box 3
o First post on every page
o Change Users posts
o M-chat
o Ultimate SEO URL in Advanced mode
o Enable HTML 1.2.3
o Anti-Spam ACP 1.0.3
o Ultimate Points[/spoiler]
Plantilla(s) usada(s): Cruciatus v.2 (SUBSILVER)
Servidor: Pago
Conversión desde otro sistema de foros: No
Manera de instalacion: ??
Nivel de experiencia?: Ninguna
Hola, me gustaria saber como puedo conseguir el efecto para las letras cambien la opacidad al pasar el ratón por encima y ademas, que se muevan. Gracias!.
Last edited by Cruciattus on 05 Sep 2012, 10:07, edited 1 time in total.
- Cruciattus
- Usuario
- Posts: 120
- Joined: 24 Jul 2012, 23:22
- Bandera: Spain
- Nombre real: X
Hacer que la opacidad de la imagen cambie
URL: www.cruciatus-hogwarts.com
Versión phpBB: 3.0.11
MODs Instalados:
[spoiler]o Advanced Show Poll Voters
o Ultimate Points
o NV Advanced Last Topic Titles
o Group Legend Positioning
o Auto Database Backup
o Categorize Announces and Stickies
o Activity Stats mod
o Anti-Spam ACP
o DiceMod v.0.7.3
o Simple Topic Description
o Parse Bbcode in custom profile fields
o MSSTI Advanced Bbcode Box 3
o First post on every page
o Change Users posts
o M-chat
o Ultimate SEO URL in Advanced mode
o Enable HTML 1.2.3
o Anti-Spam ACP 1.0.3
o Ultimate Points[/spoiler]
Plantilla(s) usada(s): Cruciatus v.2 (SUBSILVER)
Servidor: Pago
Conversión desde otro sistema de foros: No
Manera de instalacion: ??
Nivel de experiencia?: Ninguna
Hola, me gustaria saber como puedo conseguir el efecto de apagado de opacidad de las imagenes, al pasar el raton se van oscurenciendo, y cuando lo quitas, se quedan de su color natural. Gracias!.
Versión phpBB: 3.0.11
MODs Instalados:
[spoiler]o Advanced Show Poll Voters
o Ultimate Points
o NV Advanced Last Topic Titles
o Group Legend Positioning
o Auto Database Backup
o Categorize Announces and Stickies
o Activity Stats mod
o Anti-Spam ACP
o DiceMod v.0.7.3
o Simple Topic Description
o Parse Bbcode in custom profile fields
o MSSTI Advanced Bbcode Box 3
o First post on every page
o Change Users posts
o M-chat
o Ultimate SEO URL in Advanced mode
o Enable HTML 1.2.3
o Anti-Spam ACP 1.0.3
o Ultimate Points[/spoiler]
Plantilla(s) usada(s): Cruciatus v.2 (SUBSILVER)
Servidor: Pago
Conversión desde otro sistema de foros: No
Manera de instalacion: ??
Nivel de experiencia?: Ninguna
Hola, me gustaria saber como puedo conseguir el efecto de apagado de opacidad de las imagenes, al pasar el raton se van oscurenciendo, y cuando lo quitas, se quedan de su color natural. Gracias!.
Last edited by Cruciattus on 05 Sep 2012, 10:08, edited 1 time in total.
Re: Hacer que las letras cambien de opacidad y se muevan
creo que agregando este código a tu archivo
tuestilo/theme/styelsheet.css
pero ten en cuenta que ese efecto no funciona muy bien en IE8, tal vez en IE9 si pero yo no lo tengo para comprobar.
tuestilo/theme/styelsheet.css
Code: Select all
a:hover {
-moz-transition-duration: 2s;
letter-spacing: 1px;
opacity: 0.5 !important;
text-decoration: none;
}
- Cruciattus
- Usuario
- Posts: 120
- Joined: 24 Jul 2012, 23:22
- Bandera: Spain
- Nombre real: X
Re: Hacer que las letras cambien de opacidad y se muevan
Me salen varios a:hover
donde lo pongo exactamente??
donde lo pongo exactamente??
Code: Select all
/* phpBB 3.0 Style Sheet
--------------------------------------------------------------
Style name: Cruciatus 2.0
Based on style: subsilver2
Author: D-eliria ( http://d-eliria.com )
--------------------------------------------------------------
*/
@import url("mchat.css");
/* Layout
------------ */
* {
/* Reset browsers default margin, padding and font sizes */
margin: 0;
padding: 0;
}
html {
font-size: 100%;
}
body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: Times New Roman;
color: #57514b;
background-color: #050505;
font-size: 11px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 20px;
}
#wrap {
padding: 0 20px;
min-width: 650px;
width: 950px;
margin: 0 auto;
}
#body-simple {
background-color: #020202;
padding: 5px;
}
/* Misc stuff */
img {
border: none;
}
.gen {
font-style: "Sans-serif";
margin: 1px 1px;
font-size: 12px;
}
.genmed {
margin: 1px 1px;
font-size: 1.1em;
}
.gensmall {
margin: 1px 1px;
font-family: "Times new Roman";
}
.titles {
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1.3em;
text-decoration: none;
}
.error, table td .error {
color: #5c2e2e;
}
.spacer {
color: #837e79;
background: #180c0c;
padding: 1px;
}
hr { height: 0px; border: solid #180c0c 0px; border-top-width: 1px;}
.pagination {
padding: 4px;
font-size: 1em;
font-weight: bold;
}
/* Links
------------ */
/* Links adjustment to correctly display an order of rtl/ltr mixed content */
.rtl a {
direction: rtl;
unicode-bidi: embed;
}
/* CSS spec requires a:link, a:visited, a:hover and a:active rules to be specified in this order. */
/* See http://www.phpbb.com/bugs/phpbb3/59685 */
a {
color: #5c2e2e;
text-decoration: none;
}
a:visited {
color: #5c2e2e;
text-decoration: none;
}
a:hover {
color: #837e79;
text-decoration: none;
}
a:active {
color: #5c2e2e;
text-decoration: none;
}
a.forumlink {
color: #57514b;
font-weight: bold;
font-family: "Times New Roman";
font-size: 10px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
background: #090909;
padding:2px;
margin-bottom:-9px;
display: block;
}
a.topictitle {
color: #837e79;
margin: 1px 0px;
font-family: "Times New Roman";
font-weight: bold;
font-size: 10px;
}
a.topictitle, .postbody a {
color: #837e79;
}
a.topictitle:visited, .postbody a:visited {
color: #837e79;
}
a.topictitle:visited:hover, .postbody a:visited:hover {
color: #5c2e2e;
}
a.topictitle:hover, .postbody a:hover {
color: #5c2e2e;
}
/* Header and logo */
#logo-row {
text-align: center;
}
html>body #logo-right { min-height: 30px; }
#logo-registered {
float: right;
padding: 0px 0px 0px;
text-align: right;
font-family: Serif;
color: #57514b;
font-weight: bold;
white-space: normal;
font-size: 8px;
letter-spacing: 1px;
text-transform: uppercase;
}
#logo-login {
float: right;
padding: 15px 10px 5px;
text-align: right;
font-family: Serif;
color: #57514b;
font-weight: bold;
white-space: normal;
font-size: 8px;
letter-spacing: 1px;
text-transform: uppercase;
}
#logo-login input.post { margin-bottom: 3px; }
#logo-clear { clear: both; }
* html #logo-login, * html #logo-registered {
}
* html #logo-clear { font-size: 1px; line-height: 1px; height: 0; overflow: hidden; position: relative; }
.pm-notify-new, .pm-notify-unread {
font-family: "Times New Roman", Times;
color: #837e79;
font-size: 11px;
letter-spacing: 5px;
font-weight: bold;
text-transform: uppercase;
background: #090909 url('images/cat_title.png') top repeat-x;
padding: 0px;
height: 13px;
text-align: center;
margin: 5px 0;
padding: 5px;
text-align: center;
}
.pm-notify-new a, .pm-notify-new a:visited, .pm-notify-unread a, .pm-notify-unread a:visited { text-decoration: underline; }
.pm-notify-header {
margin-bottom: 10px;
color: #837e79;
}
.pm-notify-new { padding: 30px; }
/* Navigation buttons */
.navrow {
background: #180c0c;
height: 15px;
overflow: hidden;
color: #090909;
text-align: center;
font-family: Serif;
font-size: 8px;
letter-spacing: 1px;
font-weight: bold;
text-transform: uppercase;
padding-top: 5px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
}
/* * html .navrow { padding: 0; } */
.navrow b, .navrow strong { font-weight: normal; }
.navrow a, .navrow a:visited {
color: #837e79;
text-decoration: none;
padding-left: 5px;
padding-right: 5px;
}
.navrow a:hover {
color: #57514b;
text-decoration: none;
}
a.link-new, a.link-new:visited { color: #5c2e2e; }
a.link-new:hover, a.link-new:visited:hover { color: #5c2e2e; }
/* Content and tables */
#content {
background: transparent;
padding: 0 0px 0px;
}
#maintable {
border: solid 2px #020202;
margin: 0 auto;
-moz-border-bottom-left-radius: 30px;
-moz-border-bottom-right-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}
#contentrow {
padding: 0px;
background-color: #020202;
-moz-border-bottom-left-radius: 30px;
-moz-border-bottom-right-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}
.tablebg {
background-color: #020202;
font-weight: none;
}
.tablecat {
font-family: Georgia;
color: #837e79;
font-size: 10px;
letter-spacing: 2px;
text-transform: uppercase;
background: #0F0F0F url('images/cat_title.png') top repeat-x;
padding: 0px;
height: 20px;
text-align: center;
padding-top: 2px;
font-weight: none;
}
.tablesub {
font-family: Serif;
color: #837e79;
font-size: 8px;
letter-spacing: 1px;
font-weight: bold;
text-transform: uppercase;
background: #180c0c;
padding: 0px;
height: 10px;
text-align: center;
}
.block-start .tablebg {
border-top-width: 0;
border-bottom-width: 0;
border-color: #B2E4B5;
border-right-color: #EDF9EE;
}
.row1, .row2, .row3, .legend, .forumrules, tr.row1 .row, tr.row2 .row, tr.row3 .row, .postbottom {
border: solid 0px #020202;
background: #050505;
padding: 4px;
}
th {
white-space: nowrap;
padding: 0 5px;
text-align: center;
height: 26px;
font-weight: none;
}
th a, th a:visited {
color: #837e79; !important;
text-decoration: none;
font-weight: none;
}
th a:hover {
color: #5c2e2e;
text-decoration: none;
}
td {
padding: 0px;
}
td.profile {
padding: 4px;
}
.cat2 {
font-family: Georgia;
color: #837e79;
font-size: 8px;
letter-spacing: 2px;
text-transform: uppercase;
background: #0F0F0F url('images/cat_title.png') top repeat-x;
padding: 0px;
height: 20px;
text-align: center;
padding-top: 2px;
font-weight: none;
}
.catdiv, .cat, .cathead {
font-family: Georgia;
color: #837e79;
font-size: 8px;
letter-spacing: 2px;
text-transform: uppercase;
background: #090909;
padding: 0px;
height: 20px;
text-align: center;
padding-top: 2px;
font-weight: none;
}
.cat, .cathead {
text-indent: 4px;
}
/* Table header */
caption, .cap-div {
font-family: "Times New Roman", Times;
color: #837e79;
font-size: 11px;
letter-spacing: 0px;
font-weight: bold;
text-transform: uppercase;
background: #0F0F0F url('images/cat_title.png') top repeat-x;
padding: 0px;
height: 20px;
text-align: center;
padding-top: 2px;
}
caption a:link, .cap-div a:link {
font-family: "Times New Roman", Times;
color: #837e79;
font-size: 11px;
letter-spacing: 5px;
font-weight: bold;
text-transform: uppercase;
background: #0F0F0F url('images/cat_title.png') top repeat-x;
padding: 0px;
height: 20px;
text-align: center;
padding-top: 2px;
}
caption, caption h1, caption h2, caption h3, caption h4, caption span,
.cap-div, .cap-div h1, .cap-div h2, .cap-div h3, .cap-div h4, .cap-div span {
font-size: 11px;
letter-spacing: 5px;
font-weight: bold;
color: #837e79;
padding-top: 2px;
height: 15px;
}
caption h1, caption h2, caption h3, caption h4, caption span,
.cap-div h1, .cap-div h2, .cap-div h3, .cap-div h4, .cap-div span {
display: inline;
}
caption a, caption a:visited, .cap-div a, .cap-div a:visited {
color: #837e79;
}
caption a:hover, .cap-div a:hover {
color: #5c2e2e;
}
.block-start { background-color: #180c0c; }
.block-end-left { background-color: #180c0c; }
.block-end-right {background-color: #180c0c; }
.block-end-left, .block-end-right { height: 4px; overflow: hidden; padding: 0; }
/* Footer */
#wrapfooter {
text-align: center;
color: #57514b;
padding-top: 10px;
font-size: 10px !important;
}
.copyright {
color: #57514b;
font-weight: normal;
font-size: 10px !important;
line-height: 1.2em;
background: #020202;
}
/* Breadcrumbs */
.breadcrumb .row1 {
color: #57514b;
border-width: 1px 0 0 1px;
background: #090909;
}
p.breadcrumbs {
font-family: Serif;
margin: 0;
padding: 0;
float: left;
color: #57514b;
font-weight: bold;
white-space: normal;
font-size: 8px;
letter-spacing: 1px;
text-transform: uppercase;
}
.rtl p.breadcrumbs {
float: right;
}
p.datetime {
margin: 0;
padding: 0;
float: right;
white-space: nowrap;
font-size: 8px;
letter-spacing: 1px;
text-transform: uppercase;
font-family: Serif;
}
.rtl p.datetime {
float: left;
}
/* Index/viewforum */
.subforum {
color: #57514b;
font-weight: bold;
font-family: "Times New Roman";
font-size: 8px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
background: #090909;
padding:2px;
margin-bottom: 0px;
}
.subforum.read {
color: #57514b;
font-weight: bold;
font-family: "Times New Roman";
font-size: 8px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
background: #090909;
padding:2px;
margin-bottom: 0px;
}
.subforum.unread {
color: #57514b;
font-weight: bold;
font-family: "Times New Roman";
font-size: 8px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
background: #090909;
padding:2px;
margin-bottom: 0px;
}
.legend {
text-align: center;
margin: 0 auto;
padding: 2px;
border-top-color: #B2E4B5;
border-left-color: #B2E4B5;
}
.legend-viewforum {
margin: 0;
text-align: left;
border-top-color: #B2E4B5;
border-left-color: #B2E4B5;
}
.forumrules {
padding: 4px;
font-weight: normal;
font-size: 1.1em;
border-left: solid 1px #180c0c;
border-right: solid 1px #180c0c;
border-top: solid 1px #180c0c4;
border-bottom: solid 1px #180c0c;
background: #020202;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.forumrules h3 {
color: #5c2e2e;
}
/* Post */
.postsubject {
font-style: georgia;
font-size: 11px;
font-weight: bold;
color: #5c2e2e;
}
td.postbottom {
background: #090909;
font-size: 12px;
color: #837e79;
white-space: nowrap;
padding: 2px 4px;
vertical-align: middle;
}
td.postbuttons { padding-top: 3px; }
.postdetails {
background: #090909;
border: 1px #020202;
color: #444;
font-size: 12px;
text-align: left;
padding: 3px;
}
.postdetails b {
color: #444;
}
.posterrank { font-size: 10px; color: #444; }
.posterprofile { font-size: 12px; color: #180c0c; }
.postauthor {
color: #837e79;
font-size: 12px;
margin-bottom: 3px;
font-weight: bold;
}
.postonline { margin-bottom: 2px; }
.postreported, .postreported a:link, .postreported a:visited, .postreported a:hover, .postreported a:active {
margin: 1px 0px;
color: #5c2e2e;
font-weight: bold;
}
.postapprove, .postapprove a:link, .postapprove a:visited, .postapprove a:hover, .postapprove a:active {
color: #180c0c;
font-weight: bold;
}
.postapprove img, .postreported img {
vertical-align: bottom;
padding-top: 5px;
}
.postbody {
font-size: 12px;
line-height: 1.4em;
margin: 3px 0;
font-family: georgia;
text-align: justify;
}
.signature {
font-size: 11px;
color: #666;
margin-top: 5px;
}
.signature .line { color: #B4BFB7; }
.postbody li, ol, ul {
margin: 0 0 0 1.5em;
}
.rtl .postbody li, .rtl ol, .rtl ul {
margin: 0 1.5em 0 0;
}
.posthilit {
background-color: #B3C1B4;
color: #000;
}
.postsubject {
font-style: georgia;
font-size: 11px;
font-weight: bold;
color: #5c2e2e;
}
.postbody a { text-decoration: underline; }
/* UCP */
.folder-current a, .folder-current a:visited {
color: #5c2e2e;
font-weight: bold;
}
.folder-current a:hover { color: #837e79; }
td.pm_marked_colour { background: #837e79; }
td.pm_marked_colour_left { border-left: solid 3px #837e79; padding-left: 2px; }
td.pm_marked_colour_right { border-right: solid 3px #837e79; padding-right: 2px; }
td.pm_replied_colour { background: #050505; }
td.pm_replied_colour_left { border-left: solid 3px #050505; padding-left: 2px; }
td.pm_replied_colour_right { border-right: solid 3px #050505; padding-right: 2px; }
td.pm_friend_colour { background: #050505; }
td.pm_friend_colour_left { border-left: solid 3px #050505; padding-left: 2px; }
td.pm_friend_colour_right { border-right: solid 3px #050505; padding-right: 2px; }
td.pm_foe_colour { background: #180c0c }
td.pm_foe_colour_left { border-left: solid 3px #180c0c; padding-left: 2px; }
td.pm_foe_colour_right { border-right: solid 3px #180c0c; padding-right: 2px; }
/* Form Elements
------------ */
form {
margin: 0px;
padding: 0px;
border: 0px;
}
textarea, select, .post, .btnbbcode, .btnmain, .btnlite, .btnfile, .helpline {
font-weight: normal;
font-family: georgia;
color: #57514b;
border: 1px solid #57514b;
background-color: #070707;
}
select {
background-color:#FFFFFF !important;
}
.cat .btnmain, .cat .btnlite, .cat select {
color: #57514b;
border: 1px solid #020202;
background-color: #070707;
}
input {
font-size: 1.1em;
padding: 1px;
}
textarea {
font-size: 1.3em;
line-height: 1.4em;
padding: 2px;
}
select {
font-size: 1.1em;
padding: 1px;
}
option {
padding: 0 1em 0 0;
}
.rtl option {
padding: 0 0 0 1em;
}
.post {
border-style: solid;
border-width: 1px;
}
.btnbbcode {
font-size: 1.1em;
color: #837e79;
border: 1px solid #020202;
background-color: #070707;
}
.btnbbcode:hover {
border-color: #502e2e;
color: #000;
}
.btnmain {
font-weight: bold;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
}
.btnlite {
font-weight: normal;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
}
.btnfile {
font-weight: normal;
padding: 1px 5px;
font-size: 1.1em;
}
.helpline {
background-color: transparent;
color: #5c2e2e;
border-style: none;
}
#helpline { color: #5c2e2e; }
* html textarea, * html select, * html .post, * html .btnmain, * html .btnlite, * html .btnfile {
}
* html .cat .btnmain, * html .cat .btnlite {
}
textarea:hover, select:hover, .post:hover, .btnmain:hover, .btnlite:hover, .btnfile:hover {
border-color: gray;
}
textarea:focus, select:focus, .post:focus, .btnmain:focus, .btnlite:focus, .btnfile:focus {
border-color: #020202;
color: #57514b;
background-color: #070707;
}
.cat .btnmain:hover, .cat .btnlite:hover, .cat select:hover {
border-color: #180c0c;
}
.cat .btnmain:focus, .cat .btnlite:focus, .cat select:focus {
border-color: #020202;
color: #57514b;
}
label:hover {
color: #5c2e2e;
}
textarea.posting-textarea, #ie8#fix {
width: 98%;
}
/* BBCode
------------ */
.bb-wrapper {
clear: both;
margin: 10px 20px;
}
.bb-wrapper .bb-wrapper {
margin: 5px 10px;
}
.bb-content {
background-color: #090909;
padding: 0px;
margin-left: 8px;
}
.bb-quote {
padding: 10px;
background-color:#0f0f0f;
border: 1px dashed #676665 ;
-webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px;
}
.bb-code {
background-color: #090909;
}
.bb-attach {
background-color: #090909;
}
.quotetitle, .attachtitle, .codetitle {
background-image: url(images/cat_title.png);
background-repeat: repeat;
color: #888;
font-size: 0.85em;
font-weight: bold;
padding-bottom: 3px;
padding-left: 8px;
text-transform: uppercase;
}
.quotetitle .quotetitle {
font-size: 1em;
}
.quotecontent, .attachcontent {
font-weight: normal;
font-size: 1em;
line-height: 1.4em;
/* font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; */
color: #444;
margin-left: 8px;
}
.attachcontent {
font-size: 0.85em;
}
.codecontent {
direction: ltr;
font-weight: normal;
font-size: 11px;
font-family: Monaco, 'Courier New', monospace;
color: #444;
margin-left: 8px;
padding: 10px;
background-color:#0f0f0f;
border: 1px dashed #676665 ;
-webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px;
}
.attachcontent, .codecontent {
overflow: auto;
overflow-x: auto;
}
.syntaxbg {
color: #F0F5F1;
}
.syntaxcomment {
color: #837e79;
}
.syntaxdefault {
color: #444;
}
.syntaxhtml {
color: #687869;
}
.syntaxkeyword {
color: #457549;
}
.syntaxstring {
color: #637865;
}
/* More misc stuff */
h1 {
font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
font-size: 1.8em;
text-decoration: none;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.5em;
text-decoration: none;
line-height: 120%;
}
h3 {
font-size: 1.3em;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
line-height: 120%;
}
h4 {
margin: 0px;
font-size: 1.1em;
font-weight: bold;
}
p {
font-size: 1.1em;
}
p.moderators {
margin: 0px;
float: left;
color: #837e79;
font-weight: bold;
}
.rtl p.moderators {
float: right;
}
p.linkmcp {
margin: 0px;
float: right;
white-space: nowrap;
}
.rtl p.linkmcp {
float: left;
}
p.searchbar {
font-family: Serif;
margin: 0;
padding: 0;
float: center;
color: #57514b;
font-weight: bold;
white-space: normal;
font-size: 8px;
letter-spacing: 1px;
text-transform: uppercase;
border-width: 1px 0 0 1px;
background: #090909;
}
p.searchbarreg {
font-family: Serif;
margin: 0;
padding: 0;
float: center;
color: #57514b;
font-weight: bold;
white-space: normal;
font-size: 8px;
letter-spacing: 1px;
text-transform: uppercase;
border-width: 1px 0 0 1px;
background: #090909;
}
.rtl p.searchbarreg {
float: left;
}
p.forumdesc {
color: #57514b;
font-family: georgia;
font-size: 11px;
padding-bottom: 4px;
background: #070707;
padding:2px;
margin-top: 5px;
margin-bottom: 0px;
/*text-align: center;*/
}
p.topicauthor {
margin: 1px 0px;
}
p.topicdetails {
margin: 1px 0px;
font-size: 10px;
font-style: serif;
}
td.history-current, tr.row1 td.history-current, tr.row2 td.history-current {
background: #F5FBF5;
}
table.colortable td {
padding: 0;
}
pre {
font-size: 1.1em;
font-family: Monaco, 'Courier New', monospace;
}
.nowrap {
white-space: nowrap;
}
.username-coloured {
font-weight: bold;
}
/* GYM Sitemaps & RSS - www.phpbb-seo.com */
div.gymsublist {
display:block;
position:relative;
padding-left:10px;
padding-top:5px;
padding-bottom:10px;
padding-right:0;
margin:0;
}
div.gymsublist ul {
display:block;
position:relative;
height:1%;
padding-left:30px;
}
div.gymsublist ul li {
display:block;
position:relative;
line-height:18px;
font-size:11px;
}
/* GYM Sitemaps & RSS - www.phpbb-seo.com */
.sep {
color: #837e79;
}
/* reset style for file input */
.btnfile, .btnfile:hover, .btnfile:focus {
border: none;
background-color: #FFF;
color: #000;
}
/* Sidebar
------------ */
.welcome { font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/styles/cruciattusv2/theme/images/sidebar1.png);
background-repeat: no-repeat;
width: 220px;
border: 3px solid #090909;
}
.guia { font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/styles/cruciattusv2/theme/images/sidebar2.png);
background-repeat: no-repeat;
width: 220px;
border: 3px solid #090909;
}
.staff { font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/styles/cruciattusv2/theme/images/sidebar3.png);
background-repeat: no-repeat;
width: 220px;
border: 3px solid #090909;
}
.profeta { font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/styles/cruciattusv2/theme/images/backsidebar4.png);
background-repeat: repeat;
width: 220px;
border: 3px solid #090909;
font-color: #333333;
}
.corazon { font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/styles/cruciattusv2/theme/images/sidebar5.png);
background-repeat: repeat;
width: 220px;
border: 3px solid #090909;
font-color: #333333;
}
.puntos { font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/styles/cruciattusv2/theme/images/backsidebar6.png);
background-repeat: repeat;
width: 220px;
border: 3px solid #090909;
font-color: #333333;
}
.quidditch { font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/styles/cruciattusv2/theme/images/backsidebar7.png);
background-repeat: repeat;
width: 220px;
border: 3px solid #090909;
font-color: #333333;
}
.instituciones{ font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/styles/cruciattusv2/theme/images/sidebar8.png);
background-repeat: repeat;
width: 220px;
border: 3px solid #090909;
font-color: #333333;
}
.varios{ font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/styles/cruciattusv2/theme/images/backsidebar9.png);
background-repeat: repeat;
width: 220px;
border: 3px solid #090909;
font-color: #333333;
}
.creditos{ font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/styles/cruciattusv2/theme/images/sidebar10.png);
background-repeat: repeat;
width: 220px;
border: 3px solid #090909;
font-color: #333333;
}
.afiliados{ font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/styles/cruciattusv2/theme/images/backsidebar11.png);
background-repeat: repeat;
width: 220px;
border: 3px solid #090909;
font-color: #333333;
}
.sidebarstyle { font-family: georgia;
font-size: 12px;
line-height: 135%;
font-color: #333333;
padding-left: 20px;
padding-right: 20px;
text-align: center;
width: 180px;
}
.sidebarstyle2 { font-family: georgia;
font-size: 20px;
line-height: 135%;
font-color: #333333;
text-align: center;
}
.sidebarstyle3 { font-family: georgia;
font-size: 15px;
line-height: 135%;
font-color: #333333;
text-align: center;
}
#popmenu{
position: absolute;
background-image: url(images/pattern2.png);
font: normal 12px calibri; letter-spacing:0px;
line-height: 18px;
z-index: 100;
visibility: hidden;
text-align:center;
padding: 10 10 10 10px;
}
#popmenu a{
text-decoration: none;
padding-left: 6px;
color: 837e79;
display: block;
line-height:90%;
}
#popmenu a:hover{
background-color: #090909; color:#57514b;
}
.expand, .collapse {
float: center;
border-width:0px;
padding:0px;
margin:0px;
width: 100%;
}
.collapse table#expandable {
display: none;
}
Re: Hacer que las letras cambien de opacidad y se muevan
[attention]puse tus dos temas aquí porque son de lo mismo![/attention]
Re: Hacer que las letras cambien de opacidad y se muevan
no se hace que tengas otros nada mas pon al final de el archivo!
- Cruciattus
- Usuario
- Posts: 120
- Joined: 24 Jul 2012, 23:22
- Bandera: Spain
- Nombre real: X
Re: Hacer que las letras cambien de opacidad y se muevan
Tengo que limpiar caché o algo??
Re: Hacer que las letras cambien de opacidad y se muevan
si limpiar el cache, y actualizar plantilla y todo eso para tu estilo en ACP
- Cruciattus
- Usuario
- Posts: 120
- Joined: 24 Jul 2012, 23:22
- Bandera: Spain
- Nombre real: X
Re: Hacer que las letras cambien de opacidad y se muevan
Hum, hecho algo mal o no funciona, porque no ocurre nada. Todo sigue igual. Lo he puesto asi
Code: Select all
/* phpBB 3.0 Style Sheet
--------------------------------------------------------------
Style name: Cruciatus 2.0
Based on style: subsilver2
Author: D-eliria ( http://d-eliria.com )
--------------------------------------------------------------
*/
@import url("mchat.css");
/* Layout
------------ */
* {
/* Reset browsers default margin, padding and font sizes */
margin: 0;
padding: 0;
}
html {
font-size: 100%;
}
body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: Times New Roman;
color: #57514b;
background-color: #050505;
font-size: 11px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 20px;
}
#wrap {
padding: 0 20px;
min-width: 650px;
width: 950px;
margin: 0 auto;
}
#body-simple {
background-color: #020202;
padding: 5px;
}
/* Misc stuff */
img {
border: none;
}
.gen {
font-style: "Sans-serif";
margin: 1px 1px;
font-size: 12px;
}
.genmed {
margin: 1px 1px;
font-size: 1.1em;
}
.gensmall {
margin: 1px 1px;
font-family: "Times new Roman";
}
.titles {
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1.3em;
text-decoration: none;
}
.error, table td .error {
color: #5c2e2e;
}
.spacer {
color: #837e79;
background: #180c0c;
padding: 1px;
}
hr { height: 0px; border: solid #180c0c 0px; border-top-width: 1px;}
.pagination {
padding: 4px;
font-size: 1em;
font-weight: bold;
}
/* Links
------------ */
/* Links adjustment to correctly display an order of rtl/ltr mixed content */
.rtl a {
direction: rtl;
unicode-bidi: embed;
}
/* CSS spec requires a:link, a:visited, a:hover and a:active rules to be specified in this order. */
/* See http://www.phpbb.com/bugs/phpbb3/59685 */
a {
color: #5c2e2e;
text-decoration: none;
}
a:visited {
color: #5c2e2e;
text-decoration: none;
}
a:hover {
color: #837e79;
text-decoration: none;
}
a:active {
color: #5c2e2e;
text-decoration: none;
}
a.forumlink {
color: #57514b;
font-weight: bold;
font-family: "Times New Roman";
font-size: 10px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
background: #090909;
padding:2px;
margin-bottom:-9px;
display: block;
}
a.topictitle {
color: #837e79;
margin: 1px 0px;
font-family: "Times New Roman";
font-weight: bold;
font-size: 10px;
}
a.topictitle, .postbody a {
color: #837e79;
}
a.topictitle:visited, .postbody a:visited {
color: #837e79;
}
a.topictitle:visited:hover, .postbody a:visited:hover {
color: #5c2e2e;
}
a.topictitle:hover, .postbody a:hover {
color: #5c2e2e;
}
/* Header and logo */
#logo-row {
text-align: center;
}
html>body #logo-right { min-height: 30px; }
#logo-registered {
float: right;
padding: 0px 0px 0px;
text-align: right;
font-family: Serif;
color: #57514b;
font-weight: bold;
white-space: normal;
font-size: 8px;
letter-spacing: 1px;
text-transform: uppercase;
}
#logo-login {
float: right;
padding: 15px 10px 5px;
text-align: right;
font-family: Serif;
color: #57514b;
font-weight: bold;
white-space: normal;
font-size: 8px;
letter-spacing: 1px;
text-transform: uppercase;
}
#logo-login input.post { margin-bottom: 3px; }
#logo-clear { clear: both; }
* html #logo-login, * html #logo-registered {
}
* html #logo-clear { font-size: 1px; line-height: 1px; height: 0; overflow: hidden; position: relative; }
.pm-notify-new, .pm-notify-unread {
font-family: "Times New Roman", Times;
color: #837e79;
font-size: 11px;
letter-spacing: 5px;
font-weight: bold;
text-transform: uppercase;
background: #090909 url('images/cat_title.png') top repeat-x;
padding: 0px;
height: 13px;
text-align: center;
margin: 5px 0;
padding: 5px;
text-align: center;
}
.pm-notify-new a, .pm-notify-new a:visited, .pm-notify-unread a, .pm-notify-unread a:visited { text-decoration: underline; }
.pm-notify-header {
margin-bottom: 10px;
color: #837e79;
}
.pm-notify-new { padding: 30px; }
/* Navigation buttons */
.navrow {
background: #180c0c;
height: 15px;
overflow: hidden;
color: #090909;
text-align: center;
font-family: Serif;
font-size: 8px;
letter-spacing: 1px;
font-weight: bold;
text-transform: uppercase;
padding-top: 5px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
}
/* * html .navrow { padding: 0; } */
.navrow b, .navrow strong { font-weight: normal; }
.navrow a, .navrow a:visited {
color: #837e79;
text-decoration: none;
padding-left: 5px;
padding-right: 5px;
}
.navrow a:hover {
color: #57514b;
text-decoration: none;
}
a.link-new, a.link-new:visited { color: #5c2e2e; }
a.link-new:hover, a.link-new:visited:hover { color: #5c2e2e; }
/* Content and tables */
#content {
background: transparent;
padding: 0 0px 0px;
}
#maintable {
border: solid 2px #020202;
margin: 0 auto;
-moz-border-bottom-left-radius: 30px;
-moz-border-bottom-right-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}
#contentrow {
padding: 0px;
background-color: #020202;
-moz-border-bottom-left-radius: 30px;
-moz-border-bottom-right-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}
.tablebg {
background-color: #020202;
font-weight: none;
}
.tablecat {
font-family: Georgia;
color: #837e79;
font-size: 10px;
letter-spacing: 2px;
text-transform: uppercase;
background: #0F0F0F url('images/cat_title.png') top repeat-x;
padding: 0px;
height: 20px;
text-align: center;
padding-top: 2px;
font-weight: none;
}
.tablesub {
font-family: Serif;
color: #837e79;
font-size: 8px;
letter-spacing: 1px;
font-weight: bold;
text-transform: uppercase;
background: #180c0c;
padding: 0px;
height: 10px;
text-align: center;
}
.block-start .tablebg {
border-top-width: 0;
border-bottom-width: 0;
border-color: #B2E4B5;
border-right-color: #EDF9EE;
}
.row1, .row2, .row3, .legend, .forumrules, tr.row1 .row, tr.row2 .row, tr.row3 .row, .postbottom {
border: solid 0px #020202;
background: #050505;
padding: 4px;
}
th {
white-space: nowrap;
padding: 0 5px;
text-align: center;
height: 26px;
font-weight: none;
}
th a, th a:visited {
color: #837e79; !important;
text-decoration: none;
font-weight: none;
}
th a:hover {
color: #5c2e2e;
text-decoration: none;
}
td {
padding: 0px;
}
td.profile {
padding: 4px;
}
.cat2 {
font-family: Georgia;
color: #837e79;
font-size: 8px;
letter-spacing: 2px;
text-transform: uppercase;
background: #0F0F0F url('images/cat_title.png') top repeat-x;
padding: 0px;
height: 20px;
text-align: center;
padding-top: 2px;
font-weight: none;
}
.catdiv, .cat, .cathead {
font-family: Georgia;
color: #837e79;
font-size: 8px;
letter-spacing: 2px;
text-transform: uppercase;
background: #090909;
padding: 0px;
height: 20px;
text-align: center;
padding-top: 2px;
font-weight: none;
}
.cat, .cathead {
text-indent: 4px;
}
/* Table header */
caption, .cap-div {
font-family: "Times New Roman", Times;
color: #837e79;
font-size: 11px;
letter-spacing: 0px;
font-weight: bold;
text-transform: uppercase;
background: #0F0F0F url('images/cat_title.png') top repeat-x;
padding: 0px;
height: 20px;
text-align: center;
padding-top: 2px;
}
caption a:link, .cap-div a:link {
font-family: "Times New Roman", Times;
color: #837e79;
font-size: 11px;
letter-spacing: 5px;
font-weight: bold;
text-transform: uppercase;
background: #0F0F0F url('images/cat_title.png') top repeat-x;
padding: 0px;
height: 20px;
text-align: center;
padding-top: 2px;
}
caption, caption h1, caption h2, caption h3, caption h4, caption span,
.cap-div, .cap-div h1, .cap-div h2, .cap-div h3, .cap-div h4, .cap-div span {
font-size: 11px;
letter-spacing: 5px;
font-weight: bold;
color: #837e79;
padding-top: 2px;
height: 15px;
}
caption h1, caption h2, caption h3, caption h4, caption span,
.cap-div h1, .cap-div h2, .cap-div h3, .cap-div h4, .cap-div span {
display: inline;
}
caption a, caption a:visited, .cap-div a, .cap-div a:visited {
color: #837e79;
}
caption a:hover, .cap-div a:hover {
color: #5c2e2e;
}
.block-start { background-color: #180c0c; }
.block-end-left { background-color: #180c0c; }
.block-end-right {background-color: #180c0c; }
.block-end-left, .block-end-right { height: 4px; overflow: hidden; padding: 0; }
/* Footer */
#wrapfooter {
text-align: center;
color: #57514b;
padding-top: 10px;
font-size: 10px !important;
}
.copyright {
color: #57514b;
font-weight: normal;
font-size: 10px !important;
line-height: 1.2em;
background: #020202;
}
/* Breadcrumbs */
.breadcrumb .row1 {
color: #57514b;
border-width: 1px 0 0 1px;
background: #090909;
}
p.breadcrumbs {
font-family: Serif;
margin: 0;
padding: 0;
float: left;
color: #57514b;
font-weight: bold;
white-space: normal;
font-size: 8px;
letter-spacing: 1px;
text-transform: uppercase;
}
.rtl p.breadcrumbs {
float: right;
}
p.datetime {
margin: 0;
padding: 0;
float: right;
white-space: nowrap;
font-size: 8px;
letter-spacing: 1px;
text-transform: uppercase;
font-family: Serif;
}
.rtl p.datetime {
float: left;
}
/* Index/viewforum */
.subforum {
color: #57514b;
font-weight: bold;
font-family: "Times New Roman";
font-size: 8px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
background: #090909;
padding:2px;
margin-bottom: 0px;
}
.subforum.read {
color: #57514b;
font-weight: bold;
font-family: "Times New Roman";
font-size: 8px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
background: #090909;
padding:2px;
margin-bottom: 0px;
}
.subforum.unread {
color: #57514b;
font-weight: bold;
font-family: "Times New Roman";
font-size: 8px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
background: #090909;
padding:2px;
margin-bottom: 0px;
}
.legend {
text-align: center;
margin: 0 auto;
padding: 2px;
border-top-color: #B2E4B5;
border-left-color: #B2E4B5;
}
.legend-viewforum {
margin: 0;
text-align: left;
border-top-color: #B2E4B5;
border-left-color: #B2E4B5;
}
.forumrules {
padding: 4px;
font-weight: normal;
font-size: 1.1em;
border-left: solid 1px #180c0c;
border-right: solid 1px #180c0c;
border-top: solid 1px #180c0c4;
border-bottom: solid 1px #180c0c;
background: #020202;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.forumrules h3 {
color: #5c2e2e;
}
/* Post */
.postsubject {
font-style: georgia;
font-size: 11px;
font-weight: bold;
color: #5c2e2e;
}
td.postbottom {
background: #090909;
font-size: 12px;
color: #837e79;
white-space: nowrap;
padding: 2px 4px;
vertical-align: middle;
}
td.postbuttons { padding-top: 3px; }
.postdetails {
background: #090909;
border: 1px #020202;
color: #444;
font-size: 12px;
text-align: left;
padding: 3px;
}
.postdetails b {
color: #444;
}
.posterrank { font-size: 10px; color: #444; }
.posterprofile { font-size: 12px; color: #180c0c; }
.postauthor {
color: #837e79;
font-size: 12px;
margin-bottom: 3px;
font-weight: bold;
}
.postonline { margin-bottom: 2px; }
.postreported, .postreported a:link, .postreported a:visited, .postreported a:hover, .postreported a:active {
margin: 1px 0px;
color: #5c2e2e;
font-weight: bold;
}
.postapprove, .postapprove a:link, .postapprove a:visited, .postapprove a:hover, .postapprove a:active {
color: #180c0c;
font-weight: bold;
}
.postapprove img, .postreported img {
vertical-align: bottom;
padding-top: 5px;
}
.postbody {
font-size: 12px;
line-height: 1.4em;
margin: 3px 0;
font-family: georgia;
text-align: justify;
}
.signature {
font-size: 11px;
color: #666;
margin-top: 5px;
}
.signature .line { color: #B4BFB7; }
.postbody li, ol, ul {
margin: 0 0 0 1.5em;
}
.rtl .postbody li, .rtl ol, .rtl ul {
margin: 0 1.5em 0 0;
}
.posthilit {
background-color: #B3C1B4;
color: #000;
}
.postsubject {
font-style: georgia;
font-size: 11px;
font-weight: bold;
color: #5c2e2e;
}
.postbody a { text-decoration: underline; }
/* UCP */
.folder-current a, .folder-current a:visited {
color: #5c2e2e;
font-weight: bold;
}
.folder-current a:hover { color: #837e79; }
td.pm_marked_colour { background: #837e79; }
td.pm_marked_colour_left { border-left: solid 3px #837e79; padding-left: 2px; }
td.pm_marked_colour_right { border-right: solid 3px #837e79; padding-right: 2px; }
td.pm_replied_colour { background: #050505; }
td.pm_replied_colour_left { border-left: solid 3px #050505; padding-left: 2px; }
td.pm_replied_colour_right { border-right: solid 3px #050505; padding-right: 2px; }
td.pm_friend_colour { background: #050505; }
td.pm_friend_colour_left { border-left: solid 3px #050505; padding-left: 2px; }
td.pm_friend_colour_right { border-right: solid 3px #050505; padding-right: 2px; }
td.pm_foe_colour { background: #180c0c }
td.pm_foe_colour_left { border-left: solid 3px #180c0c; padding-left: 2px; }
td.pm_foe_colour_right { border-right: solid 3px #180c0c; padding-right: 2px; }
/* Form Elements
------------ */
form {
margin: 0px;
padding: 0px;
border: 0px;
}
textarea, select, .post, .btnbbcode, .btnmain, .btnlite, .btnfile, .helpline {
font-weight: normal;
font-family: georgia;
color: #57514b;
border: 1px solid #57514b;
background-color: #070707;
}
select {
background-color:#FFFFFF !important;
}
.cat .btnmain, .cat .btnlite, .cat select {
color: #57514b;
border: 1px solid #020202;
background-color: #070707;
}
input {
font-size: 1.1em;
padding: 1px;
}
textarea {
font-size: 1.3em;
line-height: 1.4em;
padding: 2px;
}
select {
font-size: 1.1em;
padding: 1px;
}
option {
padding: 0 1em 0 0;
}
.rtl option {
padding: 0 0 0 1em;
}
.post {
border-style: solid;
border-width: 1px;
}
.btnbbcode {
font-size: 1.1em;
color: #837e79;
border: 1px solid #020202;
background-color: #070707;
}
.btnbbcode:hover {
border-color: #502e2e;
color: #000;
}
.btnmain {
font-weight: bold;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
}
.btnlite {
font-weight: normal;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
}
.btnfile {
font-weight: normal;
padding: 1px 5px;
font-size: 1.1em;
}
.helpline {
background-color: transparent;
color: #5c2e2e;
border-style: none;
}
#helpline { color: #5c2e2e; }
* html textarea, * html select, * html .post, * html .btnmain, * html .btnlite, * html .btnfile {
}
* html .cat .btnmain, * html .cat .btnlite {
}
textarea:hover, select:hover, .post:hover, .btnmain:hover, .btnlite:hover, .btnfile:hover {
border-color: gray;
}
textarea:focus, select:focus, .post:focus, .btnmain:focus, .btnlite:focus, .btnfile:focus {
border-color: #020202;
color: #57514b;
background-color: #070707;
}
.cat .btnmain:hover, .cat .btnlite:hover, .cat select:hover {
border-color: #180c0c;
}
.cat .btnmain:focus, .cat .btnlite:focus, .cat select:focus {
border-color: #020202;
color: #57514b;
}
label:hover {
color: #5c2e2e;
}
textarea.posting-textarea, #ie8#fix {
width: 98%;
}
/* BBCode
------------ */
.bb-wrapper {
clear: both;
margin: 10px 20px;
}
.bb-wrapper .bb-wrapper {
margin: 5px 10px;
}
.bb-content {
background-color: #090909;
padding: 0px;
margin-left: 8px;
}
.bb-quote {
padding: 10px;
background-color:#0f0f0f;
border: 1px dashed #676665 ;
-webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px;
}
.bb-code {
background-color: #090909;
}
.bb-attach {
background-color: #090909;
}
.quotetitle, .attachtitle, .codetitle {
background-image: url(images/cat_title.png);
background-repeat: repeat;
color: #888;
font-size: 0.85em;
font-weight: bold;
padding-bottom: 3px;
padding-left: 8px;
text-transform: uppercase;
}
.quotetitle .quotetitle {
font-size: 1em;
}
.quotecontent, .attachcontent {
font-weight: normal;
font-size: 1em;
line-height: 1.4em;
/* font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; */
color: #444;
margin-left: 8px;
}
.attachcontent {
font-size: 0.85em;
}
.codecontent {
direction: ltr;
font-weight: normal;
font-size: 11px;
font-family: Monaco, 'Courier New', monospace;
color: #444;
margin-left: 8px;
padding: 10px;
background-color:#0f0f0f;
border: 1px dashed #676665 ;
-webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px;
}
.attachcontent, .codecontent {
overflow: auto;
overflow-x: auto;
}
.syntaxbg {
color: #F0F5F1;
}
.syntaxcomment {
color: #837e79;
}
.syntaxdefault {
color: #444;
}
.syntaxhtml {
color: #687869;
}
.syntaxkeyword {
color: #457549;
}
.syntaxstring {
color: #637865;
}
/* More misc stuff */
h1 {
font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
font-size: 1.8em;
text-decoration: none;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.5em;
text-decoration: none;
line-height: 120%;
}
h3 {
font-size: 1.3em;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
line-height: 120%;
}
h4 {
margin: 0px;
font-size: 1.1em;
font-weight: bold;
}
p {
font-size: 1.1em;
}
p.moderators {
margin: 0px;
float: left;
color: #837e79;
font-weight: bold;
}
.rtl p.moderators {
float: right;
}
p.linkmcp {
margin: 0px;
float: right;
white-space: nowrap;
}
.rtl p.linkmcp {
float: left;
}
p.searchbar {
font-family: Serif;
margin: 0;
padding: 0;
float: center;
color: #57514b;
font-weight: bold;
white-space: normal;
font-size: 8px;
letter-spacing: 1px;
text-transform: uppercase;
border-width: 1px 0 0 1px;
background: #090909;
}
p.searchbarreg {
font-family: Serif;
margin: 0;
padding: 0;
float: center;
color: #57514b;
font-weight: bold;
white-space: normal;
font-size: 8px;
letter-spacing: 1px;
text-transform: uppercase;
border-width: 1px 0 0 1px;
background: #090909;
}
.rtl p.searchbarreg {
float: left;
}
p.forumdesc {
color: #57514b;
font-family: georgia;
font-size: 11px;
padding-bottom: 4px;
background: #070707;
padding:2px;
margin-top: 5px;
margin-bottom: 0px;
/*text-align: center;*/
}
p.topicauthor {
margin: 1px 0px;
}
p.topicdetails {
margin: 1px 0px;
font-size: 10px;
font-style: serif;
}
td.history-current, tr.row1 td.history-current, tr.row2 td.history-current {
background: #F5FBF5;
}
table.colortable td {
padding: 0;
}
pre {
font-size: 1.1em;
font-family: Monaco, 'Courier New', monospace;
}
.nowrap {
white-space: nowrap;
}
.username-coloured {
font-weight: bold;
}
/* GYM Sitemaps & RSS - www.phpbb-seo.com */
div.gymsublist {
display:block;
position:relative;
padding-left:10px;
padding-top:5px;
padding-bottom:10px;
padding-right:0;
margin:0;
}
div.gymsublist ul {
display:block;
position:relative;
height:1%;
padding-left:30px;
}
div.gymsublist ul li {
display:block;
position:relative;
line-height:18px;
font-size:11px;
}
/* GYM Sitemaps & RSS - www.phpbb-seo.com */
.sep {
color: #837e79;
}
/* reset style for file input */
.btnfile, .btnfile:hover, .btnfile:focus {
border: none;
background-color: #FFF;
color: #000;
}
/* Sidebar
------------ */
.welcome { font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/styles/cruciattusv2/theme/images/sidebar1.png);
background-repeat: no-repeat;
width: 220px;
border: 3px solid #090909;
}
.guia { font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/styles/cruciattusv2/theme/images/sidebar2.png);
background-repeat: no-repeat;
width: 220px;
border: 3px solid #090909;
}
.staff { font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/styles/cruciattusv2/theme/images/sidebar3.png);
background-repeat: no-repeat;
width: 220px;
border: 3px solid #090909;
}
.profeta { font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/styles/cruciattusv2/theme/images/backsidebar4.png);
background-repeat: repeat;
width: 220px;
border: 3px solid #090909;
font-color: #333333;
}
.corazon { font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/styles/cruciattusv2/theme/images/sidebar5.png);
background-repeat: repeat;
width: 220px;
border: 3px solid #090909;
font-color: #333333;
}
.puntos { font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/styles/cruciattusv2/theme/images/backsidebar6.png);
background-repeat: repeat;
width: 220px;
border: 3px solid #090909;
font-color: #333333;
}
.quidditch { font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/styles/cruciattusv2/theme/images/backsidebar7.png);
background-repeat: repeat;
width: 220px;
border: 3px solid #090909;
font-color: #333333;
}
.instituciones{ font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/styles/cruciattusv2/theme/images/sidebar8.png);
background-repeat: repeat;
width: 220px;
border: 3px solid #090909;
font-color: #333333;
}
.varios{ font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/styles/cruciattusv2/theme/images/backsidebar9.png);
background-repeat: repeat;
width: 220px;
border: 3px solid #090909;
font-color: #333333;
}
.creditos{ font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/styles/cruciattusv2/theme/images/sidebar10.png);
background-repeat: repeat;
width: 220px;
border: 3px solid #090909;
font-color: #333333;
}
.afiliados{ font-family: georgia;
font-size: 12px;
line-height: 135%;
background-color: #050505;
background-image: url(http://www.cruciatus-hogwarts.com/foro/styles/cruciattusv2/theme/images/backsidebar11.png);
background-repeat: repeat;
width: 220px;
border: 3px solid #090909;
font-color: #333333;
}
.sidebarstyle { font-family: georgia;
font-size: 12px;
line-height: 135%;
font-color: #333333;
padding-left: 20px;
padding-right: 20px;
text-align: center;
width: 180px;
}
.sidebarstyle2 { font-family: georgia;
font-size: 20px;
line-height: 135%;
font-color: #333333;
text-align: center;
}
.sidebarstyle3 { font-family: georgia;
font-size: 15px;
line-height: 135%;
font-color: #333333;
text-align: center;
}
#popmenu{
position: absolute;
background-image: url(images/pattern2.png);
font: normal 12px calibri; letter-spacing:0px;
line-height: 18px;
z-index: 100;
visibility: hidden;
text-align:center;
padding: 10 10 10 10px;
}
#popmenu a{
text-decoration: none;
padding-left: 6px;
color: 837e79;
display: block;
line-height:90%;
}
#popmenu a:hover{
background-color: #090909; color:#57514b;
}
.expand, .collapse {
float: center;
border-width:0px;
padding:0px;
margin:0px;
width: 100%;
}
.collapse table#expandable {
display: none;
}
a:hover {
-moz-transition-duration: 2s;
letter-spacing: 1px;
opacity: 0.5 !important;
text-decoration: none;
}
Re: Hacer que las letras cambien de opacidad y se muevan
a ver elimina esto:
Code: Select all
a:hover {
color: #837e79;
text-decoration: none;
}