ROSA

Layout CSS

<style>

corpo::antes {
	contente: '';
	posição: fixa;
	inserção: 0;
	fundo: url('https://i.pinimg.com/originals/04/18/cb/0418cb63b18512fcdf335c8819059240.gif');
	eventos-ponteiro: nenhum;
	opacidade: 0,1;
	Índice z: 9999;
	background-repeat: no-repeat;
	tamanho de fundo: capa;
}

</style>

<style>

corpo {
	background-image: url('https://i.postimg.cc/pTzGWXv9/214fa513f0de46d95f0e6c080ccdd6aa.jpg');
	tamanho de fundo: 106%;
	background-attachment: fixo;
	background-position: esquerda, direita;
	background-repeat: no-repeat;
}

corpo {
	padding-bottom: 125px !important;
	margem-inferior: 108px !importante;
}

corpo {
	cor de fundo: #fff0;
	posição: estática;
	fundo: gradiente-linear(para cima, #ffa988, branco,#ffe7ee);
}

.image-background {
	posição: fixa;
	topo: 0;
	esquerda: 0;
	largura: 0%;
	altura: 100%;
	tamanho de fundo: conter;
	posição de fundo: centro;
	background-repeat: no-repeat;
	Índice z: -1;
	eventos-ponteiro: nenhum;
}

principal {
	fundo: #ffe5f161;
	cor: #ff54ac;
	preenchimento: 6px 0;
	tamanho da fonte: 80%;
	raio da borda: 0px 140px;
	margem superior: 10px;
	borda superior: 1px sólida branca;
	borda inferior: 1px sólida branca;
	largura: 942px;
	margem esquerda: -63px;
	sombra-texto: -1px 1px 3px #ffbfbf;
}

a:hover {
	decoração de texto: sublinhado;
	cor: #bc0348;
}

.content p {
	cor: #a92557;
	sombra-texto: -1px 1px 5px #ff7575;
}

um {
	cor: #1e40af;
	Cor: #FF6326;
	decoração de texto: nenhuma;
	sombra-texto: -1px 1px 1px #660404;
}

b {
	cor: #a92557;
	sombra-texto: -1px 1px 5px #ff7575;
}

.título {
	cor: #ff4465;
}

h4 {
	cor: #ff5371;
}

.publish-date {
	cor: #6e0024;
}

</style>

<style>

.myspace-header .top-nav .search-button {
	cor da borda: #ff8841 !importante;
	fundo: #fff !importante;
	cor: #ff8e4a !importante;
	raio da borda: 0px 10px 10px 0px;
}

.myspace-header .top-nav .search-input {
	fundo: #ffffffde !importante;
	cor: #ff50a2 !importante;
	cor da borda: #ff8758 !importante;
	raio da borda: 10px 0px 0px 10px;
}

.myspace-header {
	background-color: rgba(255, 209, 222, 0.18) !important;
	raio da borda: 51px;
	borda superior: 1px sólida #ffc0cb42;
}

.myspace-header .top-nav {
	Contexto: nenhum;
	background-image: url("https://i.postimg.cc/qMXPcw9J/7e1dfe28495adf893992a68cb62790ac.jpg");
	background-position: -299px;
	borda: 6px sólida #ff8da2;
	raio da borda: 57px;
	largura: 519px;
}

.myspace-header .main-nav-wrapper {
	background: linear-gradient(to bottom, #ffb68a 0%, #a57659 100%) !important;
	cor-da-borda-superior: #ffc09b !importante;
	cor-da-borda-inferior: #8c644b !importante;
	raio da borda: 10px;
	altura: 48px;
}

.myspace-header .main-nav {
	estilo de lista: nenhum;
	margem: 0;
	preenchimento: 0;
	Exibir: flexível;
	altura: 100%;
	preenchimento à esquerda: 42px;
}

.myspace-header {
	posição: relativa;
	Índice z: 100;
	largura: 85%;
	largura máxima: 990px;
	cor: #f99;
	preenchimento: 0;
	margem: 0 auto;
	tamanho da fonte: 12px;
	altura-da-linha: 0;
}

.myspace-header .main-nav li a {
	borda: 2px de deslocamento #88584069;
	raio da borda: 30px;
}

.myspace-header .main-nav li a:hover {
	cor de fundo: #c9733f !importante;
}

.myspace-header .main-nav li a {
	cor-da-borda-direita: #8c644b00 !importante;
}

.myspace-header .dropdown-menu {
	fundo: #ee9d75 !importante;
	cor da borda: #ff71a6 !importante;
	box-shadow: 2px 2px 8px rgba(175, 24, 0, 0.3) !important;
	raio da borda: 15px;
}

.myspace-header .nav-logo {
	conteúdo: url("https://i.postimg.cc/pdXG501P/friendrewind-logo3.png");
}

.myspace-header .nav-logo {
	altura: 73px;
	largura: automática;
	margem: 0 10px;
	posição: relativa;
	topo: 2px;
}

</style>

<style>

.edit-info {
	fundo: #dbeafe;
	fundo: #FF619C;
	borda: 1px sólida #60a5fa;
	borda: 3px sólida #fff;
	largura: 100%;
	preenchimento: 5px;
	overflow-wrap: quebra-de-palavra;
	quebra-de-palavra: palavra-de-pausa;
	raio da borda: 73px 0px;
	background-image: url('https://i.postimg.cc/5252C8m5/6379b1ed03a4d940b68841e9675639de.jpg');
	opacidade: 0,89;
}

.blog-entry .content p {
	altura da linha: 1,3;
	cor: #ff3fa2;
}

.blog-entry .edit-info .profile-pic img {
	largura máxima: 102%;
	altura máxima: 173px;
}

.blog-entry .profile-pic img, .bulletin .profile-pic img {
	largura máxima: 140px;
	altura máxima: 94px;
	-webkit-mask-image: url("https://i.postimg.cc/505w6XkT/tumblr-ac485e926e4497029dd082befcc3f260-c7420ae5-100.png");
	-webkit-mask-size: 106%;
	-webkit-mask-repeat: sem repetição;
	-webkit-mask-position: center;
	estilo da borda: embutido;
	cor da borda: #ff6d87;
}

.detalhes-do-autor {
	fundo: gradiente-linear(para baixo, #ff743e, #ffe1c6);
	raio da borda: 10px 10px 70px 10px;
	borda: 4px de distância #ffbc9c;
}

</style>

<style>

.blog-entry .kudos-container {
	fundo: #fff;
	raio da borda: 52px;
	borda: 3px de distância #ffbce2;
	background-position: -297px;
}

.user-kudos-info {
	cor: #ff7c49;
	margem superior: 4px;
	sombra-texto: -1px 1px #82002b;
}

.kudos-count {
	peso da fonte: negrito;
	cor: #ff7937;
}

.kudos-btn .logout-btn {
	fundo: 0 0 !importante;
	fronteira: nenhuma;
	preenchimento: 0 !importante;
	cursor: ponteiro;
	seleção do usuário: texto;
	decoração de texto: nenhuma;
	cor: #1e40af;
	Cor: #DA0066;
	sombra-do-texto: -1px 1px 1px #4a0000;
}

.blog-share-btn-copy {
	fundo: gradiente-linear(para cima, #ff6629, #ff93c6d6);
	raio da borda: 11px;
	borda: 3px pontilhada #ff6b6b;
}

.blog-share-btn-twitter {
	fundo: gradiente-linear(para cima, #448dff, #8be4ff);
	borda: 1px tracejada #fff;
}

.blog-share-btn-reddit {
	fundo: gradiente-linear(para cima, #ec3700, #ff9072);
	borda: 1px tracejada #fff;
}

.contar {
	cor: #ff5400;
}

.blog-entry .comments .heading, .bulletin .comments .heading {
	preenchimento: 10px 7px;
	borda-superior: 2px de deslocamento rgba(255, 109, 64, 0.66);
	margem superior: -15px;
}

tabela.bulletin-table, tabela.comments-table, tabela.forum-table, tabela.groups-table, tabela.music-table {
	largura: 100%;
	overflow-wrap: quebra-de-palavra;
	quebra-de-palavra: palavra-de-pausa;
	largura: 692px;
	margem esquerda: -116px;
}

.comments-table {
	fronteira: ;
	raio da borda: 31px;
	borda: 0px sólida branca;
	fundo: gradiente-linear(para a direita, #ff8db845 , #ff723b30);
}

.comments-table td:first-child, .music-table td:first-child {
	fundo: #f9c56c;
	fundo: #ffae24;
	alinhamento do texto: centralizado;
	peso da fonte: 700;
	largura: 30%;
	raio da borda: 84px 0px;
	fundo: url("https://i.postimg.cc/Hkbfzgj8/a61738620cf8fec03770026bdcb30fee.jpg");
	background-position: 20px;
	borda: 2px inset #fff;
}

.comments-table td:first-child img:not(.icon) {
	largura: 90px;
	largura máxima: 100%;
	altura máxima: 200px;
	raio da borda: 0px 56px;
	borda: rosa embutida de 3px;
	filtro: opacidade (90%);
}

.comments-table td, .music-table td {
	fundo: #fcdbb8;
	fundo: #ffedf0d6;
	alinhamento vertical: superior;
	raio da borda: 0px 70px;
}

botão {
	cor: #fff;
	fundo: #ff90a4;
	borda: 1px tracejada branca;
	raio da borda: 8px;
}

</style>

<style>

rodapé {
	cor de fundo: rgba(255, 255, 255, 0.32);
	preenchimento: 1px;
	margem superior: 22px;
	borda superior: 1px sólida #dddddd5c;
	raio da borda: 40px;
	largura: 727px;
	margem esquerda: 36px;
}

nav .links {
	cor de fundo: rgba(255, 108, 191, 0.17);
	preenchimento: 3,5px 16px;
	tamanho da fonte: 10px;
	Exibir: flexível;
	justificar-conteúdo: centralizado;
	raio da borda: 8px;
}

nav .links a:hover {
	decoração de texto: sublinhado;
	cor: #d42778;
}

nav .links a {
	sombra-texto: 0 0 7px #c3098c;
	tamanho da fonte: 0,98em;
	tamanho da fonte: máximo(.98em, 12px);
}

</style>