Hola , ésta es la version editada, la versión negra del script de @electrocrookers , post original aquí ↓
Recuerden que tienen que tener instalado el Stylebot, que se lo bajan de aquí ↓
#main, #header, #nav, #footer {
width: 1020px;
margin: auto;
}
#main {
background: white;
width: 1000px;
border-left: solid 10px #242424;
border-right: solid 10px #242424;
position: relative;
top: 9px;
}
#search {
display: none;
}
#nav {
height: 30px;
clear: left;
width: 1000px;
border-left: solid 10px #242424;
border-right: solid 10px #242424;
color: #999;
background-position: -2px -30px;
position: relative;
top: 9px;
}
#nav .wrapper {
width: 1000px;
height: 30px;
background: #CCCCCC url(http://***/themes/v4/images/bg-menu-2.gif);
border-radius: 7px 7px 0 0;
}
#nav .wrapper ul.floatL li, #nav .wrapper ul.floatL li.active {
margin: 0;
background: url(http://brianvalente.com.ar/taringav4/arrowdown.png)top right no-repeat;
}
#nav .wrapper ul.floatL li > a {
background: transparent url('http://***/themes/v4/images/divider.gif') no-repeat scroll right top;
color: #1a1818;
padding: 5px 27px 4px 15px;
text-shadow: #fff 0 1px 0;
margin: 0;
display: block;
text-decoration: none;
font-size: 15px
text-align:left;
}
#nav .wrapper ul.floatL li.active {
background: url(http://brianvalente.com.ar/taringav4/arrowdown.png) top right no-repeat, url('http://***/themes/v4/images/bgTabbedHere.png') repeat-x scroll left top;
}
#nav .wrapper ul.floatL li.active a {
color: white;
text-shadow: none;
}
#nav ul.floatR {
display: none;
}
i.icon.home {
background-position: -204px -119px;
}
#nav .wrapper ul.floatL #menu-section-mi > a {
padding: 4px 15px 4px 15px;
}
#nav .wrapper ul.floatL #menu-section-mi {
background: none;
}
#nav .wrapper ul.floatL li.active a i.icon.home {
background-position: -204px -119px;
}
.icon.notifications {
background: url(http://brianvalente.com.ar/taringav4/notif.png)0 -12px no-repeat;
height: 13px;
}
.icon.messages {
background: url(http://brianvalente.com.ar/taringav4/mensajes.png)0 -10px no-repeat;
height: 13px;
}
#header .icon.favorites {
background: url(http://brianvalente.com.ar/taringav4/favoritos.png)0 -10px no-repeat;
height: 13px;
}
.navbar {
width: 386px;
float: right;
top: 88px;
margin: auto;
left: 613px;
right: 0;
height: 30px;
border-radius: 0 7px 0 0;
background: url(http://***/themes/v4/images/bgLogged.gif);
border-color: #525252;
}
#notifications-navitem, #mensajes-navitem, #favorites-navitem {
position: relative;
left: 0px;
}
.navbar #compose-navitem {
display: none;
}
.navbar .navitem {
border-right: 1px solid #717171;
border-left: 1px solid #dcdcdc;
background: none;
position: relative;
left: 81px;
height: 13px;
}
.navbar .navitem:hover {
background: none;
color: white;
border-radius: 0;
}
.navbar .navitem:hover .clearfix > a {
background: none;
color: white;
}
/*Menú de usuario*/
.useritem {
background: none;
border-radius: 0px;
}
.useritem:before {
content: " ";
position: absolute;
height: 30px;
width: 1px;
background: #dcdcdc;
left: 2px;
}
.useritem:after {
content: " ";
position: absolute;
height: 29px;
width: 1px;
border-right: solid 1px #717171;
left: 141px;
top: 0px;
background: url(http://***/themes/v4/images/bgLogged.gif);
}
.useritem img[src='http://o1.t26.net/img/arrowd.png'] {
display: none;
}
.useritem .wrapper:hover {
background: none;
}
.navitem.useritem div ul li a {
margin: none;
padding: none;
}
.navitem.useritem ul {
background: none;
border-radius: 3px;
left: 0px;
list-style-type: none;
position: relative;
top: 0px;
height: 0px;
display: block;
}
.navitem.useritem ul li {
-webkit-transition: background .1s, border-radius .1s;
background: none;
}
.navitem.useritem ul li:hover {
background: none;
text-decoration: none;
margin-top: 0;
}
.navitem.useritem.hover div {
background: none;
border: none;
}
.navbar .navitem.useritem ul li:nth-last-of-type(1) {
width: 40px;
height: 30px;
position: absolute;
display: block;
top: -34px;
left: 143px;
border-right: none;
border-left: 1px solid #dcdcdc ;
background: url(http://brianvalente.com.ar/taringav4/exit.png) top right no-repeat;
}
.navbar .navitem.useritem:hover ul li:nth-last-of-type(1) {
margin: 0;
padding: 0;
}
.navbar .navitem.useritem ul li:nth-last-of-type(1) a {
color: rgba(0,0,0,.0);
text-shadow: none;
}
.navbar .navitem.useritem ul li:nth-last-of-type(2) {
width: 40px;
height: 30px;
position: absolute;
display: block;
top: -34px;
left: -82px;
border-right: 1px solid #717171 ;
border-left: 1px solid #dcdcdc ;
background: url(http://brianvalente.com.ar/taringav4/borradores.png) top right no-repeat;
}
.navbar .navitem.useritem:hover ul li:nth-last-of-type(2) {
margin: 0;
padding: 0;
}
.navbar .navitem.useritem ul li:nth-last-of-type(2) a {
color: rgba(0,0,0,.0);
text-shadow: none;
}
.navbar .navitem.useritem ul li:nth-last-of-type(3) {
width: 40px;
height: 30px;
position: absolute;
display: block;
top: -34px;
left: -40px;
border-right: 1px solid #717171 ;
border-left: 1px solid #dcdcdc ;
background: url(http://brianvalente.com.ar/taringav4/cuenta.png) top right no-repeat;
}
.navbar .navitem.useritem ul li:nth-last-of-type(3):after {
content: " ";
position: absolute;
height: 29px;
width: 2px;
border-right: solid 1px #717171;
left: 38px;
top: 0px;
background: url(http://***/themes/v4/images/bgLogged.gif);
}
.navbar .navitem.useritem:hover ul li:nth-last-of-type(3) {
margin: 0;
padding: 0;
}
.navbar .navitem.useritem ul li:nth-last-of-type(3) a {
color: rgba(0,0,0,.0);
text-shadow: none;
}
/*Menú*/
#menu {
padding: 0;
padding-top: 5px;
padding-left: 10px;
background: #007394;
border-bottom: 0;
background-color: #292929;
}
#menu li {
margin-right: 10px;
}
#menu li, #menu li a, #menu li, #menu li.active a {
background: #383838;
border-radius: 3px 3px 0 0;
}
#menu li:hover a, #menu li.active:hover a, #menu li:hover a {
background: #616161;
color: white;
border-radius: 3px 3px 0 0;
}
#menu li img {
display: none;
}
#menu li a {
border-radius: 3px 3px 0 0;
color: white;
font-family: 'Lucida Grande',Tahoma,Arial,Verdana,Sans-Serif;
}
/*MI TARINGA*/
.shout-individual .dialog {
left: -9px;
background: url(dialog.png) no-repeat top left;
}
.shout-box, #full-col.activity {
margin-left: 50px;
}
.pin-add input[type='text'] {
width: 200px;
}
.pin-add input[type='submit'] {
right: -5px;
top: 3px;
}
#pins {
width: 100%;
margin-top: 60px;
}
.hidden-action.floatR {
position: absolute;
right: 10px;
}
.hidden-action.shout-write {
right: 3px;
}
.dropdown-text.radio-on {
width: 176px;
}
.dropdown-dropper {
position: absolute;
}
.list.recomendados .floatL {
left: 5px;
}
.list.recomendados .follow-buttons {
position: relative;
left: -20px;
}
img[src='http://o1.t26.net/img/amigos.gif'] {
display: none;
}
/*Home de Comunidades y Posts*/
#left-col .box {
background: #E7E7E7;
width: 380px;
border-radius: 5px;
}
#left-col .box .action {
background: none;
position: relative;
top: -2px;
}
#left-col .box h2 {
background: #DBDBDA url('http://***/themes/v4/images/box_titlebg.gif') repeat-x;
padding: 3px 0 3px 10px;
color: #464646;
text-shadow: 0 1px 0 #CCCCCC;
font-size: 12px;
width: 100%;
position: absolute;
height: 25px;
border-radius: 5px 5px 0 0;
}
#left-col .box .list {
width: 390px;
background: #E7E7E7;
}
#left-col .box .view-more-list {
background: #E7E7E7;
border: none;
width: 384px;
border-radius: 0 0 5px 5px;
}
#left-col .box .list-element:nth-child(2n+1), #left-col .box .list-element {
background: none;
border: none;
}
/*Juegos*/
#right-col .box:nth-last-of-type(5) {
display: none;
}
/*Todo lo demas*/
#trendsPostBox, #topsPostBox, #topsUserBox, #lastCommentsBox, #estadisticasBox, #topsComPopBox {
background: #E7E7E7;
border-radius: 5px;
border: 1px solid #CCC;
}
#trendsPostBox .title, #topsPostBox .title, #topsUserBox .title, #lastCommentsBox .title, #estadisticasBox .title, #topsComPopBox .title {
background: #DBDBDA url('http://***/themes/v4/images/box_titlebg.gif') repeat-x ;
padding: 3px 0 3px 10px ;
border-radius: 5px 5px 0 0 ;
}
#trendsPostBox .action, #topsPostBox .action, #topsUserBox .action, #topsComPopBox .action {
position: relative;
background: none;
left: -15px;
top: -4px;
}
#trendsPostBox .title h2, #topsPostBox .title h2, #topsUserBox .title h2, #estadisticasBox .title h2 , #lastCommentsBox .title h2, #topsComPopBox .title h2 {
color: #464646 ;
text-shadow: 0 1px 0 #CCCCCC ;
font-size: 12px ;
background: none;
}
#trendsPostBox .list, #topsPostBox .list, #topsUserBox .list, #lastCommentsBox .list, #topsComPopBox .list {
background: #E7E7E7;
border-radius: 0 0 5px 5px
;
}
#trendsPostBox .view-more-list, #topsPostBox .view-more-list, #topsUserBox .view-more-list, #lastCommentsBox .view-more-list, #estadisticasBox .view-more-list, #topsComPopBox .view-more-list {
border-radius: 0 0 5px 5px
;
}
#trendsPostBox .list-element:nth-child(2n+1), #trendsPostBox .list-element, #topsPostBox .list-element:nth-child(2n+1), #topsPostBox .list-element, #topsUserBox .list-element:nth-child(2n+1), #topsUserBox .list-element, #lastCommentsBox .list-element:nth-child(2n+1), #lastCommentsBox .list-element, #topsComPopBox .list-element:nth-child(2n+1), #topsComPopBox .list-element {
background: none;
border: none;
}
/*POST*/
/*Usuario y post*/
#main #main-col {
float: right;
width: 780px;
}
#main #sidebar {
float: left;
width: 200px;
}
#main.homes #main-col {
float: left;
}
#main.homes #sidebar {
position: absolute;
right: 0;
left: 680px;
margin: auto;
}
#sidebar div[id^='google'] {
display: none;
}
/*Box de autor*/
#post-author-box:before {
content: 'Posteado por:';
position: absolute;
z-index: 10000;
text-shadow: 0 1px 0 #CCCCCC;
font-weight: bold;
color: #464646;
font-size: 12px;
top: 2px;
left: 5px;
}
#post-author-box {
background: #E7E7E7;
border-radius: 5px;
border: 1px solid #CCC;
width: 160px;
}
#post-author-box .title {
background: #DBDBDA url('http://***/themes/v4/images/box_titlebg.gif') repeat-x ;
padding: 3px 2px 3px 10px ;
border-radius: 5px 5px 0 0 ;
}
#post-author-box .action {
position: absolute;
background: none;
left: -2px;
top: 220px;
}
#post-author-box .action:before {
position: absolute;
content: '';
top: 30px;
width: 144px;
color: #ccc;
border-top: 1px solid #ccc;
border-bottom: 1px solid #fff;
}
#post-author-box .big-avatar {
box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
position: absolute;
left: 0;
right: 0;
margin: auto;
}
#post-author-box .rank {
margin-top: 165px;
background: none;
border-radius: 30px;
border: 0;
width: 0px;
margin-bottom: 28px;
}
#post-author-box .rank a, #post-author-box .rank a:hover {
color: black;
font-weight: normal;
text-decoration: none;
}
#post-author-box .title h2 {
font-size: 14px;
color: #004a95;
font-weight: bold;
background: none;
}
#post-author-box .title h2 a {
position: relative;
top: 185px;
left: -7px;
}
#post-author-box .list {
background: #E7E7E7;
border-radius: 0 0 5px 5px;
}
#post-author-box .follow-buttons {
width: 200px;
position: relative;
margin-bottom: 10px;
margin-left: 5px;
}
#post-author-box .follow-buttons:after {
position: absolute;
content: '';
top: 38px;
left: 3px;
width: 144px;
color: #ccc;
border-top: 1px solid #ccc;
border-bottom: 1px solid #fff;
}
#post-author-box .follow-buttons a {
width: 123px;
}
#user-metadata-post {
padding-left: 7px;
}
#user-metadata-post div > span:nth-last-of-type(1) {
font-weight: bold;
text-transform: uppercase;
color: #000;
}
#user-metadata-post div:nth-last-of-type(1) .value a {
color: #0196ff;
}
#post-author-box .value, #post-author-box .data-followers-count {
color: #FF6600;
}
#post-author-box .show-more, #user-metadata-post i {
display: none;
}
.post {
background: #EEE;
padding: 5px;
margin-top: 10px;
border: 1px solid #cfcfcf;
border-radius: 5px;
position: relative;
width: 760px;
}
.post-title {
font-size: 14px;
color: #333333;
font-weight: bold;
text-shadow: 0 1px 0 #f5f5f5;
margin: 0;
line-height: 1.3em;
font-family: 'Lucida Grande',Tahoma,Arial,Verdana,Sans-Serif;
text-align: center;
background: #CCC;
position: relative;
top: -26px;
}
#menu .player-post {
position: relative;
top: 42px;
z-index: 1;
left: -700px;
}
#menu .player-post a {
background: url('http://***/themes/v4/images/big2v1.png') no-repeat scroll;
}
#menu .player-post a.shuffle {
background: url(http://***/themes/v4/images/arrow-join.png);
width: 16px;
height: 16px;
}
#menu .player-post a.next {
position: relative;
z-index: 1;
left: 690px;
background-position: left -22px;
}
iframe[src^='https://plusone.google.com/'] {
display: none;
}
/*FOOTER*/
#footer .wrapper {
margin-top: 10px;
position: relative;
top: -1px;
width: 1000px;
border: none;
outline: none;
border-left: solid 10px #232323;
border-right: solid 10px #232323;
}
.footer-list {
border: solid 10px #232323;
border-bottom: solid 50px #232323;
border-radius: 0 0 15px 15px;
border-top: none;
width: 976px;
left: -9px;
right: 0;
margin: auto;
position: relative;
top: -10px;
padding-bottom: 10px;
margin-bottom: 20px;
}
/*COMENTARIOS*/
#comments {
background: white:
;
}
.comment-text {
border: 1px solid #b4b4b4;
background: #ededed;
}
.comment-content {
padding: 7px;
width: 590px;
}
.comment-author {
background: url(http://***/themes/v4/images/bg_title_comment.gif)repeat-x;
margin: 0;
padding: 5px 0 6px 10px;
font-size: 11px;
}
.comment-content:before {
position: absolute;
content: '';
width: 9px;
height: 15px;
background: url('http://***/themes/v4/images/dialog_c.png');
top: 15px;
left: 70px;
}
.comment-actions {
display: block;
position: absolute;
top: 11px;
border: 0;
border-radius: 0;
background: none;
right: 1px;
}
.comment-actions ul li {
height: 23px;
width: 29px;
background: url('http://***/themes/v4/images/com-sep.png') repeat-y top left;
padding-top: 2px;
padding-left: 1px;
}
span[id^='citar'] + .comment-data + .comment-text + .comment-actions {
right: 17px;
top: 11px;
}
ul.tabs.clearfix li a {
border-radius: 1px;
background-color: #383838;
}
#header {
border-radius: 10px 10px 0 0;
background: url('http://k35.kn3.net/0467948F0.png') repeat-x 0 10px, url('http://k35.kn3.net/A75484E2B.png') no-repeat 0 0px;
height: 80px;
position: relative;
top: 10px;
padding-bottom: 9px;
}
div.view-more-list {
background-color: #bdbdbd;
border-color: #bdbdbd;
}
div.view-more-list a {
color: #525252;
}
li.active a {
background-color: #4d4d4d;
}
div.menu-tabs-perfil.clearfix {
background: none;
padding-top: 3px;
padding-bottom: 3px;
background-color: #454545;
}
a.data-followers-count {
color: #474747;
}
a.data-following-count {
color: #474747;
}
li.selected a {
border-radius: 2px;
}
#last-activity-filter {
display: none;
}
div.box {
margin-left: 23px;
}
span.dot-online-offline {
margin-left: 23px;
}
ul.clearfix li a {
color: #8f8f8f;
}
div.markItUpHeader {
border-radius: 1px;
}
textarea.autogrow.ui-corner-all.form-input-text.box-shadow-soft.markItUpEditor.emoji-loaded {
border-radius: 1px;
}
html body {
background-color: #cfcfcf;
}
#logo {
background: url(http://k42.kn3.net/28F496DDE.png);
margin-top: 7px;
margin-left: 2px;
padding-bottom: 20px;
}
div.list-element a {
color: #4f4a4f;
}
1- Click 'CSS'
Pegar el código
Cualquier comentario fuera de lugar y/o agresivo será elminado (?)
Gracias por pasar.
