Thursday, April 3rd, 2008...8:21 pm
Tunea tu GMail
Siempre es bueno un cambio de estilo, así que acá les voy a explicar como hacer para que su GMail quede así. Es muy simple, aunque es solo para Firefox. Lo primero que hay que hacer es instalar la extensión Stylish, que es similar a Greasemonkey, pero para el CSS.
Después, vamos a administrar estilo, escribir estilo, ponemos un nombre y pegamos el siguiente código:
@charset "utf-8";
@namespace url(http://www.w3.org/1999/xhtml);
/*
* Gmail Redesigned (by Globex Designs)
*
* Author : Evgueni Naverniouk (evgueni@globexdesigns.com)
* Updated : April 3, 2008
* Website : http://www.globexdesigns.com/
* Description : A complete redesign of the look and feel of Gmail
* Usage : Use with the ‘Stylish’ Firefox extension (http://userstyles.org/)
*
* Please submit all bug reports, comments and requests.
*
* Feel free to use this style to develop your own Gmail theme, or to
* make improvements on this one. I just ask that you let me know when
* you do, so that I can look at what you’ve come up with.
*
* Visit www.globexdesigns.com if you’d like to order a web or graphic
* design project of your own.
*
*/
@-moz-document url-prefix(”https://www.google.com/accounts/ServiceLogin?service=mail”) {
* {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
}
input,
button,
textarea {
-moz-appearance: none !important;
}
body {
background: #111 !important;
margin: 10% 0 !important;
}
body > table:first-child {
margin: 0 auto !important;
}
body > table td[width='1%'] {
background: transparent url(’http://www.naverniouk.com/design/gmail/login-logo.gif’) no-repeat top left !important;
}
body > table td[width='1%'] img {
height: 0 !important;
width: 120px !important;
}
body > table > tbody > tr > td[bgcolor='#ffffff'] {
background: transparent !important;
}
body > table table[bgcolor='#C3D9FF'] {
background: transparent !important;
margin: -12px 0 10px 10px !important;
width: 350px !important;
}
body > table table[bgcolor='#C3D9FF'] td{
background: #212121 !important;
border: 1px solid #212121 !important;
-moz-border-radius: 12px !important;
}
body > table table[bgcolor='#C3D9FF'] td.tl,
body > table table[bgcolor='#C3D9FF'] td.tr,
body > table table[bgcolor='#C3D9FF'] td.bl,
body > table table[bgcolor='#C3D9FF'] td.br {
display: none !important;
}
body > table table[bgcolor='#C3D9FF'] td.bubble {
padding: 4px 0 4px 15px !important;
}
body > table table[bgcolor='#C3D9FF'] td.bubble b{
color: #969696 !important;
font-size: 12px !important;
}
img[src$="talk_bubbles.gif"],
.form-noindent[cellpadding="0"],
body br, td[width="75%"],
table[width='94%'] td[style='text-align: left;'] {
display: none !important;
}
table[width="95%"],
table[width="94%"] {
width: 485px !important;
}
#gaia_loginbox {
background: transparent url(’http://www.naverniouk.com/design/gmail/login-body.gif’) no-repeat top left !important;
height: 250px !important;
margin: -20px 0 0 0 !important;
width: 484px !important;
}
#gaia_loginbox .form-noindent,
#gaia_loginbox table td {
background: transparent !important;
border: 0 !important;
}
#gaia_table td[colspan="2"] {
padding: 20px 0 0 0 !important;
}
#gaia_table font[size="-1"]{
color: #D39F07 !important;
font-size: 14px !important;
font-weight: bold !important;
margin: 0 0 0 -120px !important;
position: absolute !important;
}
#gaia_table img[alt="Google"] {
display: none !important;
}
#gaia_table font[size="-0"], /* Firefox 2 */
#gaia_table font[size="+0"] /* Firefox 3 */
{
color: #D39F07 !important;
font-size: 14px !important;
font-weight: bold !important;
margin: -3px 0 0 58px !important;
position: absolute !important;
text-transform: lowercase !important;
}
#gaia_table .lbl {
color: #A1A1A1 !important;
font-weight: bold !important;
font-size: 11px !important;
margin: 0 10px 0 0 !important;
}
#gaia_table #Email,
#gaia_table #Passwd {
background: transparent url(’http://www.naverniouk.com/design/gmail/login-input.gif’) repeat-x top left !important;
border: 4px solid !important;
color: #111 !important;
font-size: 11px !important;
-moz-border-bottom-colors: #303030 #303030 #303030 #B2B2B2 !important;
-moz-border-left-colors: #303030 #303030 #303030 #B2B2B2 !important;
-moz-border-right-colors: #303030 #303030 #303030 #B2B2B2 !important;
-moz-border-top-colors: #303030 #303030 #303030 #B2B2B2 !important;
padding: 3px 2px !important;
width: 180px !important;
}
#gaia_table #Email:focus,
#gaia_table #Passwd:focus {
-moz-border-bottom-colors: #505050 #505050 #505050 #B2B2B2 !important;
-moz-border-left-colors: #505050 #505050 #505050 #B2B2B2 !important;
-moz-border-right-colors: #505050 #505050 #505050 #B2B2B2 !important;
-moz-border-top-colors: #505050 #505050 #505050 #B2B2B2 !important;
}
#gaia_table .rem {
color: #A1A1A1 !important;
font-size: 11px !important;
}
#gaia_table input[type="submit"] {
background: transparent url(’http://www.naverniouk.com/design/gmail/login-button.gif’) repeat-x top left !important;
border: 0 !important;
color: #A1A1A1 !important;
font-weight: bold !important;
margin: 40px 0 0 -20px !important;
padding: 12px 2px !important;
width: 150px !important;
}
#gaia_table input:hover[type="submit"] {
background-position: bottom !important;
color: #000 !important;
cursor: pointer !important;
}
#gaia_table #ga-fprow td {
height: 10px !important;
padding: 6px 0 0 0 !important;
}
#gaia_table #ga-fprow td a{
color: #555 !important;
margin: 0 0 0 0 !important;
text-decoration: none !important;
}
#gaia_table #ga-fprow td a:hover{
border-bottom: 1px dotted #D39F07 !important;
color: #999 !important;
}
table[width='95%'][cellpadding='3']{
background: #0C0C0C !important;
border: 1px solid #0C0C0C !important;
height: 24px !important;
margin: -15px auto 0 auto !important;
-moz-border-radius: 12px !important;
}
table[width='95%'][cellpadding='3'] tr,
table[width='95%'][cellpadding='3'] td{
background: transparent !important;
}
table[width='95%'][cellpadding='3'] td.tl,
table[width='95%'][cellpadding='3'] td.tr,
table[width='95%'][cellpadding='3'] td.bl,
table[width='95%'][cellpadding='3'] td.br {
display: none !important;
}
table[width='95%'][cellpadding='3'] font[color='#666666'],
table[width='95%'][cellpadding='3'] a {
color: #4F4F4F !important;
font-size: 10px !important;
text-decoration: none !important;
}
table[width='95%'][cellpadding='3'] a:hover {
border-bottom: 1px dotted #D39F07 !important;
color: #777 !important;
}
}
@-moz-document domain(”mail.google.com”), domain(”https://mail.google.com/mail/”) {
html,
body {
background: #FFF !important;
height: 100% !important;
margin: 0 !important;
width: 100% !important;
}
html.e7Tcgd{
overflow-x: auto !important;
overflow-y: scroll !important;
}
body,
td,
input,
textarea,
select {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
}
input,
button,
textarea {
-moz-appearance: none !important;
}
input,
textarea,
select {
font-size: 12px !important;
}
.Lpuind{
height: 100% !important;
width: 100% !important;
}
.l73JSe{
color: #D19800 !important;
cursor: pointer !important;
text-decoration: none !important;
white-space: nowrap !important;
}
.z1IiMc {
display: none !important;
}
div[class^=yxEQwb] {
display: none !important;
}
.iyUIWc{
background-image: url(images/2/5/c/mailicons4.png) !important;
}
.QShok {
border: 1px solid #FFF !important;
}
.QShok .R7iiN,
.QShok .wWwc8d {
background: #F7D300 url(’http://www.naverniouk.com/design/gmail/loading-bg.gif’) repeat-x top left !important;
color: #000 !important;
font-size: 11px !important;
font-weight: bold !important;
}
#loading {
background: #111 !important;
height: 100% !important;
position: absolute !important;
width: 100% !important;
z-index:1000 !important;
}
.msg {
background: transparent url(’http://www.naverniouk.com/design/gmail/loading.gif’) no-repeat top left;
color: #FFF !important;
font-size: 0px !important;
height: 94px !important;
margin: 10% auto 20px auto !important;
width: 226px !important;
}
#loadingError {
background: #191919 !important;
border: 14px solid #191919 !important;
color: #777 !important;
font-size: 12px !important;
font-weight: normal !important;
margin: 0 auto !important;
min-height: 130px !important;
-moz-border-radius: 14px !important;
text-align: justify !important;
width: 400px !important;
}
#loadingError a{
border-bottom: 1px dotted #F60;
color: #BBB !important;
text-decoration: none !important;
}
#loadingError a:hover{
color: #FFF !important;
}
.fgrX7c > div > .XoqCub > .XoqCub > .XoqCub > .XoqCub > .XoqCub > .XoqCub {
background: #222 url(’http://www.naverniouk.com/design/gmail/topbar-bg.gif’) repeat-x top left !important;
border-bottom: 1px solid #ADADAD !important;
height: 26px !important;
}
#gbar {
background: transparent !important;
border: 0 !important;
float: left !important;
font-size: 11px !important;
height: 26px !important;
margin: 0 !important;
padding: 0 0 0 10px !important;
}
#gbar nobr {
margin: 0 !important;
padding: 0 !important;
}
#gbar .gb1 {
background: transparent !important;
float: left !important;
font-size: 11px !important;
height: 26px !important;
line-height: 26px !important;
margin: 0 !important;
padding: 0 4px !important;
text-decoration: none !important;
}
#gbar .gb1 b {
color: #D19800 !important;
font-size: 12px !important;
margin: 0 0 0 8px !important;
}
#gbar .gb1 a,
#gbar .gb3 a {
background: transparent !important;
color: #969696 !important;
margin: 0 !important;
padding: 0 !important;
text-decoration: none !important;
}
#gbar .gb1 a:hover {
border-bottom: 1px dotted #d19800 !important;
color: #DDD !important;
}
#gbar .gb3 {
background: transparent !important;
float: left !important;
font-size: 11px !important;
height: 26px !important;
line-height: 26px !important;
margin: 0 !important;
padding: 0 4px !important;
}
#gbar .gb3 a{
font-weight: bold !important;
margin: 0 !important;
}
#gbar .gb3 a:hover{
border-bottom: 1px dotted #d19800 !important;
color: #DDD !important;
}
#gbar .gb3 a u {
text-decoration: none !important;
}
#gbar .gb3 a small {
color: #D19800 !important;
}
#gbar .gb3 a:hover small {
border-bottom: 1px solid #212121 !important;
color: #DDD !important;
}
#gbi{
background: #111 !important;
border: 1px solid #424242 !important;
font-size: 11px !important;
position: absolute !important;
top: 20px !important;
width: 100px !important;
z-index: 1000 !important;
}
.gb2 {
width: 100px !important;
z-index: 1001;
}
.gb2 div{
margin: 0 !important;
}
.gb2 a{
color: #969696 !important;
display: block !important;
font-size: 11px !important;
padding: .2em .5em !important;
text-decoration: none !important;
}
#gbar .gb2 a:hover{
background: #222 !important;
color: #D19800 !important;
display: block !important;
}
.gbh{
display: none !important;
}
.nQ6QTe {
color: #D19800 !important; /* Divider Color */
height: 26px !important;
font-size: 11px !important;
line-height: 26px !important;
margin: 0 !important;
padding: 0 12px 0 0 !important;
}
.nQ6QTe nobr {
margin: 0 !important;
padding: 0 !important;
}
.nQ6QTe b {
color: #DCDBDB !important;
font-weight: bold !important;
}
.nQ6QTe .l73JSe {
color: #969696 !important;
display: inline !important;
height: 20px !important;
margin: 0 !important;
padding: 0 2px !important;
text-decoration: none !important;
}
.nQ6QTe span:hover.l73JSe,
.nQ6QTe a:hover.l73JSe{
border-bottom: 1px dotted #d19800 !important;
color: #DDD !important;
}
.nQ6QTe > nobr > a.l73JSe {
font-weight: bold !important;
}
.WrxLMd {
border: 1px solid red !important;
display: block !important;
height: 20px !important;
}
.fgrX7c > div > .XoqCub > .XoqCub > .XoqCub > .XoqCub > .XoqCub > .IY0d9c {
background: transparent url(’http://www.naverniouk.com/design/gmail/searchbar-bg.gif’) repeat-x top left !important;
width: 100% !important;
}
.fgrX7c > div > .XoqCub > .XoqCub > .XoqCub > .XoqCub > .XoqCub > .IY0d9c > .EGSDee[style="width: 9px;"] {
display: none !important;
}
.fgrX7c > div > .XoqCub > .XoqCub > .XoqCub > .XoqCub > .XoqCub > .IY0d9c > .EGSDee[style="width: 1646px;"] {
width: 100% !important;
}
.fgrX7c > div > .XoqCub > .XoqCub > .XoqCub > .XoqCub > .XoqCub > .IY0d9c > .XoqCub > .XoqCub > .IY0d9c > .EGSDee[style="width: 148px; height: 70px;"] {
}
.zYsCRb{
background: transparent url(’http://www.naverniouk.com/design/gmail/logo.png’) no-repeat top left !important;
cursor: pointer !important;
height: 48px !important;
margin: 12px 0 0 15px !important;
width: 121px !important;
}
.IY0d9c > .EGSDee[style="width: 1498px; height: 70px;"] {
height: auto !important;
}
.BBrt4c {
display: none !important;
}
.WrxLMd {
display: none !important;
}
.fafYqc {
background: #E9E9E9 !important;
border: 1px solid #999 !important;
margin: -90px 0 0 25% !important;
padding: 0 !important;
position: absolute !important;
width: 600px !important;
z-index: 2000 !important;
}
.fafYqc > .XoqCub > .Pj5gjf {
display: none !important;
}
.fafYqc > .XoqCub > .R7iiN {
background: transparent !important;
margin: 8px 0 !important;
}
.fafYqc > .XoqCub > .R7iiN > .vHYYR,
.fafYqc > .XoqCub > .R7iiN > .vHYYR > .wWwc8d,
.fafYqc > .XoqCub > .R7iiN > .vHYYR > .wWwc8d > .diLZtc,
.fafYqc > .XoqCub > .R7iiN > .vHYYR > .wWwc8d > .diLZtc > .XoqCub > .gBJOMe {
background: transparent !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.gBJOMe table {
font-size: 12px !important;
margin: 0 auto !important;
max-width: 800px !important;
}
.gBJOMe table input {
background: #FFF !important;
border: 1px solid #999 !important;
}
.uc1BTd button,
.sH9zIf button {
background: #EEE !important;
border: 2px solid #999 !important;
color: #444 !important;
font-size: 11px !important;
-moz-border-bottom-colors: #AAA #FFF !important;
-moz-border-left-colors: #AAA #FFF !important;
-moz-border-right-colors: #AAA #FFF !important;
-moz-border-top-colors: #AAA #FFF !important;
padding: 2px 4px !important;
}
.uc1BTd button:hover,
.sH9zIf button:hover {
background: #DDD !important;
color: #000;
cursor: pointer !important;
font-size: 11px !important;
}
.fafYqc table table{
margin: 2px 0 0 0;
}
.IY0d9c {
background: transparent;
}
div.RRNVab > div.sQnGde > div.TRvCy > div.CKuUDf > div.fgrX7c > div > div.XoqCub > div.XoqCub > div.XoqCub > div.XoqCub > div.XoqCub > div.IY0d9c > div.XoqCub > div.XoqCub > div.IY0d9c > div.EGSDee > div.XoqCub {
background: transparent !important;
margin: 0 !important;
padding: 10px 0 0 0 !important;
}
.oF1kyb {
margin: 22px 0 0 20px !important;
}
.tYBwhe {
float: left !important;
}
.oF1kyb input {
background: transparent url(’http://www.naverniouk.com/design/gmail/search-bg.gif’) repeat-x top left !important;
border: 1px solid #737373 !important;
color: #444 !important;
font-size: 11px !important;
margin: 0 2px 0 0 !important;
padding: 3px 2px !important;
}
.oF1kyb button {
background: transparent url(’http://www.naverniouk.com/design/gmail/button-searchmail.gif’) repeat-x top left !important;
border: 1px solid #979797 !important;
color: #505050 !important;
height: 22px !important;
font-size: 11px !important;
margin: -2px 2px 0px 2px !important;
padding: 0px 4px !important;
}
.oF1kyb button:hover {
background: transparent url(’http://www.naverniouk.com/design/gmail/search-bg.gif’) repeat-x top left !important;
border: 1px solid #979797 !important;
color: #222 !important;
cursor: pointer !important;
}
.SUicbd{
color: #656565 !important;
cursor: pointer !important;
font-size: 9px !important;
line-height: 11px !important;
margin: -2px 0 0 4px !important;
text-decoration: none !important;
}
.SUicbd span:hover{
color: #333 !important;
}
div.BBrt4c {
margin: 0 !important;
padding: 0 !important;
}
div.BBrt4c div.Pj5gjf {
display: none !important;
}
div.BBrt4c div.R7iiN {
background: #000 !important;
margin: 0 !important;
padding: 0 !important;
}
/
div.fafYqc div.vHYYR {
border: 1px solid #999 !important;
}
div.fafYqc div.kwmAmd {
display: none !important;
}
div.fafYqc div.vHYYR div.wWwc8d div.diLZtc {
background: #EEE !important;
}
.u7uAnb {
color: #00c !important;
cursor: pointer !important;
font-size: 11px !important;
position: absolute !important;
right: 5px !important;
text-decoration: none !important;
top: 1px !important;
}
.n38jzf .m14Grb,.OVyDvc .m14Grb,.jU8Zgd .m14Grb {
font-size: 12px !important;
font-weight: bold !important;
padding: 5px !important;
text-align: center !important;
}
.n38jzf .m14Grb table,.OVyDvc .m14Grb table,.jU8Zgd .m14Grb table{
border: 1px solid #999 !important;
margin: -2px 0px !important;
}
.n38jzf .m14Grb span,.OVyDvc .m14Grb span,.jU8Zgd .m14Grb span{
cursor: pointer !important;
margin-left: 5px !important;
text-decoration: underline !important;
}
.n38jzf .Ptde9b{
background: #fff1a8 !important;
}
.n38jzf .m14Grb{
background: #fff1a8 !important;
}
.OVyDvc .Ptde9b{
background: #c00 !important
}
.OVyDvc .m14Grb{
background: #C00 !important;
color: #FFF !important;
}
.OVyDvc .m14Grb span,.OVyDvc .m14Grb a{
color: #c3d9ff !important
}
.jU8Zgd .Ptde9b{
background: #b5edbc !important
}
.jU8Zgd .m14Grb{
background: #b5edbc !important
}
.jU8Zgd .m14Grb span,.jU8Zgd .m14Grb a{
color: #00c !important
}
.EGPikb,.Ptde9b{
display: none !important
}
.EGPikb{
display: none !important
}
.RRNVab > .sQnGde > .TRvCy > .CKuUDf > .fgrX7c > div > .XoqCub > .XoqCub > .XoqCub > .IY0d9c {
background: #566068 url(’http://www.naverniouk.com/design/gmail/mainwrapper-bg.gif’) repeat-x top left !important;
}
.NIPhib {
color: #222 !important;
font-size: 12px !important;
}
div.ACpQre .R7iiN,div.ACpQre .wWwc8d {
background: transparent !important;
}
.ACpQre .z1IiMc {
display: none !important;
}
.NIPhib .zD5BAe {
color: #D7D7D7 !important;
cursor: pointer !important;
overflow: hidden !important;
padding: 0 0 0 10px !important;
text-decoration: none !important;
}
.NIPhib span:hover.zD5BAe {
color: #D19800 !important;
}
.gUlKtd,
.aBJ8he {
display: none !important;
height: 13px !important;
margin: 0 !important;
width: 15px !important;
}
.gUlKtd{
background-position: -20px 0px !important;
}
.aBJ8he{
background-position: -40px 0px !important;
}
.cOSVMd {
height: 28px !important;
line-height: 28px !important;
margin: 0 auto !important;
padding: 10px 0 0 0 !important;
width: 140px !important;
}
.cOSVMd .c1norb {
margin: -5px 0 0 0 !important;
}
.cOSVMd .c1norb span {
background: transparent url(’http://www.naverniouk.com/design/gmail/button-compose.gif’) repeat-x top left !important;
border: 1px solid #8C8C8C !important;
color: #D7D7D7 !important;
display: block !important;
font-size: 12px !important;
height: 26px !important;
line-height: 26px !important;
padding: 0 !important;
text-align: center !important;
text-decoration: none !important;
width: 125px !important;
}
.cOSVMd div {
background: transparent !important;
}
div.RRNVab > div.sQnGde > div.TRvCy > div.CKuUDf > div.fgrX7c > div > div.XoqCub > div.XoqCub > div.XoqCub > div.IY0d9c > div.XoqCub > div.XoqCub > div.XoqCub > div.cOSVMd > div.XoqCub > div.XoqCub > div.c1norb > div.R7iiN > div.wWwc8d > div.diLZtc > div.XoqCub > div.NIPhib > span:hover {
background: transparent url(’http://www.naverniouk.com/design/gmail/button-compose.gif’) repeat-x top left !important;
border: 1px solid #DDD !important;
color: #D19800 !important;
}
.ybaOyc .R7iiN,
.ACpQre .R7iiN,
.ybaOyc .wWwc8d {
background: transparent !important;
}
.ybaOyc .NIPhib > span {
background: transparent url(’http://www.naverniouk.com/design/gmail/button-mainmenu.gif’) repeat-x top left !important;
border: 2px solid !important;
display: block !important;
font-size: 11px !important;
height: 20px !important;
line-height: 20px !important;
-moz-border-bottom-colors: #363B42 #585D63 !important;
-moz-border-left-colors: #363B42 #585D63 !important;
-moz-border-right-colors: #363B42 #585D63 !important;
-moz-border-top-colors: #363B42 #585D63 !important;
text-indent: 20px !important;
}
.ybaOyc .NIPhib > span:hover {
background: transparent url(’http://www.naverniouk.com/design/gmail/button-mainmenu.gif’) repeat-x left center !important;
cursor: pointer !important;
-moz-border-bottom-colors: #363B42 #7D8692 !important;
-moz-border-left-colors: #363B42 #7D8692 !important;
-moz-border-right-colors: #363B42 #7D8692 !important;
-moz-border-top-colors: #363B42 #7D8692 !important;
}
.ybaOyc > .XoqCub > .ACpQre .wWwc8d .NIPhib > span span {
display: block !important;
height: 20px !important;
}
.ybaOyc > .XoqCub > .ACpQre .wWwc8d .NIPhib > span span:focus {
outline: none !important;
}
.ybaOyc > .XoqCub > .ACpQre .wWwc8d .NIPhib > span:hover span{
color: #2A2A2A !important;
}
.ybaOyc > .XoqCub > .ACpQre .wWwc8d span:hover{
background: transparent url(’http://www.naverniouk.com/design/gmail/button-mainmenu.gif’) repeat-x left center !important;
color: #2A2A2A !important;
}
.cBhtOe .NIPhib{
color: #FFF !important;
}
.cBhtOe .zD5BAe {
background: transparent url(’http://www.naverniouk.com/design/gmail/button-mainmenu.gif’) repeat-x left bottom !important;
color: #FFF !important;
display: block !important;
font-size: 11px !important;
font-weight: bold !important;
text-decoration: none !important;
}
.cBhtOe .zD5BAe:hover {
color: #FFF !important;
}
.PQmvpb {
font-weight: bold !important;
}
div.IyrUZb .R7iiN,div.IyrUZb .wWwc8d {
background: transparent !important;
}
.oggeve {
color: #000 !important;
cursor: pointer !important;
font-size: 80% !important;
overflow: hidden !important;
}
.LrIFMe {
display: none !important;
height: 11px !important;
width: 11px !important;
}
.ApVoH .C9Pn8c .wWwc8d,.I94Sdc .C9Pn8c .wWwc8d,.XPj4ef .C9Pn8c .wWwc8d,.a3hTGd .C9Pn8c .wWwc8d {
background-color: #999 !important;
}
.a3hTGd {
background: #0F0F0F url(’http://www.naverniouk.com/design/gmail/chat-bg.gif’) repeat-x bottom left !important;
border: 1px solid #000 !important;
margin: 0 0 0 3px !important;
padding: 0 !important;
overflow: visible !important;
width: 141px !important;
}
.a3hTGd .R7iiN,
.a3hTGd .wWwc8d,
.C9Pn8c {
background: transparent !important;
}
.a3hTGd .Tzvkxd {
background: transparent url(’http://www.naverniouk.com/design/gmail/chat-header.gif’) no-repeat center center !important;
height: 25px !important;
}
.a3hTGd span.HSZged {
display: none !important;
}
.a3hTGd .C9Pn8c .wWwc8d{
background: transparent !important;
}
.a3hTGd .p9ILHf {
background: transparent !important;
}
.a3hTGd .p9ILHf .e8kn7c{
padding: 0 4px 0 0 !important;
}
.a3hTGd .p9ILHf .e8kn7c .u4Qprd{
background: transparent url(’http://www.naverniouk.com/design/gmail/chat-search.gif’) repeat-x top left !important;
border: 1px solid #363636 !important;
color: #909090 !important;
height: 15px !important;
font-size: 10px !important;
margin: 0 0 4px 0 !important;
padding: 5px 0 0 4px !important;
width: 129px !important;
}
.a3hTGd .p9ILHf .e8kn7c input:focus{
background: transparent url(’http://www.naverniouk.com/design/gmail/chat-search.gif’) repeat-x top left !important;
border: 1px solid #363636 !important;
color: #909090 !important;
height: 15px !important;
font-size: 11px !important;
margin: 0 0 4px 0 !important;
padding: 5px 0 0 4px !important;
width: 129px !important;
}
.a3hTGd .p9ILHf .e8kn7c:hover input{
border: 1px solid #565656 !important;
}
.qHJVCb {
background: transparent url(’http://www.naverniouk.com/design/gmail/chat-nameplate.gif’) repeat-x top left !important;
border-bottom: 1px solid #1D1D1D !important;
border-top: 1px solid #1D1D1D !important;
cursor: pointer !important;
font-size: 11px !important;
height: 29px !important;
margin: 0 !important;
padding: 3px 0 0 0 !important;
width: 100% !important;
}
.qHJVCb .G5IQRc{
padding: 0 !important;
position: relative !important;
width: 100% !important;
}
.qHJVCb:hover {
border: 1px solid #363636 !important;
margin: 0 0 0 -1px !important;
}
.qHJVCb .G5IQRc .VbKoBc{
color: #CCBB2A !important;
left: 28px !important;
overflow: hidden !important;
position: relative !important;
width: 114px !important;
}
.qHJVCb .G5IQRc .FqpMpc{
left: 28px !important;
overflow: hidden !important;
position: relative !important;
width: 114px !important;
}
.qHJVCb .G5IQRc .FqpMpc .az9OKd{
color: #5A5A5A !important;
cursor: pointer !important;
font-size: 10px !important;
text-decoration: none !important;
}
.qHJVCb .G5IQRc .FqpMpc .az9OKd:hover{
color: #999 !important;
}
.pfMKyf{
background: transparent !important;
border-color: #000 !important;
border-collapse: collapse !important;
margin: 0px 0 !important;
table-layout: fixed !important;
width: 100% !important;
}
.pfMKyf td{
background: transparent !important;
border: 0 !important;
}
.pfMKyf .UdU7gb{
width: 22px !important;
}
.pfMKyf .H142ad{
font-size: 10px !important;
}
.pfMKyf .IALsCe{
color: #FFF !important;
text-decoration: none !important;
}
input.oricqc{
background: #000 !important;
border: 1px solid #999 !important;
color: #DDD !important;
font-size: 11px !important;
height: 14px !important;
margin-bottom: 4px !important;
padding: 2px 0 2px 5px !important;
}
.pfMKyf .K2mS0d{
width: 18px !important;
}
td.EcrCQe {
border: 0 !important;
text-align: center !important;
}
.ru47se {
background: url(http://www.naverniouk.com/design/gmail/icons1b.png) no-repeat -60px 0 !important;
height: 7px !important;
overflow: hidden !important;
white-space: nowrap !important;
width: 7px !important;
}
td.EcrCQe:hover img{
background: url(http://www.naverniouk.com/design/gmail/icons1b.png) no-repeat -80px 0 !important;
}
.tZCA6c{
background: url(http://www.naverniouk.com/design/gmail/icons1b.png) no-repeat -80px 0 !important;
height: 7px !important;
width: 7px !important;
}
.I24Uab{
border: 1px solid #666 !important;
margin: 0 !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
vertical-align: bottom !important;
z-index: 6 !important;
}
.O7GAEf{
background: #111 !important;
color: #999 !important;
font-size: 11px !important;
width: 180px !important;
overflow: hidden !important;
padding: 0 !important;
margin: 0 !important;
}
.Zmx5rc{
cursor: pointer !important;
height: 1.5em !important;
line-height: 1.5em !important;
margin: 2px !important;
position: relative !important;
vertical-align: middle !important;
}
.j665Sd{
background: #222 !important;
color: #DDD !important;
}
.O7GAEf hr{
background-color: #666 !important;
border: none !important;
height: 1px !important;
margin: 0 !important;
}
.TWwFhc {
background: #444 !important;
border: 1px solid #999 !important;
color: #DDD !important;
font-size: 11px !important;
padding: 5px !important;
}
.IK4zqe {
cursor: pointer !important;
float: right !important;
margin: 0px !important;
width: 11px !important;
}
.TWwFhc span.ty3rpe {
color: #CCBB2A !important;
text-decoration: none !important;
}
.TWwFhc span.ty3rpe:hover {
border-bottom: 1px dotted #CCBB2A !important;
color: #DDD !important;
}
.ae3sRe .sAUBFe{
overflow-x: hidden !important;
overflow-y: hidden !important;
width: 100% !important;
}
.ae3sRe .sAUBFe .DKq6Zc{
font-size: 80% !important;
overflow: hidden !important;
width: 100% !important;
}
.ae3sRe .sAUBFe .DKq6Zc .mBJAwd{
border-collapse: collapse !important;
table-layout: fixed !important;
}
.ae3sRe .sAUBFe .DKq6Zc .mBJAwd .a478ze{
width: 18px !important;
}
.ae3sRe .sAUBFe .DKq6Zc .mBJAwd .mFaocb {
width: 100% !important;
}
.ae3sRe .sAUBFe .DKq6Zc .mBJAwd .ZYiGSb {
height: 100% !important;
width: 18px !important;
}
.oOukxe {
background: transparent !important;
color: #9A9A9A !important;
cursor: pointer !important;
font-size: 11px !important;
line-height: 1.4em !important;
white-space: nowrap !important;
width: 100% !important;
}
.oOukxe:hover {
opacity: 0.6 !important;
}
.M3aZbb td{
border-top: 1px solid #222 !important;
}
.Gqb6V{
overflow: hidden !important;
text-indent: 8px !important;
white-space: nowrap !important;
}
.iAnFn td {
color: #777 !important;
text-indent: 8px !important;
}
.a3hTGd .vNp5Vc {
background: transparent url(’http://www.naverniouk.com/design/gmail/chat-menu.gif’) repeat-x top left !important;
border-top: 4px solid #121212 !important;
-moz-border-top-colors: #181818 #161616 #141414 #121212 !important;
height: 24px !important;
margin: 6px 0 -6px -3px !important;
width: 141px !important;
}
.a3hTGd .vNp5Vc .hJPN7 {
position: relative !important;
}
.gzo7q {
float: left !important;
height: 100% !important;
}
.CTCpse {
cursor: pointer !important;
left: 9px !important;
margin: 4px 0 0 5px !important;
padding: 0 !important;
top: 0 !important;
width: auto !important;
}
.WDwv9d {
color: #929292 !important;
font-size: 10px !important;
padding: 0 !important;
text-decoration: none !important;
}
.a3hTGd .dH86Yd,
.a3hTGd .GTx9Hd {
background: transparent !important;
border: 0 !important;
}
.WDwv9d:hover {
color: #DDD !important;
}
.PGEdEb{
background: url(http://www.naverniouk.com/design/gmail/icons1b.png) no-repeat -120px 0 !important;
height: 7px !important;
margin: 0 0 0 4px !important;
width: 7px !important;
}
.zS7ZEf{
background: url(http://www.naverniouk.com/design/gmail/icons1b.png) no-repeat -140px 0 !important;
height: 7px !important;
margin: 0 0 0 4px !important;
width: 7px !important;
}
.uAn3he{
color: #929292 !important;
cursor: pointer !important;
padding: 4px 7px 4px !important;
text-align: right !important;
text-decoration: none !important;
}
.uAn3he:hover{
color: #DDD !important;
}
.DYHi6d {
background: #111 !important;
border: 1px solid #000 !important;
color: #929292 !important;
font-size: 100% !important;
margin:0 !important;
min-width: 27ex !important;
outline-style: none !important;
padding:0 !important;
position: absolute !important;
vertical-align: bottom !important;
z-index: 6 !important;
}
.a3hTGd .McPZQe{
background: #222 !important;
color: #DDD !important;
}
.a3hTGd .E4KNxe,
.a3hTGd .DYHi6d{
border-color: #444 !important;
}
.e1M31 {
background: #1F1F1F url(’http://www.naverniouk.com/design/gmail/searchmenu-bg.gif’) repeat-x top left !important;
border: 2px solid !important;
color: #C8C8C8 !important;
font: normal 11px Tahoma, Verdana, Arial, sans-serif !important;
-moz-border-bottom-colors: #171717 #717171 !important;
-moz-border-left-colors: #171717 #717171 !important;
-moz-border-right-colors: #171717 #717171 !important;
-moz-border-top-colors: #171717 #717171 !important;
padding: 2px !important;
min-width: 250px !important; /* FIX: Weird bug when entering names that aren’t on your contact list */
z-index: 7 !important;
}
.e1M31 div.active{
background: #0F0F0F url(’http://www.naverniouk.com/design/gmail/searchmenu-row.gif’) repeat-x top left !important;
color: #D8D8D8 !important;
}
.e1M31 .fA0c3d {
clear: both !important;
cursor: default !important;
height: 20px !important;
line-height: 20px !important;
position: relative !important;
overflow-y: hidden !important;
white-space: nowrap !important;
}
.e1M31 .l5aAld {
float: left !important;
}
.e1M31 .r0IZgc{
float: left !important;
height: 20px !important;
margin: 0px !important;
padding: 3px 0px 0 0 !important;
width: 16px !important;
}
.e1M31 .T3MKEc {
font-size: 0 !important;
height: 16px !important;
top: 50% !important;
width: 16px !important;
}
.e1M31 .kJvOle {
margin-left: 2px !important;
overflow: hidden !important;
width: 23em !important;
white-space: nowrap !important;
}
/* Row Text Current Search Result */
.e1M31 .kJvOle b {
color: #D89900 !important;
font-weight: normal !important;
}
/* Right Side Menu Items */
.e1M31 .JcKyAe {
background: #333 !important;
border-left: 1px solid #717171 !important;
color: #C8C8C8 !important;
float: right !important;
padding-left: 2px !important;
padding-top: 1px !important;
}
.e1M31 div.active .JcKyAe{
background: transparent !important;
}
/* Selected Header */
.e1M31 .JcKyAe:hover {
background: #0F0F0F url(’http://www.naverniouk.com/design/gmail/searchmenu-header.gif’) repeat-x top left !important;
}
/* Row Chat Icon 1 */
.e1M31 .JcKyAe .r0IZgc .kriCXe {
float: left !important;
padding-right: 15px !important;
}
/* Row Chat Icon Checkmark */
.e1M31 .JcKyAe .r0IZgc .kxDwub {
background: transparent url(http://www.naverniouk.com/design/gmail/icons1b.png) no-repeat -100px -80px !important;
height: 12px !important;
width: 12px !important;
}
.e1M31 .JcKyAe .ehFJNd {
float: right !important;
margin-top: 5px !important;
text-align: center !important;
width: 16px !important;
}
/* Divider Inside Right Menu */
.pO3rNd{
border: 0 !important;
padding-top: 0 !important;
}
/* Selected Row Arrow */
.U2Fktc {
height: 7px !important;
margin: 2px 0 0 0 !important;
width: 7px !important;
}
.active img.U2Fktc {
background: transparent url(http://www.naverniouk.com/design/gmail/icons1b.png) no-repeat -160px 0 !important;
}
/*
* ========================================
* Contact Name Mouseovers
* ========================================
*/
/* Contact Name Box */
.FVNmUc {
font: 13px arial,sans-serif !important;
padding: 0 !important;
position: absolute !important;
z-index: 8 !important;
}
/* SHADOW Top Left Corner */
.XBOxKe{
background: url(http://mail.google.com/mail/pimages/2/icons_ns2a.png) no-repeat -80px -60px !important;
height: 5px !important;
width: 3px !important;
}
/* SHADOW Left Side */
.l7Py0c{
background: url(http://mail.google.com/mail/images/2/verticalimages3.png) repeat-y 0 0 !important;
}
/* SHADOW Bottom Left Corner */
.wIkr6e{
background: url(http://mail.google.com/mail/pimages/2/icons_ns2a.png) no-repeat -80px -66px !important;
height: 6px !important;
width: 8px !important;
}
/* SHADOW Bottom Side */
.EKntUd{
background: url(http://mail.google.com/mail/images/2/horizontalimages2.png) repeat-x 0 -72px !important;
height: 6px !important;
}
/* SHADOW Bottom Right Corner */
.LAGrDe{
background: url(http://mail.google.com/mail/pimages/2/icons_ns2a.png) no-repeat -89px -66px !important;
height: 6px !important;
width: 8px !important;
}
/* SHADOW Right Side */
.hks0Rc{
background: url(http://mail.google.com/mail/images/2/verticalimages3.png) repeat-y -12px 0 !important;
}
/* BORDER Left & Right Side */
.yrZFAb{
background: #566068 !important;
-moz-opacity: 1.0 !important;
width: 5px !important;
}
/* BORDER Top & Bottom Side */
.f6hBsc{
background: #566068 !important;
-moz-opacity: 1.0 !important;
height: 5px !important;
}
/* Inner Wrapper */
.V3nuZd{
background: #111 url(http://www.naverniouk.com/design/gmail/profile-menu-bg.gif) repeat-x bottom left !important;
}
/* Menu */
V3nuZd .goog-menu{
-moz-user-select:none !important;
outline: 0 !important;
}
/* Menu Buttons */
.V3nuZd .goog-menuitem,
.V3nuZd .goog-menuitem-disabled,
.V3nuZd .goog-menuitem-active,
.V3nuZd .goog-menuitem-opened{
background: transparent url(http://www.naverniouk.com/design/gmail/profile-menu.gif) repeat-x 0 0 !important;
border-bottom: 1px solid #566068 !important;
color: #D7D7D7 !important;
font-size: 11px !important;
height: 19px !important;
padding: 4px 5px 0 5px !important;
overflow: hidden !important;
text-align: center !important;
vertical-align: middle !important;
}
.V3nuZd .goog-menuitem{
cursor: pointer !important;
}
.V3nuZd .goog-menuitem img,
.V3nuZd .goog-menuitem-disabled img,
.V3nuZd .goog-menuitem-active img,
.V3nuZd .goog-menuitem-opened img{
margin-bottom: 2px !important;
vertical-align:middle !important;
}
.V3nuZd .goog-menuitem-highlight{
background-position: 0 -24px !important;
}
.V3nuZd .goog-menuitem-disabled{
background-color: #f3f3f7 !important;
color: #999 !important;
}
.V3nuZd .goog-menuitem-active,
.V3nuZd .goog-menuitem-opened{
background-position : 0 -48px !important;
}
.V3nuZd .goog-menuitem-opened{
border-width: 1px 1px 0 1px !important;
padding: 0 !important;
}
/* “More” Button */
.V3nuZd .KcNd4d {
margin: -2px 0 0 0 !important;
padding: 0 5px 0 5px !important;
}
/* “More” Button Click */
.V3nuZd .goog-menuitem-opened .KcNd4d{
background: transparent url(http://www.naverniouk.com/design/gmail/profile-menu.gif) 0 -48px!important;
border: 0 !important;
color: #D7D7D7 !important;
padding: 4px 10px 0 10px !important;
position: relative !important;
z-index: 100 !important;
}
/* Menu Button Separators */
.V3nuZd .goog-menuseparator{
background: #323232 !important;
border: 0 !important;
margin: 0 !important;
height: 23px !important;
padding: 0 !important;
width: 1px !important;
}
/* More Menu */
.VhJC8b .goog-menu{
background-color: #111 !important;
border: 1px solid #000 !important;
color: #D7D7D7 !important;
cursor: default !important;
font: 11px Tahoma, Verdana, Arial, sans-serif !important;
outline: 0 !important;
position: absolute !important;
z-index: 9 !important;
}
.VhJC8b .goog-menuitem{
padding: 2px 5px !important;
white-space: nowrap !important;
}
.DzR2pe .VhJC8b .goog-menuitem{
position: relative !important;
width: 133px !important;
}
.VhJC8b .goog-menuitem-highlight{
background-color: #333 !important;
color: #E7E7E7 !important;
cursor: pointer !important;
}
.VhJC8b .goog-menuitem-disabled{
color: #777 !important;
}
.VhJC8b .goog-option .OrCrNe{
height: 12px !important;
width: 12px !important;
}
.DzR2pe .VhJC8b .goog-option{
width: 123px !important;
}
.VhJC8b .goog-option-selected .OrCrNe{
background: url(pimages/2/5/c/icons1b.png) no-repeat -100px -80px !important;
}
/* Text Wrapper (Large and Small) */
.FVNmUc .VkRvw,
.FVNmUc .LsSVo {
border: 1px solid #323232 !important;
width: 300px !important;
}
.FVNmUc .LsSVo{
width: 175px !important;
}
/* Name Box */
.otjlze{
background: transparent url(http://www.naverniouk.com/design/gmail/profile-menu-name.gif) repeat-x 0 0 !important;
border: 1px solid #616161 !important;
color: #000 !important;
font-size: 12px !important;
font-weight: normal !important;
overflow: hidden !important;
padding: 1px !important;
text-align: center !important;
}
/* Email Address */
.udg9X,
.FY0LOc{
color: #C8C8C8 !important;
padding-left: 2px !important;
text-align: center !important;
}
Y listo, ya tenemos GMail rediseñado :). Si quieren mas estilos pueden ir a Userstyles, donde hay muuchos mas estilos para otros sites y aplicaciones.
Leave a Reply