Facebook
From Bistre Ostrich, 9 Years ago, written in CSS.
This paste is a reply to Untitled from Coral Echidna - go back
Embed
Viewing differences between Untitled and Re: Untitled
#ipboard_body, .general_box h3, .reputation.positive, .members li.positive, .reputation.zero, #user_latest_status > div, .reputation, a, .bbc_url, .bbc_email, .ipsButton_secondary a, .ipsButton_secondary, .message, #user_link_menucontent #links li {
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5) !important;
}
html, body {
color: #FFFFFF;
background-size: auto !important;
}
.ipsType_pagetitle, .ipsType_subtitle {
font: 700 32px/1.3 arial;
}
.breadcrumb, #primary_nav {
display: none;
}
#content {
background: transparent !important;
box-shadow: none;
}
.general_box {
background: transparent;
}
.general_box h3 {
background: rgba(0, 0, 0, 0.35);
font-size: 14px;
text-align: center;
font-weight: 900;
}
.reputation.positive, .members li.positive, .reputation.zero, #user_latest_status > div, .reputation {
background: rgba(0, 0, 0, 0.6) !important;
border-radius: 10px;
}
.ipsVerticalTabbed_tabs > ul, .ipsVerticalTabbed_tabs li {
border: none;
}
.ipsVerticalTabbed_tabs li a {
font-weight: 700;
margin-bottom: 5px;
text-align: center;
padding: 8px 5px;
-o-transition: all 0.25s cubic-bezier(0.42, 0, 1, 1) 0;
-moz-transition: all 0.25s cubic-bezier(0.42, 0, 1, 1) 0;
-webkit-transition: all 0.25s cubic-bezier(0.42, 0, 1, 1) 0;
transition: all 0.25s cubic-bezier(0.42, 0, 1, 1) 0;
}
.ipsVerticalTabbed_tabs li a:hover {
font-weight: 700;
-o-transition: all 0.25s cubic-bezier(0.42, 0, 1, 1) 0;
-moz-transition: all 0.25s cubic-bezier(0.42, 0, 1, 1) 0;
-webkit-transition: all 0.25s cubic-bezier(0.42, 0, 1, 1) 0;
transition: all 0.25s cubic-bezier(0.42, 0, 1, 1) 0;
}
.topic_buttons li.non_button a {
background: rgba(80, 80, 80, 0.75) !important;
}
.ipsBox_container {
background: transparent;
border: none;
}
.bar {
background: rgba(0, 0, 0, 0.5);
font-weight: 700;
}
.message {
background: rgba(0, 0, 0, 0.5);
font-weight: 700;
}
.header {
background: rgba(0, 0, 0, 0.2);
}
table.ipb_table td {
border-bottom: none;
}
table.ipb_table {
background: rgba(128, 128, 128, 0.2);
border-radius: 10px;
font-weight: 900;
margin-top: 5px;
}
.maintitle {
background: rgba(0, 0, 0, 0.5);
border-bottom: 0px solid rgba(0, 0, 0, 0.5);
border-left: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 10px 10px 0 0;
border-right: 1px solid rgba(0, 0, 0, 0.5);
border-top: 1px solid rgba(0, 0, 0, 0.5);
box-shadow: none;
font-weight: 700;
text-align: center;
}
.ipsBox {
background: rgba(0, 0, 0, 0.2);
}
.row2, .post_block.row2 {
background-color: rgba(128, 128, 128, 0.2);
}
.status_update {
background: rgba(0, 0, 0, 0.2);
}
.post_block {
background: rgba(170, 170, 170, 0.2);
border-bottom: none;
margin-bottom: 20px;
}
.post_block h3 {
background: rgba(0, 0, 0, 0.2);
font-weight: 700;
text-align: center;
height: 30px;
line-height: 16px;
padding: 12px 0px 0px;
border-top: none;
}
.ipsButton_secondary {
border: 1px solid rgba(0, 0, 0, 0.4);
border-radius: 10px;
box-shadow: none;
}
.ipsButton_secondary:hover {
border: 1px solid rgba(255, 255, 255, 0.4);
}
p.citation {
background: rgba(128, 128, 128, 0.45);
border-left: none;
border-radius: 10px 10px 0 0;
border-right: none;
border-top: none;
font-size: 12px;
font-weight: 700;
padding: 8px 10px;
}
div.blockquote, blockquote.ipsBlockquote {
background: rgba(128, 128, 128, 0.35);
border-bottom: none;
border-left: none;
border-radius: 0 0 10px 10px;
border-right: none;
}
.popupInner h3 {
background: rgba(0, 0, 0, 0.3);
border: none;
box-shadow: none;
color: #FFFFFF;
font-weight: 600;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
border-radius: 15px 15px 0 0;
}
.popupInner {
background: rgba(0, 0, 0, 0.5);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
overflow-x: hidden;
overflow-y: auto;
width: 500px;
color: #FFFFFF;
border-radius: 0 0 15px 15px;
}
.ipsHeaderMenu {
background: rgba(70, 70, 70, 0.5);
border-radius: 15px;
}
.user_controls li a {
background: rgba(255, 255, 255, 0.2);
border: 1px solid rgba(255, 255, 255, 0.2);
}
.ipsBadge_grey, .ipsBadge_lightgrey {
background: #B40000;
}
.ipsBadge_green {
background: #00D407;
}
.ipsBadge {
color: #FFFFFF;
}
.row1, .post_block.row1 {
background-color: rgba(180, 180, 180, 0.5);
}
.unread {
background-color: rgba(255, 255, 255, 0.5);
}
#search_wrap {
background: rgba(200, 200, 200, 0.5);
}
#search_options {
background: rgba(255, 255, 255, 0.4);
}
.desc, .desc.blend_links a, p.posted_info {
color: #CFCFCF;
}
.ipsType_sectiontitle {
border-bottom: 2px solid #CFCFCF;
color: #CFCFCF;
font-weight: 900;
}
.status_update {
background: rgba(0, 0, 0, 0.5);
}
.input_text, .ipsTagBox_wrapper {
background: rgba(255, 255, 255, 0.8);
}
.ipsLikeBar_info {
background: rgba(255, 255, 255, 0.5);
}
.post_body .post {
color: #000000;
}
#ipboard_body {
background-image: url("http://i.imgur.com/81WTmUS.gif");
background-repeat: repeat;
background-attachment: fixed;
background-size: auto;
background-color: #000000 !important;
}
#profile_background, #header_bar, #branding, #footer_utilities {
background: rgba(170, 170, 170, 0.4) !important;
}
.ipsList_data .row_title, .ipsList_data .ft, #profile_panes_wrap .ipsList_data .row_data, span.bbc_center, div.bbc_center, p.bbc_center, .desc.lighter, #user_info_cell, .ipsVerticalTabbed_tabs, .ipsBox_container {
color: #000000;
}
html, body {
font-family: arial !important;
}
.ipsVerticalTabbed_tabs li.active a, .ipsVerticalTabbed_tabs li a, .ipsButton_secondary, .ipsButton_secondary a {
color: #32BD00;
}
.ipsVerticalTabbed_tabs li a:hover, .ipsButton_secondary:hover, .ipsButton_secondary a:hover {
color: #02B41F;
}
.ipsVerticalTabbed_tabs li.active a, .ipsVerticalTabbed_tabs li a {
border: 2px solid #000000;
}
.ipsVerticalTabbed_tabs li, .ipsVerticalTabbed_tabs li a {
border-radius: 10px;
}
.ipsVerticalTabbed_tabs li, .ipsButton_secondary {
background: rgba(0, 0, 0, 0.35);
}
.ipsVerticalTabbed_tabs li.active a {
width: 135px;
background: rgba(0, 0, 0, 0.6);
}
.ipsVerticalTabbed_tabs li a:hover, .ipsButton_secondary:hover {
background: rgba(0, 0, 0, 1);
}
a, .bbc_url, .bbc_email {
color: #8B9E2C;
}
a:hover {
color: #030A0A;
}
.ipsType_pagetitle, .ipsType_subtitle {
color: #5AA5B4;
text-shadow: 3px 3px 4px #FFFFFF, -3px 3px 4px #FFFFFF, 3px -3px 4px #FFFFFF, -3px -3px 4px #FFFFFF, 0px 0px 10px #FFFFFF;



}
.general_box h3, .reputation.positive, .members li.positive, .reputation.zero, #user_latest_status > div, .reputation, .bar, .message, .header, .maintitle {
color: #268C0D;
}
.message {
border: 1px solid #268C0D;
}
.general_box h3, .post_block h3 {
border-bottom: 1px solid #268C0D;
}

/*Nie usuwać*/
#Copycrason {
opacity: 0.05;
background: url("http://s20.postimg.org/c23pijgnd/Ccrason.png") repeat-x;
position: fixed;
height: 25px;
display: block;
bottom: -3px;
left: 0px;
width: 100%;
z-index: 9999;
padding-left: 10%;
padding-top: 3px;
font-size: 18px;
color: #FFFFFF;
text-shadow: 0 0 15px #66CF66;
transition: 1s;
}
#Copycrason:hover {
opacity: 1;
}
#Copycrason a {
color: #22CC22;
}
captcha