About me:
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Search Users:
Search
Help | LogOut
Home
Browse
Search
Messages
Blog
Bulletins
Forum
Groups
Layouts
Favs
Invite
App
Shop
About
anto's spacehey
[edit name] [edit photo]
"listening to music"19, vnzla, propably autistic[edit] ONLINE!
Mood:
chill [edit]
View my:
Blog
| Bulletins | Forum Topics
Contacting anto's spacehey
Add to Friends
Add to Favorites
Send Message
Forward to Friend
Instant Message
Block User
Add to Group
Report User
SpaceHey URL:
https://spacehey.com/mariantocampos [edit]
anto's spacehey's Interests
General
muerte al minimalismo. whimsigtoh :)))
Music
viva el rock en español. y mas !!
Movies
Juno(2008) The End of evangelion(1996) Practical magic(1998)
Television
·Nana
·Twin peaks
·Nadie nos va a extrañar
·Skins
·The OC
·That 70s show
Books
Heroes
[edit]
anto's spacehey's Links
Letterboxd
@antocz
[edit]
Edit Your Profile
anto's spacehey's Latest Blog Entries [View Blog]
FIRST BLOG ENTRY (view more)
anto's spacehey's Blurbs
About me:
👇👇 CODE FOR ONLY ROUND PROFILE !!!!!!
@keyframes spin{
from{ transform:rotate(0deg); }
to{ transform:rotate(0deg); }
}
.general-about .profile-pic img{
border-radius: 50%;
animation: spin 7s infinite linear;
}
* {cursor: url(https://external-media.spacehey.net/media/sOs7YWav7bTrnF3BMZYhCsiWDpFloBl8kgaZYNJ0YXtw=/https://cur.cursors-4u.net/cursors/cur-9/cur844.cur), auto !important;}
@import url('https://external-media.spacehey.net/css/sYC8osg_WPN-0jjo0MqjkRvi04kH2guJ5OvD4OVATexI=/https://fonts.googleapis.com/css2?family=Benne&family=Roboto&display=swap');
@import url('https://external-media.spacehey.net/css/sYC8osg_WPN-0jjo0MqjkRvi04kH2guJ5OvD4OVATexI=/https://fonts.googleapis.com/css2?family=Benne&family=Roboto&display=swap');
/* Kiki's Delivery Service
by TonyTheTiger (spacehey.com/heytony) */
/* to start off, this part bellow will control the base of your profile.
P.S. backround attachment is the one that makes your background either stay put
or scroll with you. use "fixed" or "scroll" for that part. */
html:before {
animation: grain 5s steps(10) infinite;
background-image: url('https://external-media.spacehey.net/media/sac4DeRRv21okRaNxpeuvGQn7zrfOpwKulThke5C_Wbs=/https://i.ytimg.com/vi/FNs4RDi_8eA/maxresdefault.jpg');
content: "";
height: 300%;
left: -50%;
opacity:.2;
position: fixed;
top: -110%;
width: 300%;
pointer-events:none;
}
@keyframes grain {
0%, 100% { transform:translate(0, 0) }
10% { transform:translate(-5%, -10%) }
20% { transform:translate(-15%, 5%) }
30% { transform:translate(7%, -25%) }
40% { transform:translate(-5%, 25%) }
50% { transform:translate(-15%, 10%) }
60% { transform:translate(15%, 0%) }
70% { transform:translate(0%, 15%) }
80% { transform:translate(3%, 35%) }
90% { transform:translate(-10%, 10%) }
}
body {
background-color: rgb(13,11,88);
background-image: url('https://external-media.spacehey.net/media/sTWGc4MtjktN20xjMKw7wVc6tPcty_Xa29fYVJEDGNmE=/https://i.pinimg.com/originals/fd/b1/37/fdb1379da1ef7a5d521458cacdeab7b4.jpg');
background-size: 165%;
background-position: top right;
background-repeat: repeat;
background-attachment: fixed;
}
Main {
Background-color: rgba(13,11,88,0.5);
}
nav a:hover{
color: grey!important;
text-decoration: underline;
}
nav .top {
background-color: rgba(12,11,13,.5);
}
nav .links {
background: rgba(36,36,200,.5);
padding: 3.5px 16px 5.5px 16px;
}
nav .links a {
font-family: 'Roboto', sans-serif;
font-size: 14px;
}
nav .links a:hover {
color: ;
text-decoration: ;
}
footer {
font-family: 'Roboto', sans-serif;
background-color: rgba(12,11,13,.5);
margin: 0px;
background-image: url('');
background-position: ;
background-attachment: ;
background-repeat: ;
}
body, div {
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: #dadada;
font-weight: ;
font-style: ;
text-decoration: none;
}
/* bellow this you can change the left side of your profile,
including the intrerests details' table, but only the heading! */
.profile h1 {
font-family: 'Benne', serif;
font-size: 26px;
text-align: center;
background: rgba(12,11,13,.5);
color: white;
border-radius: 100px;
}
.online {
color: skyblue!important;
}
.online img,
.offline img {
display: none;
}
.online:before {
content: "💙";
animation-name: blink;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(1.0,0,0,1.0);
animation-duration: 1s;
}
.blog-preview {
text-align: center;
color: white!important;
background: transparent;
border-radius: 15px;
border: dotted rgba(12,11,13,.5);
}
.profile-pic img {
border-radius: 15px;
}
.friends img {
border-radius: 5px;
}
.mood {
color: white!important;
}
.profile .contact,
.profile .url-info,
.profile .table-section,
.home-actions {
background: rgba(12,11,13,.5);
width: 100%;
border: none;
border-radius: 15px;
margin: 10px 0;
}
.url-info {
text-align: center;
color: white!important;
}
.profile .contact {
background-image: url('https://external-media.spacehey.net/media/s-2-AangmEobo6EyTt1t06mWFxhwpdAre50PjUl41KnM=/https://i.imgur.com/TeTbG1u.png');
background-size: contain;
background-position: right 60% top 5%;
background-repeat: no-repeat;
background-attachment: scroll;
border: none;
}
.profile .contact .heading,
.profile .table-section .heading,
.home-actions .heading {
font-family: 'Benne', serif;
font-size: 16px;
text-align: center;
background: rgba(36,36,200,.5);
background-image: url('https://external-media.spacehey.net/media/sY3QL89eAnyns5jsudO__5mZ7FIsv_3tcXjxMDdfxC1c=/https://media4.giphy.com/media/3o7GVDAkLp4cEMbzwc/giphy.gif');
background-position: center;
background-size: cover;
color: ;
padding: 2px 7px;
}
.details-table td {
background: rgba(36,36,200,.5);
vertical-align: top;
border-radius: 5px;
}
.details-table td:first-child {
text-align: center;
background: transparent;
color: white!important;
font-weight: bold;
width: 33%;
border-radius: 5px;
}
/* this is the part where you tweak the right side of your profile */
.profile .blurbs {
background: rgba(12,11,13,.5);
background-image: url('https://external-media.spacehey.net/media/so1g-BdWGgRu2n2DlJMRodWhbqpdtLykOdgpuo-OzhVo=/https://i.imgur.com/jkxy59R.png');
background-repeat: no-repeat;
background-attachment: scroll;
background-size: 100%;
background-position: right 70% top 1%;
margin: 20px 0px;
border: none;
border-radius: 15px;
}
.profile .friends {
background: rgba(12,11,13,.5);
background-image: url('');
border-radius: 15px;
border: none;
}
.profile .blurbs .heading {
font-family: 'Benne', serif;
font-size: 16px;
background: rgba(36,36,200,.5);
background-image: url('https://external-media.spacehey.net/media/sY3QL89eAnyns5jsudO__5mZ7FIsv_3tcXjxMDdfxC1c=/https://media4.giphy.com/media/3o7GVDAkLp4cEMbzwc/giphy.gif');
background-position: center;
background-size: cover;
text-align: center;
color: white!important;
}
.profile .friends .heading {
font-family: 'Benne', serif;
font-size: 16px;
background: rgba(36,36,200,.5);
background-image: url('https://external-media.spacehey.net/media/sY3QL89eAnyns5jsudO__5mZ7FIsv_3tcXjxMDdfxC1c=/https://media4.giphy.com/media/3o7GVDAkLp4cEMbzwc/giphy.gif');
background-position: center;
background-size: cover;
text-align: center;
color: white!important;
}
.profile .blurbs .section h4 {
margin: 14px;
color: white;
font-weight: bold;
}
.profile .friends .person p {
color: white;
font-weight: bold;
width: 100%;
word-break: break-word;
font-size: 100%;
text-align: center;
}
.count {
color: skyblue!important;
}
.comments-table {
display: block;
height: 300px;
overflow-y: auto;
}
.comments-table,
.music-table{
color: white!important;
border: none;
border-radius: 15px;
}
.comments-table td,
.music-table td {
background: rgba(36,36,200,.5);
background-image: url('https://external-media.spacehey.net/media/sY3QL89eAnyns5jsudO__5mZ7FIsv_3tcXjxMDdfxC1c=/https://media4.giphy.com/media/3o7GVDAkLp4cEMbzwc/giphy.gif');
background-position: center;
background-size: cover;
vertical-align: top;
position: relative;
border-radius: 15px;
}
.comments-table td:first-child,
.music-table td:first-child {
background: rgba(36,36,200,.3);
text-align: center;
font-weight: bold;
width: 38%;
border-radius: 15px;
}
/* this is the part you can change how the links look */
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover,
a.man:link, a.man:active, a.man:visited, a.man:hover,
a, a:link, a:active, a:visited, a:hover,
a.navbar:link, a.navbar:active, a.navbar:visited, a.visited:hover,
a.text:link, a.text:active, a.text:visited, a.text:hover,
a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited,
a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited,
a.redlink:hover {
color: skyblue;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
a.navbar:hover, a.man:hover, a:hover {
color: white!important;
font-weight: ;
font-style: italic;
text-decoration: underline;
}
/* Hope these comments helped you out!
Special thanks to Cory (spacehey.com/cory) and Katie (spacehey.com/fighttheducks) */
#vinyl-gallery * {
all: unset;
}
#vinyl-gallery {
all: initial!important;
width: 100%!important;
height: 230px!important;
margin: 30px 0!important;
display: flex!important;
flex-direction: row!important;
position: relative!important;
margin-left: -6px!important;
}
#vinyl-gallery .vinyl {
all:unset!important;
perspective: 500px !important;
width: 18px!important;
transition: width 0.5s!important;
}
#vinyl-gallery .vinyl:hover {
width: 148px!important;
}
#vinyl-gallery img {
all:unset!important;
transition: transform 0.5s, width 0.5s, height 0.5s, margin-top 0.5s!important;
width: 180px!important;
height: 180px!important;
transform: rotateX(0deg) rotateY(25deg)!important;
transform-style: preserve-3d!important;
border-radius: 4px!important;
border: 2px solid rgba(0, 0, 0, 0.1)!important;
object-fit: cover!important;
}
#vinyl-gallery .vinyl:hover img {
transform: rotateX(0deg) rotateY(10deg)!important;
width: 188px!important;
height: 188px!important;
margin-top: -2px!important;
}
#vinyl-gallery .title {
color: #000000;
display: block;
visibility: hidden;
position: absolute;
bottom: 0px;
text-align: center;
width: 100%;
padding-left: 6px;
}
#vinyl-gallery .vinyl:nth-child(n):hover + .title {
visibility: visible;
}
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album