Taringa! Outlook! v1.0
By: saske_121012
















Codigo: (faltan cambios que no e puesto en el post)
::-webkit-scrollbar {
width: 17px;
height: 17px;
background-color: #F0F0F0;
border: none;
}
::-webkit-scrollbar-thumb {
background-color: #CDCDCD;
border: 1px solid transparent;
}
::-webkit-scrollbar-thumb:hover {
background-color: #999;
border: 1px solid transparent;
}
::-webkit-scrollbar-button {
background-color: #F0F0F0;
background-repeat: no-repeat;
background: #ababab;
}
::-webkit-scrollbar-button:hover {
background-color: #F0F0F0;
background-repeat: no-repeat;
background: #777;
}
::-webkit-scrollbar-corner {
background-color: #F0F0F0;
}
#header {
background: #0072C6;
height: 40px;
}
#logo {
background: url('http://k44.kn3.net/5B5B50C36.png');
background-repeat: no-repeat;
display: block;
float: left;
margin: -4px 30px 0 0;
width: 170px;
height: 41px;
}
.navbar {
height: 33px;
border-bottom: none;
border-top: none;
border-left: none;
border-right: none;
position: absolute;
right: 239px;
top: 4px;
z-index: 9999;
background: url(bgnavbar.gif) repeat-x top left;
}
#search input, #search-bottom input {
padding-right: auto;
color: #666;
background: url('http://k35.kn3.net/FE72729BB.jpg');
}
#search {
width: 235px;
position: absolute;
right: 0px;
top: 1px;
border: 1px solid #848484;
}
#search:hover {
border: 1px solid black;
}
#search .btn_search, #search-bottom .btn_search {
display: block;
float: right;
margin-top: 0px;
width: 32px;
height: 35px;
background: transparent url(http://k34.kn3.net/619FC85CA.jpg) no-repeat top left;
}
.navbar .navitem {
background: none;
}
.navbar .navitem:hover {
cursor: pointer;
background: #2E64FE;
}
.navbar .navitem.active,.navbar .navitem.active:hover {
cursor: pointer;
background: #5882FA;
}
.navitem.useritem.hover div {
border-bottom: 1px solid #5882FA ;
padding-bottom: 1px;
background: none;
}
.navitem.useritem ul li:hover {
cursor: pointer;
background: #5882FA;
}
.navitem.useritem ul li {
border: none;
border-top: none;
background: #2E64FE;
}
#nav {
background: #eee;
}
#nav .wrapper {
width: 1010px;
}
#nav ul {
margin: -5px;
}
#nav ul li {
float: left;
margin-right: -165px;
font-size: 14px;
position: static;
padding-left: 145px;
}
#nav ul li a {
display: block;
float: left;
margin-top: -32px;
color: white;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
background: none;
}
/*img*/
img[src="http://o1.t26.net/images/flags/es.png"] {
display: none;
}
img[src="http://o1.t26.net/images/global.png"] {
display: none;
}
img[src="http://o1.t26.net/img/icon-new.png"] {
display: none;
}
/*img*/
#nav ul.floatR li a {
display: none;
}
#nav ul li .bubble a {
display: none;
float: left;
padding: 0 0 0 6px;
margin-top: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: red;
background-position: left top;
}
#main {
border-right: none;
border-left: none;
}
.menu-tabs-perfil {
padding: 4px;
border-bottom: 1px solid #CCC;
border-top: 0px solid #CCC;
background: white;
padding-left: 20%;
}
.activity-content, .my-shout-content {
float: left;
width: 574px;
min-height: 35px;
padding: 10px 20px;
border: 1px solid #ccc;
border-bottom: none;
-moz-border-radius: 0px05px 0 0;
-webkit-border-radius: 0px 0px 0 0;
border-radius: 0px 0px 0 0;
position: relative;
word-wrap: break-word;
}
.shout-footer {
float: left;
margin-left: 78px;
width: 614px;
height: 32px;
border: 1px solid #CCC;
border-top: 1px solid #E9E9E9;
-moz-border-radius: 0 0 0px 0px;
-webkit-border-radius: 0 0 0px 0px;
border-radius: 0 0 0px 0px;
position: relative;
word-wrap: break-word;
background: #FAFAFA;
}
.button-action-s {
float: left;
background: none;
}
#menu {
padding: 4px;
border-bottom: 1px solid #CCC;
background: white url(menubg.gif) repeat-x bottom left;
}
body {
cursor: url(http://cur.cursors-4u.net/cursors/cur-7/cur626.cur), progress;
background: white;
}
.perfil-data {
background: white;
}
.btn.g {
border-color: none;
color: none;
text-shadow: none;
background: none;
border-radius: 0px;
cursor: pointer;
}
.btn {
padding: 5px 10px;
margin: 3px;
border: 1px solid #ccc;
border-radius: none;
font-weight: bold;
font-size: 11px;
}
.tooltip-c {
width: 200px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
box-shadow: 10 1px 15px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 10 1px 15px rgba(0, 0, 0, 0.1);
position: relative;
background: white;
}
.tooltip-c .view-more {
display: block;
float: none;
overflow-x: hidden;
padding: 3px;
border-top: 1px solid #CCC;
-moz-border-radius: 0 0 0px 0px;
-webkit-border-radius: 0 0 0px 0px;
border-radius: 0 0 0px 0px;
text-align: center;
font-size: 11px;
color: #333;
background: #EEE;
}
div.reg-ct {
float: right;
padding: 20px 30px;
width: 544px;
min-height: 230px;
border-right: 1px solid #EEE;
background: white;
}
div.reg-ct input, label {
float: none;
display: block;
text-align: left;
margin-left: 103px;
}
.ui-corner-all {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
div.reg-sb {
color: white;
background: url (bgreg.jpg) no-repeat center 20px;
}
.social-connect {
padding: 8px;
margin-bottom: 10px;
border-bottom: 0px solid #ccc;
background: white;
}
.social-connect a {
display: block;
margin: 0 auto;
width: 328px;
height: 48px;
text-indent: -9999px;
}
div.reg-ct h2 {
font-weight: bold;
font-size: 24px;
margin-left: 122px;
}
div.reg-ct p {
font-size: 14px;
color: #999;
margin: 10px 0;
margin-left: 58px;
}
div.reg-form {
padding: 10px;
margin: 20px auto;
width: 980px;
_width: 1000px;
box-shadow: 0 0 15px #999;
-webkit-box-shadow: 0 0 15px #999;
-moz-box-shadow: 0 0 5px #999;
background: none;
}
.anon-box {
float: right;
margin: -4px 250px 0 0;
position: relative;
z-index: 99!important;
}
.register-now a {
display: block;
width: 143px;
height: 45px;
text-indent: -99999px;
background: url (register.png) top left no-repeat transparent;
}
div.modal-wrapper.rounded h3 {
background: url(http://k05.kn3.net/DEBED439E.png);
border: 0px solid transparent;
padding-left: 64px;
font-weight: none;
text-transform: uppercase;
color: #8a8a8a;
font-size: 13px;
border-radius: 0px;
}
span.dot-online-offline {
width: 10px !important;
height: 120px !important;
top: 0px !important;
left: 0px margin:0 auto !important;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#96DB4A), to(#10A121)) !important;
}
.user-level ul li span {
top: 0px;
left: 0px;
margin-top: -71px;
}
i.icon.quote:hover {
background: url(http://k17.kn3.net/A98126362.png)
;
}
i.icon.block:hover {
background: url(http://k19.kn3.net/8D826AEB0.png);
}
i.icon.delete:hover {
background: url(http://k23.kn3.net/D6B9360D1.png);
}
i.icon.taringa {
background: url(http://k01.kn3.net/C7B22A6F1.png);
}
i.icon.offtopic {
background: url(http://k01.kn3.net/5B645BC63.png);
}
i.icon.imagenes {
background: url(http://k15.kn3.net/0597B208E.png);
}
i.icon.videos {
background: url(http://k20.kn3.net/7F495165C.png);
}
i.icon.info {
background: url(http://k08.kn3.net/D27236082.png);
}
i.icon.autos-motos {
background: url(http://k09.kn3.net/83C6B8FCA.png);
}
i.icon.mascotas {
background: url(http://k21.kn3.net/1DA0880DF.png);
}
i.icon.refresh {
background: url(http://k07.kn3.net/817388019.png);
}
i.icon.folder {
background: url(http://k05.kn3.net/E350465C9.png);
}
i.icon.mi {
background: url(http://k04.kn3.net/701775573.png);
}
i.icon.animaciones {
background: url(http://k08.kn3.net/CC56BF143.png);
}
i.icon.tv-peliculas-series {
background: url(http://k12.kn3.net/CC8028782.png);
}
i.icon.points {
background: url(http://k01.kn3.net/046C96C0B.png);
}
i.icon.sprite-follow {
background: url(http://k12.kn3.net/F8E2807FD.png);
}
i.icon.sprite-balloon-left-blue {
background: url(http://k14.kn3.net/290E67D6B.png);
}
i.icon.comentarios-n {
background: url(http://k08.kn3.net/8EF95E64B.png);
}
i.icon.comentarios-n-g {
background: url(http://k22.kn3.net/6D50ABFFF.png);
}
i.icon.respam {
background: url(http://k27.kn3.net/65B33F909.png) no-repeat center;
}
i.icon.humor {
background: url(http://k17.kn3.net/203DE84B0.png);
}
i.icon.celulares {
background: url(http://k09.kn3.net/DFD5A9C64.png);
}
.modal-wrapper {
overflow: auto;
padding: 5px;
max-height: 300px;
border: 0px solid black;
position: relative;
background: white;
box-shadow: 0 0 5px;
}
.view-more-list {
padding: 3px;
border-top: 1px solid #CFE9F4;
-moz-border-radius: 0 0px 0px;
-webkit-border-radius: 0 0 0px 0px;
border-radius: 0 0 0px 0px;
text-align: center;
background: #EFF9FD;
}
.cont-filterH {
margin: 10px 0 0 86px;
width: 614px;
height: 44px;
border: 1px solid gainsboro;
border-top-color: #E2E2E2;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
background-image:none;
}
.cont-filterH ul li:first-child a {
-moz-border-radius: 0px 0 0 0px;
webkit-border-radius: 0px 0 0 0px;
border-radius: 0px 0 0 0px;
}
.cont-filterH ul li a.active {
box-shadow: none;
text-shadow:none;
font-weight: bold;
color: white;
background-image: none;
background-image: none;
background-color: #777;
}
.btn.a {
border-color: #4081AF #2E69A3 #20559A;
color: white;
background: #52A8E8;
border-radius: 0px;
}
.btn.a:hover {
border-color: #4081AF #2E69A3 #20559A;
color: white;
text-shadow: 0 -1px 1px #3275BC;
background: #52A8E8;
}
Como Ponerlo:

Extension: https://chrome.google.com/webstore/detail/oiaejidbmkiecgbjeifoejpgmdaleoha?hl=es
Espero que les guste, alguna cosa manden MP