Que el footer ocupe todo el ancho y llegue hasta abajo

Jorpeto · #1 (**permalink**) 12/03/2016, 18:41

No consigo que el footer ocupe todo el ancho y llegue hasta abajo

Código HTML:

footer {
	background: rgba( 47, 47, 47, 1 );
	padding: 18px 4px;
	cursor: pointer;
	width: 96%;
	margin: 10px auto;
	position: relative;
	display: block;
	box-shadow: inset 0px 0px 0px 2px rgba( 255, 255, 255, 1 );
	border-radius: 3px;
	border: solid 1px rgba( 0, 0, 0, 0.2);
	color: rgba( 255, 255, 255, 1 );
	font-size: 12px;
	font-weight: bolder;
	text-shadow: 0px 1px rgba( 0, 0, 0, 0.3 );
	text-align: center
}

xfxstudios · #2 (**permalink**) 12/03/2016, 22:42

prueba asi:

Código CSS:

Ver originalfooter {
    background: rgba( 47, 47, 47, 1 );
    padding: 18px 4px;
    cursor: pointer;
    width: 100%;
 
    position: fixed; /*aqui lo fijamos*/
        bottom: 0; /*aqui lo enviamos al fondo*/
 
    box-shadow: inset 0px 0px 0px 2px rgba( 255, 255, 255, 1 );
    border-radius: 3px;
    border: solid 1px rgba( 0, 0, 0, 0.2);
    color: rgba( 255, 255, 255, 1 );
    font-size: 12px;
    font-weight: bolder;
    text-shadow: 0px 1px rgba( 0, 0, 0, 0.3 );
    text-align: center
}

Jorpeto · #3 (**permalink**) 13/03/2016, 12:15

No funciona, se queda flotante y no ocupa la parte izquierda.

petit89 · #4 (**permalink**) 13/03/2016, 14:54

Revisa si lo tienes dentro de otra capa, si esta adentro de otra que tenga medidas menores o posicionamiento diferente, esto estará afectando

Jorpeto · #5 (**permalink**) 14/03/2016, 15:15

Esto esto es todo, perdón si les resulta molesto tantas líneas y perdón por el multiposting

Código HTML:

body {
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: Trebuchet MS;
	background: url(http://i.imgur.com/o0lzIEg.jpg) repeat center;
}

a {
	text-decoration: none
}

div, hr, span, strong, b, h1, h2, h3, h5, h6, article, input, form, fieldset, textarea, nav, header, button, footer, i, ul, li {
	margin: 0px;
	padding: 0px;
	outline: none;
	box-shadow: none;
	font-size: 12px;
	font-family: Trebuchet MS;
	border: none
}

.Clear {
	clear: both
}

#Warp {
	width: 90%;
	display: block;
	position: relative;
	margin: 10px auto;
	padding: 0px
}

#Alert {
	width: 95%;
	background: rgba( 32, 32, 32, 1 );
	position: relative;
	color: rgba( 255, 255, 255, 1 );
	margin: 10px auto 10px auto;
	padding: 8px 4px;
	cursor: pointer;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom: solid 1px rgba( 0, 0, 0, 1 );
	border-left: solid 1px rgba( 0, 0, 0, 1 );
	border-right: solid 1px rgba( 0, 0, 0, 1 );
	box-shadow: 0px 2px 0px rgba( 0, 0, 0, 1 );
	z-index: 99999 !important;
}

#Alert p.AlertTE {
	font-weight: 14px;
	font-weight: bold;
}

#Alert span {
	width: auto;
	position: relative;
	top: 13px;
	left: 13px;
	float: left
}

#Alert p {
	width: 95%;
	max-width: 95%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	top: 2px;
	float: right;
	color: rgba( 255, 255, 255, 1 ) !important;
	text-shadow: 0px 1px rgba( 0, 0, 0, 0.4 ) !important;
}

nav {
	width: 100%;
	left: 0px;
	z-index: 888;
	top: 0px;
	position: fixed;
	background: rgba( 26, 26, 26, 1 );
	border-bottom: solid 1px rgba( 0, 0, 0, 1 );
	box-shadow: 0px 1px 1px rgba( 0, 0, 0, 0.6 );
	margin: 0px auto 10px auto
}

nav ul {
	text-align: center
}

nav ul li {
	display: inline-block;
	padding: 18px 18px;
	color: rgba( 255, 255, 255, 1 );
	text-decoration: none
}

nav ul li:hover {
	background: rgba( 35, 227, 245, 0.7 );
}

header {
	position: relative;
	display: block;
	width: 100%;
	height: 165px;
	border-bottom: solid 1px rgba( 0, 0, 0, 0.1 );
	box-shadow: 0px 1px 1px rgba( 0, 0, 0, 0.1 );
	margin: 51px auto 0px auto
}

header #Logo {
	position: absolute;
	width: auto;
	left: 0;
	right: 0;
	top: 13%;
	text-align: center
}

header #Logo img {
	border-radius: 3px;
	cursor: pointer;
	padding: 16px 12px
}

#Warp #Miniarticles {
	position: relative;
	display: block;
	text-align: center;
	margin: 10px auto;
	padding: 8px 4px
}

#Miniarticles article {
	display: inline-block;
	position: relative;
	width: 30%;
	max-width: 350px;
	padding: 4px 4px;
	margin: auto 12px;
	border-radius: 3px;
	background: rgba( 32, 32, 32, 0.2 );
	box-shadow: inset 0px 0px 0px 2px rgba( 255, 255, 255, 1 );
	border: solid 1px rgba( 32, 32, 32, 0.2 );
	height: 160px
}

#Miniarticles article .text {
	background: rgba( 0, 0, 0, 0.8 );
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 96%;
	max-width: 95%;
	position: absolute;
	color: rgba( 255, 255, 255, 1 );
	padding: 14px 5px;
	bottom: 8px
}

#Miniarticles article .overlay {
	background: rgba( 0, 0, 0, 0.5 );
	position: absolute;
	display: none;
	width: 99%;
	height: 97.5%;
	left: 2px;
	top: 2px
}

#Miniarticles article .overlay i {
	color: rgba( 255, 255, 255, 1 );
	font-size: 44px;
	text-shadow: 2px 1px rgba( 0, 0, 0, 0.6 );
	position: relative;
	top: 25%
}

#Miniarticles article .text a {
	color: rgba( 42, 230, 249, 1 );
	font-style: italic
}

#Miniarticles article:hover .overlay {
	display: block
}

#Aside {
	width: 63%;
	position: relative;
	display: block;
	float: left;
	padding: 8px 4px
}

#Anside {
	width: 33%;
	position: relative;
	display: block;
	float: right;
	padding: 8px 4px
}

#Aside article {
	background: rgba( 244, 244, 244, 1 );
	border: solid 1px rgba( 0, 0, 0, 0.1 );
	border-radius: 3px;
	box-shadow: inset 0px 0px 0px 2px rgba( 255, 255, 255, 1 );
	width: 96%;
	height: 127px;
	margin: 10px auto;
	position: relative;
	display: block
}

#Aside article .ARTimg {
	position: relative;
	display: block;
	float: left;
	margin: 0px;
	width: 22%;
	max-width: 122px;
	top: 2.3px;
	left: 2px;
	padding-right: 3px;
	box-shadow: inset -2px 0px 0px 0px rgba( 255, 255, 255, 1 );
}

#Aside article .ARTimg img {
	width: 122px;
	height: 122px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}

#Aside article .ARTtext {
	float: right;
	width: auto;
	left: 0px;
	width: 80%;
	position: relative;
	top: 20px
}

#Aside article .ARTtext a {
	color: inherit
}

#Aside article .ARTtext h2 {
	font-size: 16px;
	position: relative;
	top: 0px;
	margin-top: -10px;
	color: rgba( 35, 161, 200, 1 );
	text-shadow: 0px 1px rgba( 255, 255, 255, 0.6 );
	padding-bottom: 4px;
	padding-left: 6px;
	border-left: dashed 1px rgba( 35, 161, 200, 1 )
}

#Aside article .ARTtext p.textx .das {
	font-size: 12px;
	width: 96%;
	padding-bottom: 4px;
	text-overflow: ellipsis;
	height: 42px;
	overflow: hidden !important;
	display: block;
	position: relative;
}
.das {
	height: 44px;
	overflow: hidden;
	margin: 0px;
	top: -5px !important;
	margin-top: -4px;
	padding: 0px;
	color: rgba( 58, 58, 58, 0.9 );
	position: relative;
	top: 0px;
	margin-bottom: 6px !important;
	padding-left: 4px;
	border-bottom: dashed 1px rgba( 35, 161, 200, 1 )
}

#Aside article .ARTlogs {
	width: 96%;
	position: relative;
	display: block;
	margin: 0px auto
}

#Aside article .ARTlogs span {
	display: inline-block;
	margin: -10px 4px;
	background: rgba( 0, 0, 0, 0.03 );
	color: rgba( 146, 146, 146, 1 );
	border-radius: 2px;
	box-shadow: inset 0px 2px 0px rgba( 255, 255, 255, 0.3 );
	border: solid 1px rgba( 32, 32, 32, 0.1 );
	padding: 6px 8px;
	text-shadow: 0px 1px rgba( 255, 255, 255, 0.3 );
	cursor: pointer
}

#Aside article .ARTlogs span:hover {
	background: rgba( 31, 148, 186, 1 );
	color: rgba( 255, 255, 255, 1 );
	text-shadow: 0px 1px rgba( 0, 0, 0, 0.3 )
}

#Aside article .ARTlogs span.more {
	background: rgba( 39, 186, 31, 1 );
	color: rgba( 255, 255, 255, 1 );
	text-shadow: 0px 1px rgba( 0, 0, 0, 0.3 )
}

#Aside article .ARTlogs span.more:hover {
	background: rgba( 28, 174, 20, 1 )
}

#Anside article {
	display: block;
	width: 96%;
	position: relative;
	margin: 10px auto
}

#Anside article .top {
	border: solid 1px rgba( 0, 0, 0, 0.2 );
	box-shadow: inset 0px 2px 0px rgba( 255, 255, 255, 0.6), 0px 2px 1px rgba( 0, 0, 0, 0.1 );
	color: rgba( 32, 32, 32, 0.6 );
	text-shadow: 0px 1px rgba( 255, 255, 255, 0.6 );
	font-size: 13px;
	font-weight: bolder;
	position: relative;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	z-index: 89;
	padding: 12px 8px;
	background: rgba( 243, 243, 243, 1 )
}

#Anside article .top i {
	float: right;
	padding-right: 10px
}

#Anside article .cont {
	z-index: 59;
	background: rgba( 255, 255, 255, 1 );
	border-bottom: solid 1px rgba( 0, 0, 0, 0.2 );
	border-left: solid 1px rgba( 0, 0, 0, 0.2 );
	border-right: solid 1px rgba( 0, 0, 0, 0.2 );
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	box-shadow: 0px 2px 0px rgba( 0, 0, 0, 0.1 );
	padding: 8px 4px
}

#Anside article .cont p {
	color: rgba( 150, 150, 150, 1 );
	text-shadow: 0px 1px rgba( 255, 255, 255, 1 )
}

button.TONgreen {
	background: rgba( 95, 187, 67, 1 );
	padding: 12px 14px;
	display: block;
	margin: 10px auto;
	color: rgba( 255, 255, 255, 1);
	text-shadow: 0px 1px rgba( 0, 0, 0, 0.3 );
	font-weight: bolder;
	font-size: 13px;
	cursor: pointer;
	border-radius: 2px
}

button.TONgreen:hover {
	background: rgba( 73, 164, 44, 1 )
}

button.TONblue {
	background: rgba( 46, 133, 189, 1 );
	padding: 12px 14px;
	display: block;
	margin: 10px auto;
	color: rgba( 255, 255, 255, 1);
	text-shadow: 0px 1px rgba( 0, 0, 0, 0.3 );
	font-weight: bolder;
	font-size: 13px;
	cursor: pointer;
	border-radius: 2px
}

button.TONblue:hover {
	background: rgba( 25, 113, 169, 1 )
}

footer {
	background: rgba( 47, 47, 47, 1 );
	padding: 18px 4px;
	cursor: pointer;
	width: 96%;
	margin: 10px auto;
	position: relative;
	display: block;
	box-shadow: inset 0px 0px 0px 2px rgba( 255, 255, 255, 1 );
	border-radius: 3px;
	border: solid 1px rgba( 0, 0, 0, 0.2);
	color: rgba( 255, 255, 255, 1 );
	font-size: 12px;
	font-weight: bolder;
	text-shadow: 0px 1px rgba( 0, 0, 0, 0.3 );
	text-align: center
}

#Article {
	width: 92%;
	position: relative;
	display: block;
	margin: 10px auto
}

#Article .top {
	border: solid 1px rgba( 0, 0, 0, 0.2 );
	box-shadow: inset 0px 2px 0px rgba( 255, 255, 255, 0.6);
	color: rgba( 32, 32, 32, 0.6 );
	text-shadow: 0px 1px rgba( 255, 255, 255, 0.6 );
	font-size: 13px;
	font-weight: bolder;
	position: relative;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	z-index: 89;
	padding: 2px 2px;
	border-bottom: dashed 1px rgba( 32, 32, 32, 0.3 );
	background: rgba( 243, 243, 243, 1 )
}

#Article .cont {
	z-index: 59;
	background: rgba( 255, 255, 255, 1 );
	border-bottom: solid 1px rgba( 0, 0, 0, 0.2 );
	border-left: solid 1px rgba( 0, 0, 0, 0.2 );
	border-right: solid 1px rgba( 0, 0, 0, 0.2 );
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	box-shadow: 0px 2px 0px rgba( 0, 0, 0, 0.1 );
	padding: 8px 2px
}

Jorpeto · #6 (**permalink**) 14/03/2016, 15:16

Código HTML:

#Article .top i {
	float: right;
	padding-right: 10px
}

#Article .cont p {
	color: rgba( 150, 150, 150, 1 );
	text-shadow: 0px 1px rgba( 255, 255, 255, 1 )
}

#Article .top .img {
	display: block;
	position: relative;
	width: 72px;
	border-top-left-radius: 3px;
	border-right: solid 2px rgba( 255, 255, 255, 1 );
	height: 72px
}

#Article .top .titlet {
	position: absolute !important;
	width: 100%;
	top: 15px;
	left: 13%;
	z-index: 999;
	font-size: 16px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 80%;
	color: rgba( 39, 175, 253, 1 );
	text-shadow: 0px 1px rgba( 255, 255, 255, 0.8 )
}

#Article .top .slogan {
	width: 100%;
	position: absolute;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 80%;
	top: 58%;
	font-size: 12px;
	font-style: italic;
	left: 13%
}

#Article .cont .notice {
	width: 96%;
	margin: auto;
	margin-bottom: 3px;
	padding: 4px 0px;
	font-size: 12px;
	text-align: justify;
	text-shadow: 0px 1px rgba( 255, 255, 255, 1 );
	color: rgba( 32, 32, 32, 0.7 );
	border-bottom: dashed 1px rgba( 32, 32, 32, 0.3 )
}

#Article .cont .notice p {
	width: 96%;
	position: relative;
	display: block;
	margin: auto;
	padding: 4px 0px;
	text-align: justify;
	line-height: 19px;
	font-size: 13px
}

#Article .cont .notice p b {
	color: rgba( 58, 58, 58, 0.8 )
}

#Article .cont .notice p img {
	position: relative;
	display: block;
	margin: 4px auto
}

#Article .cont .logs {
	width: 96%;
	position: relative;
	display: block;
	margin: 4px auto;
	text-align: center;
	margin-top: 12px
}

#Article .cont .logs span {
	width: auto;
	display: inline-block;
	border-radius: 3px;
	padding: 8px 12px;
	margin: 0px 6px !important;
	background: rgba( 32, 32, 32, 0.1 );
	color: rgba( 32, 32, 32, 0.7 );
	text-shadow: 0px 1px rgba( 255, 255, 255, 0.2 );
	cursor: pointer
}

#Comments {
	width: 92%;
	position: relative;
	display: block;
	margin: 15px auto
}

#Comments .top {
	border: solid 1px rgba( 0, 0, 0, 0.2 );
	box-shadow: inset 0px 2px 0px rgba( 255, 255, 255, 0.6);
	color: rgba( 32, 32, 32, 0.6 );
	text-shadow: 0px 1px rgba( 255, 255, 255, 0.6 );
	font-size: 13px;
	font-weight: bolder;
	position: relative;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	z-index: 89;
	padding: 15px 2px;
	border-bottom: dashed 1px rgba( 32, 32, 32, 0.3 );
	background: rgba( 243, 243, 243, 1 )
}

#Comments .top b {
	position: relative;
	margin-left: 6px
}

#Comments .cont {
	z-index: 59;
	background: rgba( 255, 255, 255, 1 );
	border-bottom: solid 1px rgba( 0, 0, 0, 0.2 );
	border-left: solid 1px rgba( 0, 0, 0, 0.2 );
	border-right: solid 1px rgba( 0, 0, 0, 0.2 );
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	box-shadow: 0px 2px 0px rgba( 0, 0, 0, 0.1 );
	padding: 8px 2px
}

#Comments .cont .LogCom {
	width: 95%;
	position: relative;
	display: block;
	margin: 10px auto;
	text-align: center;
	background: rgba( 214, 85, 85, 1 );
	padding: 12px 4px;
	color: rgba( 255, 255, 255, 1 );
	font-weight: bolder;
	border-radius: 3px;
	text-shadow: 0px 1px rgba( 0, 0, 0, 0.3 );
}

#Comments .cont article {
	height: auto;
	max-height: 100%;
	padding: 2px 
}

#Comments .cont article .user {
	max-height: 65px;
	padding-bottom: 2px;
	border-bottom: dashed 1px rgba( 58, 58, 58, 0.6 )
}

#Comments .cont article .user .img {
	height: 65px;
	width: 65px;
	border-radius: 2px;
	float: left;
	margin-right: 6px
}

#Comments .cont article .user .dates {
	width: 96%;
	top: 5px;
	position: relative
}

#Comments .cont article .user .dates h2 {
	font-size: 16px;
	padding: 8px 2px;
	color: rgba( 58, 58, 58, 0.8 );
	text-shadow: 0px 1px rgba( 255, 255, 255, 0.8 );
	padding-bottom: 0px
}

#Comments .cont article .user .dates h2 small {
	font-size: 12px;
	font-style: italic
}

#Comments .cont article .user .dates h4 {
	padding: 0px;
	margin: 4px 0px;
	color: rgba( 58, 58, 58, 0.8 );
	font-weight: normal
}

#Comments .cont article p {
	text-align: justify;
	color: rgba( 58, 58, 58, 0.8 );
	text-shadow: 0px 1px rgba( 255, 255, 255, 0.8 );
	width: 96%;
	position: relative;
	display: block;
	margin: 6px auto;
	padding: 4px 0px;
	margin-bottom: 4px
}

#Options {
	width: 92%;
	position: relative;
	display: block;
	margin: 10px auto;
	padding: 18px 4px;
	background: rgba( 79, 191, 255, 1 );
	border: solid 1px rgba( 0, 0, 0, 0.3 );
	text-align: center;
	box-shadow: inset 0px 0px 0px 2px rgba( 255, 255, 255, 1 );
	border-radius: 3px
}

#Options span {
	position: relative;
	display: inline-block;
	margin: 6px 8px;
	background: rgba( 255, 255, 255, 0.8 );
	border-radius: 2px;
	padding: 8px 12px;
	cursor: pointer;
	border: solid 1px rgba( 255, 255, 255, 1 );
	color: rgba( 46, 154, 216, 1 );
	font-weight: bolder;
	text-shadow: 0px 1px rgba( 255, 255, 255, 0.3)
}

#Options span:hover {
	background: rgba( 0, 0, 0, 0.2 );
	color: rgba( 255, 255, 255, 0.9 );
	border: solid 1px rgba( 255, 255, 255, 0.8 );
	text-shadow: 0px 1px rgba( 0, 0, 0, 0.3 )
}

#Utilitys {
	width: 92%;
	position: relative;
	display: block;
	margin: 10px auto;
	background: rgba( 234, 234, 234, 1 );
	border: solid 1px rgba( 0, 0, 0, 0.3 );
	text-align: center;
	box-shadow: inset 0px 0px 0px 2px rgba( 255, 255, 255, 1 );
	border-radius: 3px
}

#Utilitys span.h2 {
	position: relative;
	display: block;
	width: 98%;
	margin: 16px auto;
	background: rgba( 238, 156, 68, 1 );
	color: rgba( 132, 77, 18, 1 );
	font-size: 14px;
	padding: 9px 0px;
	text-align: center;
	font-variant: small-caps;
	font-weight: bolder;
	text-shadow: 0px 1px rgba( 255, 255, 255, 0.2 );
	border-top: dashed 1px rgba( 255, 255, 255, 1 );
	border-bottom: dashed 1px rgba( 255, 255, 255, 1 )
}

#Utilitys form input[type="text"] {
	width: 92%;
	position: relative;
	display: block;
	margin: 3px auto;
	font-weight: bolder;
	padding: 12px 4px;
	border-radius: 3px;
	background: rgba( 255, 255, 255, 0.8 );
	border: solid 1px rgba( 32, 32, 32, 0.3 );
	color: rgba( 32, 32, 32, 0.4 );
	box-shadow: inset 0px 2px 0px rgba( 255, 255, 255, 1 )
}

#Utilitys form fieldset {
	text-align: center;
	width: 25%;
	display: inline-block;
	position: relative;
	padding: 0px 12px;
	margin: 8px 6px;
	background: rgba( 234, 234, 234, 1 );
	border: solid 1px rgba( 32, 32, 32, 0.3 );
	box-shadow: inset 0px 2px 0px rgba( 255, 255, 255, 0.3 );
	border-radius: 3px
}

#Utilitys form fieldset:hover {
	background: rgba( 32, 32, 32, 0.1 )
}

#Utilitys form fieldset:hover .img {
	opacity: 0.8
}

#Utilitys form fieldset .img {
	position: relative;
	height: 72px;
	max-height: 72px;	
	display: block
}

#Utilitys form fieldset .radio {
	display: none
}

#Categories {
	position: relative;
	width: 92%;
	display: block;
	margin: 10px auto;
	background: rgba( 255, 219, 96, 1 );
	padding: 18px 4px;
	padding-top: 22px;
	text-align: center;
	border: solid 1px rgba( 0, 0, 0, 0.2 );
	border-radius: 3px;
	box-shadow: inset 0px 0px 0px 2px rgba( 255, 255, 255, 1 )
}

#Categories span {
	width: 27%;
	display: inline-block;
	position: relative;
	overflow: hidden;
	max-height: 32px;
	height: 32px;
	background: rgba( 234, 234, 234, 1 );
	border-radius: 3px;
	line-height: 32px;
	text-align: center;
	cursor: pointer;
	box-shadow: inset 0px 2px 0px rgba( 255, 255, 255, 0.7 );
	border: solid 1px rgba( 0, 0, 0, 0.3 )
}

#Categories span:hover {
	background: rgba( 216, 216, 216, 1 );
	box-shadow: inset 0px 2px 0px rgba( 255, 255, 255, 0.4 )
}

#Categories span p {
	max-width: 70%;
	overflow: hidden;
	margin: 0px auto;
	color: rgba( 81, 81, 81, 1 );
	text-shadow: 0px 1px rgba( 255, 255, 255, 0.7 );
	padding: 0px;
	text-overflow: ellipsis;
	white-space: nowrap
}

#Categories span img {
	position: relative;
	top: 6px;
	float: left;
	left: 12px
}

#Utilitys .Furnis {
	width: 98%;
	position: relative;
	display: block;
	margin: 4px auto
}

.Furnis .Item {
	width: 29%;
	display: inline-block;
	margin: 6px 8px;
	position: relative;
	text-align: center;
	height: 162px;
	max-height: 162px;
	overflow: hidden;
	border: solid 1px rgba( 0, 0, 0, 0.2 );
	border-radius: 3px;
	box-shadow: inset 0px 2px 0px rgba( 255, 255, 255, 0.5 )
}

.Furnis .Item .small {
	width: 45px;
	height: 45px;
	position: absolute;
	border-radius: 2px;
	bottom: 4px;
	left: 4px;
	border: solid 1px rgba( 0, 0, 0, 0.2 )
}

Jorpeto · #7 (**permalink**) 14/03/2016, 15:17

.Furnis .Item .info {
background: rgba( 255, 255, 255, 1 );
border: solid 1px rgba( 0, 0, 0, 0.2 );
border-radius: 2px;
width: 94%;
bottom: 4px;
padding: 8px 0px;
position: absolute;
left: 0px;
right: 0px;
color: rgba( 32, 32, 32, 0.8 );
font-weight: bolder;
text-shadow: 0px 1px rgba( 255, 255, 255, 1 );
font-size: 10px;
margin: auto !important
}

.Furnis .Item .title {
background: rgba( 255, 255, 255, 1 );
border: solid 1px rgba( 0, 0, 0, 0.2 );
border-radius: 2px;
width: 94%;
top: 4px;
padding: 8px 0px;
position: absolute;
max-width: 94%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
left: 0px;
right: 0px;
color: rgba( 32, 32, 32, 0.8 );
font-weight: bolder;
text-shadow: 0px 1px rgba( 255, 255, 255, 1 );
font-size: 10px;
display: none;
margin: auto !important
}

.Furnis .Item .info .price img {
position: relative;
top: 3px
}

.Furnis .Item > .info, .title {
display: none
}

.Furnis .Item:hover > .small {
display: none
}

.Furnis .Item:hover > .title {
display: block
}

.Furnis .Item:hover > .info {
display: block
}

.headC {
width: auto !important;
height: auto !important;
position: relative !important;
float: none !important;
padding: 4px 8px !important;
top: 0px !important;
bottom: 0px !important;
margin: 0px !important;
}
.headC .title {
width: auto !important;
height: auto !important;
color: rgba( 46, 133, 189, 1 ) !important;
font-size: 14px !important;
margin: 0px !important;
padding: 8px 6px !important;
float: none !important;
display: inline-block !important;
left: 0px !important;
top: 0px !important;
bottom: 0px !important;
position: relative !important;
}
.buttongreen {
background: rgba( 46, 133, 189, 1 );
width: auto !important;
padding: 12px 16px !important;
color: rgba( 255, 255, 255, 1 );
font-weight: bold;
text-shadow: 0px 1px rgba( 0, 0, 0, 0.3 );
cursor: pointer;
}
.buttongreen:hover {
background: rgba( 25, 88, 128, 1 );
}

form.register {
margin: auto
}
form.register fieldset {
width: 95%;
position: relative;
display: block;
margin: 6px auto;
cursor: pointer;
}
form.register fieldset input {
width: 98%;
background: rgba( 238, 240, 241, 1 );
border: solid 1px rgba( 229, 229, 229, 1 );
color: rgba( 166, 166, 166, 1 );
padding: 13px 8px;
border-radius: 2px;
cursor: pointer;
box-shadow: inset 0px -2px 0px 0px rgba( 0, 0, 0, 0.02 )
}
form.register fieldset input:hover {
background: rgba( 255, 255, 255, 1 );
}

.ImgUser {
position: relative;
text-align: center;
margin: 8px auto;
margin-top: 0px;
}
.UserInf {
width: 96%;
position: relative;
display: block;
margin: 4px auto;
text-align: center;
height: auto;
margin-bottom: 10px;
}
.UserInf span {
min-width: 68%;
text-align: left;
background: rgba( 255, 255, 255, 1 );
border-radius: 3px;
display: inline-block;
border: solid 1px rgba( 128, 128, 128, 0.3 );
padding: 13px 9px;
color: rgba( 128, 128, 128, 0.9 );
text-shadow: 0px 1px rgba( 255, 255, 255, 1 );
cursor: pointer;
margin: 3px auto;
box-shadow: inset 0px -2px 0px 0px rgba( 0, 0, 0, 0.02 )
}
.UserInf span:hover {
background: rgba( 32, 32, 32, 0.03);
}
.UserInf span.bold {
background: rgba( 128, 128, 128, 0.9 );
color: rgba( 255, 255, 255, 1 );
font-weight: bold;
text-shadow: 0px 1px rgba( 0, 0, 0, 0.3 );
}
.UserInf span.bold.active {
background: rgba( 30, 30, 30, 1 );
}

form.smalls {
position: relative;
margin: 4px auto;
display: block;
}
form.smalls fieldset {
width: 68%;
position: relative;
height: auto;
border: none;
margin: 3px auto;
box-shadow: none
}
form.smalls fieldset input {
width: 98%;
background: rgba( 255, 255, 255, 1 );
border-radius: 2px;
padding: 12px 8px;
font-weight: bold;
color: rgba( 30, 30, 30, 0.6);
border: solid 1px rgba( 30, 30, 30, 0.2 );
box-shadow: inset 0px -2px 0px 0px rgba( 0, 0, 0, 0.02 )
}
form.smalls button {
margin: 10px auto;
margin-bottom: 4px;
border-radius: 2px;
}

.SW img {
width: auto !important;
height: auto !important;
min-width: auto !important;
max-width: auto !important;
min-height: auto !important;
max-height: auto !important;
margin: auto !important;
display: block;
}

article.Ha {
height: auto !important;
position: relative;
padding: 8px 0px !important
}

.THA p {
position: relative;
text-align: justify;
width: 96%;
text-align: center;
display: block;
color: rgba( 66, 32, 69, 1 );
font-size: 13px;
}

fieldset.serch {
width: 90% !important;
text-align: center;
}
fieldset.serch input.serch {
width: 85%;
margin-right: 0px !important;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px
}
fieldset.serch button {
background: rgba( 66, 32, 69, 1 );
color: rgba( 255, 255, 255, 1 );
font-weight: bold;
padding: 12px 24px;
margin-left: -5px !important;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
text-shadow: 0px 1px rgba( 0, 0, 0, 0.3 );
cursor: pointer;
border: solid 1px rgba( 32, 32, 32, 0.8 );
}
fieldset.serch button:hover {
background: rgba( 49, 16, 52, 1 );
}

.NREF {
border: 0 !important;
margin-bottom: 10px;
overflow: inherit !important
}
.PREF {
margin-bottom: 2px;
margin-top: 0px !important;
display: block;
position: relative;
overflow: inherit !important
}
.bREF {
background: rgba( 66, 32, 69, 1 );
color: rgba( 255, 255, 255, 1 ) !important;
padding: 12px 16px;
border-radius: 3px;
position: relative;
display: inline-block;
width: auto;
font-weight: bold;
margin-top: 6px !important;
}
.vREF {
position: relative;
margin: 4px 0px;
text-align: left;
font-size: 14px;
font-weight: bold;
color: rgba( 66, 32, 69, 1 );
cursor: pointer;
margin-left: 15px;
background: rgba( 255, 255, 255, 1 );
border-radius: 3px;
border: solid 1px rgba( 32, 32, 32, 0.3 );
padding: 8px 9px;
margin-bottom: 10px;
display: inline-block;
box-shadow: inset 0px -2px 0px 0px rgba( 0, 0, 0, 0.3 )
}
.NOPE {
height: auto !important;
overflow: inherit !important
}
.vREF:hover {
background: rgba( 32, 32, 32, 0.1 );
}

.GFonts {
position: relative;
text-align: center;
height: auto !important;
padding: 2px !important;
margin: 3px 4px !important;
}
.GFonts .img {
height: auto;
position: relative;
display: inline-block;
text-align: center;
vertical-align: middle;
}

.vLOAD{
width: auto;
margin: auto;
display: block;
position: relative;
}
.vDO {
background: rgba( 71, 37, 74, 1 );
border-radius: 2px;
border: solid 1px rgba( 0, 0, 0, 0.4 );
color: rgba( 255, 255, 255, 1 );
font-weight: bold;
padding: 9px 12px;
display: inline-block;
margin: 3px auto;
}
.vDO:hover {
background: rgba( 39, 11, 41, 1 );
}

.RestG {
position: relative;
display: block;
width: 98%;
height: auto;
margin: 4px auto;
}
.vRE {
width: 90%;
position: relative;
display: block;
margin: 4px auto;
background: rgba( 255, 255, 255, 1 );
border-radius: 3px;
border: solid 1px rgba( 32, 32, 32, 0.3 );
padding: 9px 12px;
height: auto;
}
.vRE span {
margin-top: 20px !important;
display: block;
position: relative;
}

.Genrate {
width: 90%;
position: relative;
display: block;
margin: 4px auto;
margin-bottom: 10px;
background: rgba( 255, 255, 255, 1 );
border-radius: 3px;
border: solid 1px rgba( 32, 32, 32, 0.3 );
padding: 9px 3px;
box-shadow: inset 0px -2px 0px 0px rgba( 32, 32, 32, 0.06 )
}
.UpdS {
background: rgba( 21, 164, 255, 1 );
padding: 9px 12px;
color: rgba( 255, 255, 255, 1 );
font-weight: bold;
text-shadow: 0px 1px rgba( 0, 0, 0, 0.2 );
position: relative;
display: inline-block;
margin-top: 9px;
}
.UpdS:hover {
background: rgba( 0, 119, 195, 1 );
}
.GenHead {
width: 90%;
position: relative;
display: block;
margin: 0px auto;
margin-top: 15px;
background: rgba( 255, 255, 255, 1 );
border-radius: 3px;
border: solid 1px rgba( 32, 32, 32, 0.3 );
padding: 9px 3px;
text-align: center;
box-shadow: inset 0px -2px 0px 0px rgba( 32, 32, 32, 0.05 )
}
.GBox {
width: auto;
background: rgba( 255, 255, 255, 1 );
border-radius: 2px;
display: inline-block;
padding: 4px 6px;
min-width: 16%;
border: solid 1px rgba( 32, 32, 32, 0.3 );
}
.GBox i {
font-size: 32px;
color: rgba( 32, 32, 32, 0.8 );
text-shadow: 0px 1px rgba( 255, 255, 255, 1 );
position: relative;
}
.GBox .smallCPS {
font-size: 10px;
margin-left
}
.GBox .smallCPS:hover {
color: rgba( 0, 156, 255, 1 );
}
.GBox:hover {
background: rgba( 32, 32, 32, 0.06 );
}

.MHbs {
width: 80% !important;
float: left;
position: relative;
margin-left: 15px;
left: 15px;
}
.VMgs {
width: 15% !important;
float: right;
}

.heads {
position: relative;
text-align: center;
margin: 8px auto;
}
.heads span {
background: rgba( 255, 255, 255, 1 );
position: relative;
display: inline-block;
border: solid 1px rgba( 32, 32, 32, 0.2 );
border-radius: 3px;
cursor: pointer;
}

Jorpeto · #8 (**permalink**) 14/03/2016, 15:18

Código HTML:

.heads span:hover {
	background: rgba( 14, 139, 255, 1 );
}

.headUS {
	width: auto;
	position: relative;
	display: inline-block;
	text-align: center;
	margin: 6px auto;
	padding: 9px 13px;
	text-shadow: 0px 1px rgba( 0, 0, 0, 0.3 );
	border-radius: 2px;
	background: rgba( 21, 137, 255, 1 );
	color: rgba( 255, 255, 255, 1 );
	font-weight: bold;
	font-size: 16px;
	border: solid 1px rgba( 32, 32, 32, 0.1 );
	cursor: pointer;
}
.headUS:hover {
	background: rgba( 0, 87, 177, 1 );
}

.gallery {
	position: relative;
	display: block;
	width: 96%;
	margin: 6px auto;
	padding: 2px;
}
.gallery .imag {
	background: rgba( 255, 255, 255, 1 );
	display: inline-block;
	width: 26%;
	height: 115px;
	margin: 4px 5px;
	padding: 3px;
	overflow: hidden;
	border-radius: 3px;
	vertical-align: middle;
	text-align: center;
	border: solid 1px rgba( 32, 32, 32, 0.3 );
}
.gallery .imag:hover {
	border: solid 1px rgba( 18, 135, 255, 1 );
}
.gallery .imag .imgs {
	width: auto;
	height: 100%;
}

.LogCom {
	cursor: pointer;
}
.LogCom.LGE {
	background: rgba( 85, 161, 214, 1 ) !important;
}
.LogCom.LGE:hover {
	background: rgba( 31, 107, 160, 1 ) !important;
}

#NewComent {
	width: 100%;
	height: 100%;
	z-index: 989;
	position: fixed;
	display: none;
	background: rgba( 0, 0, 0, 0.6 );
}
#NewComentCat {
	width: 100%;
	height: 100%;
	z-index: 989;
	position: fixed;
	display: none;
	background: rgba( 0, 0, 0, 0.6 );
}
.NewsC {
	width: 70%;
	margin: auto;
	margin-top: 10%;
	background: rgba( 255, 255, 255, 1 );
	padding: 9px 12px;
	border-radius: 3px;
	border: solid 1px rgba( 32, 32, 32, 0.5 );
	box-shadow: inset 0px -2px 0px 0px rgba( 0, 0, 0, 0.2 )
}
#CloseNC {
	position: absolute;
	background: rgba( 255, 255, 255, 1 );
	right: 2%;
	top: 2%;
	padding: 16px 21px;
	border-radius: 50%;
	font-size: 25px;
	color: rgba( 26, 145, 255, 1 );
	cursor: pointer;
}
#CloseNC:hover {
	background: rgba( 0, 0, 0, 1 );
	color: rgba( 255, 255, 255, 1 );
}
form.NewsCM {
	position: relative;
	width: 94%;
	margin: auto;
}
form.NewsCM fieldset {
	width: 98%;
	padding: 2px;
}
form.NewsCM fieldset textarea {
	width: 98%;
	min-height: 125px;
	color: rgba( 32, 32, 32, 0.6 );
	padding: 8px 9px;
	background: rgba( 255, 255, 255, 1 );
	border-radius: 2px;
	border: solid 1px rgba( 32, 32, 32, 0.3 );
	box-shadow: inset 0px -2px 0px 0px rgba( 32, 32, 32, 0.1 );
	outline: none;
	white-space: none;
}
form.NewsCM fieldset button {
	background: rgba( 14, 178, 255, 1 );
	width: 98%;
	padding: 12px 13px;
	margin: 6px auto;
	display: block;
	color: rgba( 255, 255, 255, 1 );
	cursor: pointer;
	font-size: 16px;
	border-radius: 2px;
	box-shadow: inset 0px -2px 0px 0px rgba( 32, 32, 32, 0.1 );
}
form.NewsCM fieldset button:hover {
	background: rgba( 1, 142, 207, 1 );
}

.vBUR {
	position: relative;
	display: block;
	width: 90%;
	margin: 4px auto;
	text-align: center;
	padding: 4px 6px;
	padding-bottom: 6px;
	background: rgba( 255, 255, 255, 1 );
	border-radius: 3px;
	border: solid 1px rgba( 32, 32, 32, 0.2 );
	box-shadow: inset 0px -2px 0px 0px rgba( 32, 32, 32, 0.1 )
}
.vBUR a {
	width: 16px;
	height: 16px;
	background: rgba( 32, 32, 32, 0.7 );
	color: rgba( 255, 255, 255, 1 );
	padding: 6px 7px;
	line-height: 16px;
	display: inline-block;
	position: relative;
}
.vBUR a:hover {
	background: rgba( 32, 32, 32, 1 );
}
.vBUR a.vL, .vBUR a.vR {
	background: rgba( 45, 144, 236, 1 );
	color: rgba( 255, 255, 255, 1 );
	padding: 6px 7px;
	display: inline-block;
	position: relative;
}
.vBUR a.vL:hover, .vBUR a.vR:hover {
	background: rgba( 19, 108, 192, 1 );
}

#back {
	width: 90%;
	position: relative;
	display: block;
	margin: 4px auto;
}
#back button {
	background: rgba( 45, 144, 236, 1 );
	color: rgba( 255, 255, 255, 1 );
	font-weight: bold;
	font-size: 13px;
	padding: 6px 9px;
	text-shadow: 0px 1px rgba( 0, 0, 0, 0.4 );
	border-radius: 2px;
	cursor: pointer;
	box-shadow: inset 0px -2px 0px 0px rgba( 0, 0, 0, 0.02 )
}
#back button:hover {
	background: rgba( 13, 101, 183, 1 );
}

.titleFur {
	width: 90%;
	position: relative;
	display: block;
	margin: 5px auto;
	text-align: center;
	font-size: 18px;
	color: rgba( 255, 255, 255, 1 );
	background: rgba( 13, 101, 183, 1 );
	text-shadow: 0px 1px rgba( 0, 0, 0, 0.3 );
	padding: 9px 6px;
	border-radius: 3px;
	cursor: pointer;
	margin-top: 10px;
}

.team {
	width: 94%;
	position: relative;
	display: block;
	margin: 6px auto;
	text-align: center;
	border-top: solid 1px rgba( 3, 125, 255, 1 );
	padding-top: 6px;
	padding-bottom: 9px;
}
.team .titlev {
	position: relative;
	color: rgba( 3, 125, 255, 1 );
	font-size: 13px;
	font-weight: bold;
	margin: 6px auto;
}

.usersT {
	width: 40%;
	position: relative;
	display: inline-block;
	padding: 12px 9px;
	border-radius: 3px;
	background: rgba( 255, 255, 255, 1 );
	border: solid 1px rgba( 32, 32, 32, 0.3 );
	margin: 4px 9px;
}
.usersT:hover {
	background: rgba( 32, 32, 32, 0.04 );
}

.usersT .info {
	position: relative;
	display: block;
	margin: auto;
}
.usersT .info span {
	max-width: 90%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	background: rgba( 32, 32, 32, 0.08 );
	display: block;
	position: relative;
	width: 90%;
	margin: 2px auto;
	padding: 8px 6px;
	color: rgba( 32, 32, 32, 0.8 );
	text-shadow: 0px 1px rgba( 255, 255, 255, 0.4 );
}
.usersT .info a span {
	background: rgba( 3, 175, 255, 1 );
	color: rgba( 255, 255, 255, 1 );
	text-shadow: 0px 1px rgba( 0, 0, 0, 0.2 );
	font-weight: bold;
}
.usersT .info a span:hover {
	background: rgba( 3, 125, 255, 1 );
}

.goChat {
	background: rgba( 3, 95, 255, 1 );
	border-radius: 3px;
	color: rgba( 255, 255, 255, 1 );
	text-shadow: 0px 1px rgba( 0, 0, 0, 0.3 );
	font-weight: bold;
	padding: 9px 12px;
}

.autoH {
	padding: 9px 12px;
	height: auto !important;
}

.chatS {
	width: 98%;
	position: relative;
	display: block;
	max-height: 450px;
	overflow-y: scroll;
	margin: 6px auto;
}
.chatS .chatT {
	background: rgba( 255, 255, 255, 0.6 );
	color: rgba( 32, 32, 32, 0.7 );
	text-shadow: 0px 1px rgba( 255, 255, 255, 0.4 );
	border-radius: 3px;
	padding: 4px 6px;
	border: solid 1px rgba( 32, 32, 32, 0.3 );
	box-shadow: inset 0px 2px 0px 0px rgba( 255, 255, 255, 1 );
	text-align: center;
	height: auto;
	margin: 8px auto;
}
.chatS .chatT .userT {
	width: 20%;
	float: left;
	height: 40px;
}
.chatS .chatT .userT .img {
	float: left;
}
.chatS .chatT .userT span {
	float: left;
	position: relative;
	top: 25px;
}
.chatS .chatT .messT {
	width: 60%;
	position: relative;
	float: left;
	left: 20px;
	margin-top: 25px;
	margin-bottom: 10px;
	text-align: left;
	min-height: 40px;
}
.chatS .chatT .timeT {
	width: 13%;
	float: right;
	line-height: 60px;
	text-align: right;
	font-size: 10px;
	min-height: 40px;
	position: relative;
	right: 10px;
}

.chatForm {
	position: relative;
	display: block;
	width: 90%;
	margin: 10px auto;
	background: rgba( 32, 32, 32, 0.06 );
	border: solid 1px rgba( 32, 32, 32, 0.2 );
	box-shadow: inset 0px 2px 0px 0px rgba( 255, 255, 255, 0.4 );
	padding: 9px 12px;
	border-radius: 3px;
}
.markItUp{
  width: 90%;
  margin: auto;
}
.markItUpContainer{
  width: 100% !important;
  text-align: center !important;
}
.vTEXTM{
  width: 100% !important;
  margin: auto !important;
  border-radius: 3px !important;
  border: none !important;
  background: none !important;
  min-height: 75px !important;
  max-height: 125px !important;
}
.markItUpHeader{
  line-height: auto;
  height: auto;
  margin: 0px !important;
  padding: 2px 8px !important;
}
.markItUpHeader ul{
  display: block;
  position: relative;
  height: auto !important;
  padding: 6px 8px !important;
  margin: 0px !important;
  line-height: 0px !important;
}
.markItUpHeader ul li{
  display: inline-block;
  position: relative;
}

#emoticons {
	text-align: center;
	margin-top: 5px;
}

button.SendForm {
	background: rgba( 110, 201, 220, 1 );
	color: rgba( 27, 89, 101, 1 );
	cursor: pointer;
	display: block;
	position: relative;
	margin: 5px auto;
	padding: 9px 16px;
	border-radius: 3px;
	text-shadow: 0px 1px rgba( 255, 255, 255, 0.4 );
}
button.SendForm:hover {
	background: rgba( 81, 176, 196, 1 );
}

.autoH a {
	color: rgba( 3, 175, 255, 1 );
}

.inline {
	display: inline-block !important
}

.Item .price {
	cursor: pointer;
}
.Item .info:hover {
	background: rgba( 255, 181, 22, 1 );
	text-shadow: 0px 1px rgba( 255, 255, 255, 0.4 );
}
.info a {
	color: inherit;
}

.MorePrices {
	padding: 8px 4px;
}
.MorePrices h2 {
	margin: 6px auto;
	position: relative;
	display: block;
	font-size: 18px;
	color: rgba( 3, 175, 255, 1 );
}
.MorePrices .VI {
	display: inline-block;
	background: rgba( 255, 255, 255, 0.5 );
	padding: 9px 12px;
	border-radius: 3px;
	color: rgba( 32, 32, 32, 0.6 );
	border: solid 1px rgba( 32, 32, 32, 0.2 );
	font-weight: bold;
	margin: 3px 6px;
}
.MorePrices .LI {
	display: inline-block;
	background: rgba( 255, 255, 255, 0.5 );
	padding: 9px 12px;
	border-radius: 3px;
	color: rgba( 32, 32, 32, 0.6 );
	border: solid 1px rgba( 32, 32, 32, 0.2 );
	font-weight: bold;
	margin: 3px 6px;
}
.MorePrices .VI b {
	color: rgba( 175, 119, 0, 1 );
}
.MorePrices .LI b {
	color: rgba( 175, 119, 0, 1 );
}

Jorpeto · #9 (**permalink**) 14/03/2016, 15:19

Código HTML:

.MorePrices img {
	display: block;
	margin: 10px auto
}
.MorePrices .tables {
	margin: 10px auto;
	position: relative;
	text-align: left;
	width: auto;
	display: inline-block;
}
.MorePrices .tables span {
	background: rgba( 255, 255, 255, 0.7 );
	padding: 3px 19px;
	border-radius: 2px;
	border: solid 1px rgba( 32, 32, 32, 0.4 );
	margin: 4px auto;
	display: block;
	text-align: left;
	box-shadow: inset 0px 2px 0px rgba( 255, 255, 255, 1 )
}
.MorePrices .tables span img {
	float: left;
	display: inline-block;
}
.MorePrices .tables span b {
	float: left;
	position: relative;
	margin-top: 11px;
	color: rgba( 32, 32, 32, 0.8 );
	margin-left: 10px;
}

.separate {
	display: block;
	position: relative;
	width: 96%;
	margin: 15px auto;
	height: 1px;
	background: rgba( 0, 0, 0, 0.3 );
	box-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.3 )
}

#Categories h1.iF {
	position: relative;
	color: rgba( 255, 255, 255, 1 );
	font-size: 24px;
	background: rgba( 0, 0, 0, 0.2 );
	font-weight: bold;
	text-shadow: 0px 2px rgba( 0, 0, 0, 0.3 );
	padding: 9px auto !important;
	margin: 4px auto;
	margin-bottom: 15px;
}
.iFurni {
	display: inline-block;
	position: relative;
	margin: 4px 5px;
	background: rgba( 255, 255, 255, 0.6 );
	border-radius: 3px;
	border: solid 1px rgba( 0, 0, 0, 0.2 );
	cursor: pointer;
	max-width: 55px;
	max-height: 55px;
	width: 55px;
	height: 55px;
	min-height: 55px;
	min-width: 55px;
	text-align: center;
	vertical-align: middle;
}
.iFurni:hover {
	background: rgba( 255, 255, 255, 0.9 );
}
.iFurni .img {
	position: relative;
	width: auto;
	height: 100%;
	max-height: 55px;
	text-align: center;
	background-position: center center;
}

#Alert a {
	color: rgba( 3, 175, 255, 1 );
}

.voto {
	background: rgba( 3, 175, 255, 1 ) !important;
	color: rgba( 255, 255, 255, 1 ) !important;
	text-shadow: 0px 1px rgba( 0, 0, 0, 0.2 ) !important;
	font-weight: bold !important;
	cursor: pointer;
}

.vKD {
	text-align: center;
	width: 90%;
	margin: 4px auto;
	display: block;
	position: relative;
}
.vKD .iFurni:hover {
	background: rgba( 3, 175, 255, 1 );
}

.iMessage {
	width: 96%;
	background: rgba( 255, 255, 255, 0.6 );
	position: relative;
	display: block;
	margin: 4px auto;
	border-radius: 3px;
	color: rgba( 32, 32, 32, 0.8 );
	text-shadow: 0px 1px rgba( 255, 255, 255, 0.6 );
	border: solid 1px rgba( 32, 32, 32, 0.3 );
}
.iMessage img {
	float: left;
	width: auto;
}
.iMessage p {
	float: left;
	margin-left: 10px;
	line-height: 35px;
	max-width: 80%;
	color: inherit !important;
	text-shadow: inherit !important;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.iMessage:hover {
	background: rgba( 3, 175, 255, 1 );
	color: rgba( 255, 255, 255, 1 ) !important;
	text-shadow: 0px 1px rgba( 0, 0, 0, 0.3 ) !important;
}	

li small.mp {
	background: rgba( 3, 175, 255, 1 );
	padding: 3px 4px;
	color: rgba( 255, 255, 255, 1 );
	border-radius: 3px
}

.messages {
	text-align: center;
	margin: 4px auto
}
.messages .span {
	display: inline-block;
	position: relative;
	width: auto;
	border: solid 1px rgba( 32, 32, 32, 0.3 );
	color: rgba( 32, 32, 32, 0.7 );
	font-size: 12px;
	font-weight: bold;
	padding: 9px 12px;
	cursor: pointer;
	margin: auto 4px
}
.messages .span:hover {
	background: rgba( 255, 255, 255, 1 );
}
.actions {
	margin: 4px auto;
	text-align: center;
	position: relative;
	display: block;
	margin-top: 15px;
}
.actions .mp {
	background: rgba( 255, 255, 255, 0.6 );
	width: 60%;
	border-radius: 2px;
	border: solid 1px rgba( 32, 32, 32, 0.2 );
	padding: 6px 9px;
	color: rgba( 32, 32, 32, 0.8 );
	font-weight: bold;
	font-size: 14px;
	position: relative;
	text-align: justify;
	display: block;
	margin: 4px auto;
	cursor: pointer;
}
.actions .mp:hover {
	background: rgba( 255, 255, 255, 0.9 );
	border: solid 1px rgba( 3, 175, 255, 1 );
	color: rgba( 3, 175, 255, 1 );
}
.actions .mp:hover small {
	color: rgba( 3, 175, 255, 1 );
}
.actions .mp small {
	font-size: 11px;
	font-weight: normal;
	color: rgba( 32, 32, 32, 0.7 );
}
.mp_heads {
	width: 60%;
	margin: 5px auto;
}
.mp_heads span {
	width: 90%;
	background: rgba( 255, 255, 255, 0.5 );
	border-radius: 3px;
	border: solid 1px rgba( 32, 32, 32, 0.2 );
	padding: 6px 9px;
	display: block;
	position: relative;
	margin: 4px auto;
	text-align: justify;
	color: rgba( 32, 32, 32, 0.7 );
}
.mp_heads span b {
	font-weight: bold;
	color: rgba( 32, 32, 32, 0.8 );
}
a .isa {
	color: rgba( 170, 16, 16, 1 );
	padding: 6px 8px;
	margin-bottom: 6px;
	display: block;
	font-weight: bold;
}
a .isa:hover {
	background: rgba( 170, 16, 16, 0.9 );
	color: rgba( 255, 255, 255, 1 );
	border-radius: 2px;
	border: solid 1px rgba( 170, 16, 16, 1 );
}
a .resp {
	color: rgba( 3, 175, 255, 1 );
	padding: 6px 8px;
	margin-bottom: 6px;
	display: block;
	font-weight: bold;
}
a .resp:hover {
	background: rgba( 3, 175, 255, 0.9 );
	color: rgba( 255, 255, 255, 1 );
	border-radius: 2px;
	border: solid 1px rgba( 3, 175, 255, 1 );
}
.iSend {
	width: 90%;
	margin: 5px auto;
	text-align: center;
}
.iSend input {
	width: 90%;
	background: rgba( 32, 32, 32, 0.01 );
	border-radius: 2px;
	padding: 8px 12px;
	display: block;
	position: relative;
	margin: 9px auto;
	color: rgba( 32, 32, 32, 0.6 );
	border: solid 1px rgba( 32, 32, 32, 0.2 );
	text-shadow: 0px 1px rgba( 255, 255, 255, 0.4 );
	box-shadow: inset 0px 2px 0px 0px rgba( 255, 255, 255, 0.6 )
}
.iSend textarea {
	width: 90%;
	background: rgba( 32, 32, 32, 0.01 );
	border-radius: 2px;
	padding: 8px 12px;
	display: block;
	position: relative;
	margin: 4px auto;
	color: rgba( 32, 32, 32, 0.6 );
	border: solid 1px rgba( 32, 32, 32, 0.2 );
	box-shadow: inset 0px 2px 0px 0px rgba( 255, 255, 255, 0.6 );
	min-height: 65px;
	max-height: 100px;
	max-width: 90%;
	min-width: 90%;
	text-shadow: 0px 1px rgba( 255, 255, 255, 0.4 );
}
.iSend button {
	background: rgba( 3, 175, 255, 1 );
	color: rgba( 255, 255, 255, 1 );
	font-weight: bold;
	padding: 9px 12px;
	cursor: pointer;
	margin: 8px auto;
}
.iSend button:hover {
	background: rgba( 3, 125, 255, 1 );
}

.notice a.fancybox {
	background: transparent;
	z-index: 88;
	width: 80px;
	height: 80px;
	border: solid 2px rgba( 0, 0, 0, 0.6 );
	border-radius: 2px;
	padding: 6px;
	overflow: hidden;
	display: inline-block;
	text-align: center;
}
.notice a.fancybox img {
	width: auto;
	height: auto;
	z-index: 22;
	position: relative;
}

.usBan {
	background: rgba( 177, 37, 37, 1 ) !important;
	box-shadow: none !important;
	color: rgba( 255, 255, 255, 1 ) !important; 
	text-shadow: none !important;
}
.timeT a .EsBan {
	color: rgba( 168, 13, 13, 1 );
	cursor: pointer;
	font-size: 10px;
	text-transform: uppercase;
}
.timeT a .Unban {
	color: rgba( 0, 0, 0, 1 ) !important;
	cursor: pointer;
	font-size: 10px;
	text-transform: uppercase;
}

.DJNAME {
	width: 90%;
	position: relative;
	display: block;
	margin: 4px auto;
	text-align: center;
	color: rgba( 32, 32, 32, 0.9 );
}



table.Calendar {
  width: 100%;
  position: relative;
  margin: 10px auto;
}
table.Calendar tr td.TT {
  background: rgba( 7, 68, 129, 1 );
  padding: 8px 13px;
  color: rgba( 255, 255, 255, 1 );
  font-weight: bold;
  text-shadow: 0px 1px rgba( 0, 0, 0, 0.3 );
  cursor: pointer;
  position: relative;
  border: solid 1px rgba( 255, 255, 255, 1 );
}
table.Calendar tr td {
  padding: 4px 13px;
  border: solid 1px rgba( 255, 255, 255, 1 );
  color: rgba( 58, 58, 58, 1 );
  text-shadow: 0px 1px rgba( 255, 255, 255, 0.6 );
  background: rgba( 245, 245, 245, 1 );
  text-align: center;
  position: relative;
}
table.Calendar tr td.hour {
  text-align: center;
  font-weight: bolder;
  position: relative;
}
table.Calendar tr.SPANS {
  font-size: 11px;
}
table.Calendar tr.SPANS td {
  background: rgba( 20, 93, 166, 1 );
  padding: 6px 13px;
  color: rgba( 255, 255, 255, 0.9 );
  position: relative;
}
table.Calendar tr.SPANS td.TT.SL {
  background: transparent;
}
table.Calendar tr td.ICONS i {
  width: auto;
  padding: 6px 3px;
  cursor: pointer;
  font-size: 18px;
  color: rgba( 7, 68, 129, 1 );
  text-shadow: 0px 1px rgba( 255, 255, 255, 0.6 );
}
table.Calendar tr td.ICONS i:hover {
  color: rgba( 0, 183, 255, 1 );
}

.modal, .moda:active, .modal:focus {
  box-shadow: 0px;
  outline: 0px;
}

.modal-header h3 {
  color: rgba( 0, 114, 186, 1 ) !important;
  text-shadow: 0px 1px rgba( 255, 255, 255, 1 ) !important;
}

.modal-footer {
  padding: 6px 5px !important
}
.modal-footer button {
  padding: 8px 13px !important
}
.modal-body {
  height: auto !important;
  padding: 0px !important
}
.modal-body p {
  height: auto !important;
  margin-top: 10px;
  padding: 2px 13px;
}

.LoadIMG {
    position: relative;
    width: 42px;
    display: block;
    margin: 10px auto;
    height: 42px;
    animation: preloader_6 5s infinite linear;
}
.LoadIMG span {
    width: 20px;
    height: 20px;
    position: absolute;
    background: red;
    display: block;
    animation: preloader_6_span 1s infinite linear;
}
.LoadIMG span:nth-child(1) {
  background: rgba( 0, 150, 255, 1 );
}
.LoadIMG span:nth-child(2) {
  left: 22px;
  background: rgba( 40, 194, 251, 1 );
    animation-delay: .2s;
}
.LoadIMG span:nth-child(3) {
  top: 22px;
  background: rgba( 49, 170, 255, 1 );
    animation-delay: .4s;
}

Jorpeto · #10 (**permalink**) 14/03/2016, 15:19

Código HTML:

.LoadIMG span:nth-child(4) {
  top: 22px;
  left: 22px;
  background: rgba( 11, 117, 191, 1 );
    animation-delay: .6s;
}
@keyframes preloader_6_span {
   0% { transform:scale(1); }
   50% { transform:scale(0.5); }
   100% { transform:scale(1); }
}

.ClearAll {
	position: relative;
	display: block;
	width: 90%;
	text-align: center;
	padding: 12px 9px;
	margin: 4px auto;
	color: rgba( 255, 255, 255, 1 );
	font-weight: bold;
	background: rgba( 189, 24, 24, 1 );
	border-radius: 2px;
}

.VCAncel {
	display: block;
	padding: 6px 8px;
	text-align: center;
	background: rgba( 189, 24, 24, 1 );
	color: rgba( 255, 255, 255, 1 );
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	text-shadow: 0px 1px rgba( 0, 0, 0, 0.4 );
	font-size: 10px;
	margin: 2px auto;
	border-radius: 2px;
}
         .button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 32px;
    border: 3px solid #a12727;
    border-radius: 7px;
    background: #ff4a4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
    background: -moz-linear-gradient(top, #ff4a4a, #992727);
    background: linear-gradient(to bottom, #ff4a4a, #992727);
    -webkit-box-shadow: #ff5959 0px 0px 0px 3px;
    -moz-box-shadow: #ff5959 0px 0px 0px 3px;
    box-shadow: #ff5959 0px 0px 0px 3px;
    text-shadow: #591717 1px 1px 7px;
    font: normal normal bold 20px verdana;
    color: #ffffff;
    text-decoration: none;
}
.button:hover,
.button:focus {
    background: #ff5959;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
    background: -moz-linear-gradient(top, #ff5959, #b62f2f);
    background: linear-gradient(to bottom, #ff5959, #b62f2f);
    color: #ffffff;
    text-decoration: none;
}
.button:active {
    background: #982727;
    background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
    background: -moz-linear-gradient(top, #982727, #982727);
    background: linear-gradient(to bottom, #982727, #982727);
}

Rafael · #11 (**permalink**) 16/03/2016, 11:01

Yo con todo respeto no leí naaaaaaaaaada de tu multiple post.

1) Usa un sticky footer.

http://mystrd.at/modern-clean-css-sticky-footer/

2) De verdad, analiza tú, tu propio código.

javy7v · #12 (**permalink**) 17/03/2016, 05:10

Madre mia como nos vamos a leer semejante cantidad de codigo para hacer un footer ? Ya te lo ha solucionado Rafael o incluso antes, si no te ocupa el 100% es porque lo tienes metido dentro de otro div , mira bien el codigo.