Report Blog Entry
<style>
body {
font-family: Tahoma, Arial, Verdana, sans-serif, Lucida Sans;
font-size: 12px;
background: #fff;
}
.container {
width: 800px;
}
a {
color: #4E7AA1;
}
a:hover {
color: #4E7AA1;
text-decoration: none;
}
nav .links {
background-color: #fff;
padding: 10px;
width: 130px;
}
nav .links li {
display: block;
padding: 2px;
min-height: auto;
}
nav .links a {
color: #4E7AA1;
text-shadow: none;
}
nav .links a:hover {
color: #4E7AA1;
text-decoration: none;
}
nav .links li.active a {
font-weight: 100;
}
nav .links li:not(:last-child)::before {
content: "My ";
color: #4E7AA1;
}
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after {
content: " ⠀ ";
}
nav .top {
background: linear-gradient(0deg, rgba(78, 122, 161, 1) 0%, rgba(22, 71, 115, 1) 100%);
padding: 10px;
border-radius: 0 0 8px 8px;
border: 1px solid #164773;
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.4);
}
nav .top .left a {
display: none;
}
nav .top .center{
display: none;
}
nav .top .right {
text-align: right;
flex: 1;
}
nav .top .left::before {
content: "В";
display: inline-block;
background: linear-gradient(0deg, rgba(211, 211, 211, 1) 0%, rgba(255, 255, 255, 1) 50%);
color: #164773;
font-size: 18px;
font-weight: bold;
font-family: 'Arial Black', Arial, sans-serif;
padding: 1px 5px;
border-radius: 5px;
vertical-align: middle;
box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
cursor: pointer;
}
nav .top .left::after {
content: "контакте";
color: #fff;
font-size: 18px;
font-weight: bold;
font-family: 'Arial Black', Arial, sans-serif;
vertical-align: middle;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
cursor: pointer;
}
nav .top .left img {
margin: 0;
}
main {
padding: 0;
font-size: 10px;
color: #333;
margin-top: -281.62px;
}
main .left {
padding-left: 130px;
}
main .left, main .right {
padding-top: 0;
}
@media (min-width: 30em) {
.col.w-40 {
width: 40%;
}
}
.profile .blurbs .heading,
.profile .friends .heading,
.comments-table button,
.bulletin-table button {
color: #4E7AA1;
}
.profile .blurbs .heading,
.profile .friends .heading,
.profile .contact .heading,
.profile .table-section .heading,
.setting-section .heading,
.home-actions .heading {
padding: 3px 8px;
background: #e1e7ed;
border-top: 1px solid #d3dae0;
border-bottom: 1px solid #d8dfe5;
color: #4E7AA1;
font-size: 12px;
margin-right: 10px;
}
.profile .blurbs .inner,
.profile .friends .inner,
.blog-entry .comments .inner,
.bulletin .comments .inner,
.setting-section .inner {
padding: 10px 0 0 0;
}
.profile .blurbs .section {
margin-bottom: 10px;
font-size: 12px;
}
.profile .blurbs .section p,
.profile .friends p,
.blog-entry .comments p,
.bulletin .comments p {
margin: 0 0 5px 0;
}
.profile .contact,
.profile .url-info,
.profile .table-section,
.setting-section,
.home-actions {
border: 0;
}
.details-table td {
background: none;
}
.count,
.online,
footer p {
color: #666;
font-size: 10px;
font-weight: 100;
}
.online img {
filter: brightness(0) saturate(100%) invert(40%) sepia(0%) saturate(0%) hue-rotate(0deg);
margin-right: 0;
}
footer {
background: #fff;
}
footer .copyright {
text-decoration: none;
}
.comments-table td,
.comments-table td:first-child,
.music-table td,
.music-table td:first-child {
background: none;
border: none;
width: auto;
font-weight: 100;
}
.comments-table td:first-child img:not(.icon) {
width: 60px;
}
.comments-table button,
.bulletin-table button {
font-size: 0.7em;
cursor: pointer;
}
.icon,
.award img {
height: 0;
width: 0;
}
table.comments-table,
table.music-table,
table.bulletin-table,
table.forum-table,
table.groups-table {
border: none;
}
button {
background: none;
border: none;
color: rgba(0, 0, 0, 0);
}
.general-about .profile-pic {
float: none;
margin: 0;
height: auto;
font-size: 0;
}
.profile-pic img {
max-width: 180px !important;
max-height: 270px !important;
}
.edit-link {
font-size: 10px;
color: #333;
}
.profile h1 {
font-size: 12px;
color: #333;
width: 660px;
padding: 3px 8px;
background: #EEE5B8;
border-bottom: solid 1px #D7CF9E;
}
.profile .mood b {
font-weight: 100;
color: #666;
}
.profile .contact .f-row {
margin: 0;
margin-bottom: 10px;
margin-top: 10px;
font-weight: 100;
font-size: 10px;
}
.profile .url-info {
padding: 3px 8px;
}
.edit-link.right-side {
text-align: left;
margin: 3px;
}
.details-table td:first-child {
background: none;
color: #666;
font-weight: 100;
}
.details-table td p {
font-size: 10px;
}
.profile .url-info b {
color: #666;
font-weight: 100;
}
.blog-preview h4 {
padding: 3px 8px;
background: #e1e7ed;
border-top: 1px solid #d3dae0;
border-bottom: 1px solid #d8dfe5;
color: #4E7AA1;
margin: 0;
margin-top: 31.69px;
font-size: 12px;
margin-right: 10px;
}
.blog-preview h4 a {
color: #aab7c5;
}
.blog-preview p {
margin: 10px 0;
}
.profile .blurbs {
margin: 10px 0;
}
.profile .blurbs .section h4 {
color: #666;
font-weight: 100;
}
.friends .inner b {
color: #666;
font-size: 12px;
font-weight: 100;
}
.friends .heading a.more {
color: #aab7c5;
margin-top: 0;
font-size: 12px;
font-weight: bold;
}
.profile .friends .person {
width: 105px;
display: inline-block;
padding: 0 10px 10px 0;
}
.profile .friends .person img:not(.icon) {
max-width: 60px;
max-height: 60px;
}
.profile .friends .person p {
color: #4E7AA1;
font-size: 12px;
font-weight: 100;
}
.comments-table tbody tr td p b {
font-size: 10px !important;
}
.comments-table tbody tr td p {
font-size: 12px;
}
.comments-table .report {
font-size: 8px;
margin: 5px 5px !important;
}
small {
color: #666;
font-size: 10px;
}
small b{
color: #4E7AA1 !important;
}
.comments-table button, .bulletin-table button {
font-size: 8px;
cursor: pointer;
}
.profile-info {
display: none;
}
main .right::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 1px;
background: #D9E0E7;
margin-right: 9px;
}
main .right {
position: relative;
}
/*
main .left::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 1px;
background: #D9E0E7;
margin-left: 129px;
}
main .left {
position: relative;
}
*/
.table-section {
display: none;
}
footer {
margin: 0;
padding: 0;
}
footer p {
display: none;
}
footer .links {
display: none;
}
main .right {
padding-left: 0;
}
.profile .contact .heading {
padding: 3px 8px;
background: #e1e7ed;
border-top: 1px solid #d3dae0;
border-bottom: 1px solid #d8dfe5;
color: #4E7AA1;
font-size: 12px;
margin-right: 0;
}
.profile .blurbs .section p {
margin-right: 10px;
font-size: 10px;
}
</style>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )