Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .pun-crumbs p {
- line-height: 37px !important;
- }
- .pun-crumbs.noprint {
- display: flex;
- }
- @font-face {
- font-family: 'Lato';
- font-style: normal;
- font-weight: 400;
- src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
- }
- @font-face {
- font-family: 'Lato';
- font-style: normal;
- font-weight: 700;
- src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
- }
- @font-face {
- font-family: 'Lato';
- font-style: normal;
- font-weight: 400;
- src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
- }
- @font-face {
- font-family: 'Lato';
- font-style: normal;
- font-weight: 700;
- src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
- }
- .pun{
- margin: 0 auto;
- min-width: 980px;
- max-width: 1300px;
- width: 90%;
- padding:0;
- }
- body {
- background: #222;
- color: #5a5a5a;
- font: normal 11px tahoma,helvetica,arial,sans-serif;
- position: relative;
- padding-top: 120px;
- padding-bottom: 12px;
- }
- #pun-intro,#pun-head{display:none}
- ul#pun-legend, ul.pun-legend {
- display: none;
- }
- #pun-about #qjump {
- display: none;
- }
- /*branding*/
- #branding {
- background: url("http://i.imgur.com/y75XdvO.png") repeat;
- background: rgba(20,20,20,0.9);
- border-bottom: 1px solid #000;
- border-bottom: 1px solid rgba(0,0,0,0.5);
- -webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
- -moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
- box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
- height: 45px;
- position: absolute;
- left: 0;
- top: 0;
- right: 0;
- z-index: 999;
- margin-top: 180px;
- }
- #branding .wrapper {
- position: relative;
- height: 100%;
- z-index: 10;
- }
- #branding
- .brandingBackground {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background: rgba(0,0,0,0.6);
- z-index: 1;
- opacity: 0;
- -webkit-transition: opacity 0.5s ease-in-out;
- -moz-transition: opacity 0.5s ease-in-out;
- transition: opacity 0.5s ease-in-out
- }
- .wrapper {
- margin: 0 auto;
- min-width: 980px;
- max-width: 1300px;
- width: 90%;
- }
- #logo {
- float: left;
- position: relative;
- height: 100%;
- z-index: 20;
- }
- .topic_buttons.important{
- background: none repeat scroll 0% 0% #8B1515;
- color: #FFF !important;
- text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
- box-shadow: 0px 1px 3px rgba(128, 37, 37, 0.2), 0px 1px 0px rgba(189, 33, 33, 0.8) inset;
- }
- #logo
- a.textLogo {
- color: #fff;
- line-height: 110px;
- padding: 0
- 12px;
- font-size: 24px;
- font-family: "Lato","Trebuchet MS",Arial,Helvetica,sans-serif;
- display: block;
- text-decoration: none
- }
- .pun a, .pun a:link, .pun a:visited, a {
- color: #222;
- text-decoration: none;
- }
- a:hover,.pun a:hover{
- color: #111;
- text-decoration:none;
- }
- #logo img {
- max-height: 100%;
- vertical-align: top;
- }
- img, .input_check, .input_radio {
- vertical-align: middle;
- }
- fieldset, img {
- border: 0;
- }
- /*nav*/
- #primary_nav {
- position: absolute;
- right: 0;
- top: 50%;
- margin-top: -16px;
- text-transform: uppercase;
- font-family: "Lato";
- font-size: 12px;
- padding-left: 200px;
- }
- /*#community_app_menu {
- float: right;
- }
- #community_app_menu>li {
- margin: 0 1px 0 0;
- position: relative;
- }
- #community_app_menu>li {
- margin: 0 1px 0 0;
- position: relative;
- }*/
- .ipsList_inline>li:first-child {
- margin-left: 0;
- }
- .ipsList_inline>li {
- display: inline-block;
- margin: 0 3px;
- }
- .left {
- float: left;
- }
- #community_app_menu>li>a {
- color: #eee;
- color: rgba(255,255,255,0.8);
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- display: block;
- outline: none;
- padding: 0px 15px;
- line-height: 32px;
- height: 32px;
- }
- #community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active {
- background: url("http://i.imgur.com/y75XdvO.png") repeat;
- background: rgba(255,255,255,0.1);
- -webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
- -moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
- box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
- color: #fff;
- }
- #primary_nav #nav_home a:before {
- content: "\f015";
- }
- #primary_nav #nav_app_forums a:before {
- content: "\f086";
- }
- #primary_nav #nav_app_members a:before {
- content: "\f007";
- }
- #primary_nav #nav_app_calendar a:before {
- content: "\f073";
- }
- #primary_nav #nav_app_downloads a:before {
- content: "\f019";
- }
- #primary_nav #nav_app_blog a:before {
- content: "\f02d";
- }
- #primary_nav #nav_app_nexus a:before {
- content: "\f07a";
- }
- #primary_nav a:before {
- content: "\f02b";
- display: inline-block;
- font-family: "FontAwesome";
- font-style: normal;
- font-weight: normal;
- line-height: 1;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- margin-right: 7px;
- font-size: 14px;
- }
- #community_app_menu>li.active>a {
- background: url("http://i.imgur.com/y75XdvO.png") repeat;
- background: rgba(255,255,255,0.2);
- -webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
- -moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
- box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
- color: #fff;
- position: relative;
- }
- /*gradient*/
- #background {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- overflow: hidden;
- z-index: -1;
- }
- .animatedBackground #gradient {
- -webkit-animation: slideBackground 140s infinite alternate;
- -moz-animation: slideBackground 140s infinite alternate;
- -ms-animation: slideBackground 140s infinite alternate;
- -o-animation: slideBackground 140s infinite alternate;
- animation: slideBackground 140s infinite alternate;
- }
- #gradient.applied {
- background: url("http://i.imgur.com/uCBvirg.png");
- background: -moz-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
- background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b7422d), color-stop(10%,#d18b4f), color-stop(20%,#e0ca82), color-stop(30%,#aac382), color-stop(40%,#87af7b), color-stop(50%,#4e9682), color-stop(60%,#488c94), color-stop(70%,#487394), color-stop(80%,#785fb1), color-stop(90%,#a35680), color-stop(100%,#b7422d));
- background: -webkit-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
- background: -o-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
- background: -ms-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
- background: linear-gradient(to right, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
- }
- #gradient.applied.greyscale {
- background: #303030;
- background: -moz-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
- background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1b1b1b), color-stop(50%,#5f5f5f), color-stop(100%,#1b1b1b));
- background: -webkit-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
- background: -o-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
- background: -ms-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
- background: linear-gradient(to right, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
- background-size: 3800px auto
- }
- #background:after {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- z-index: 10;
- background: url("http://u.kanobu.ru/longreads/2014/2/19/9a79b758-e7fb-413d-a474-140f095caa87.jpg") no-repeat 50% 0%;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- background-size: cover;
- filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15);
- opacity: 0.15;
- content: "";
- }
- #gradient {
- background-repeat: repeat;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- height: 100%;
- width: 20000px;
- }
- @-webkit-keyframes slideBackground {
- 0% {
- -webkit-transform: translateX(0)
- }
- 100% {
- -webkit-transform: translateX(-100%);
- margin-left: 100%
- }
- }
- @-moz-keyframes slideBackground {
- 0% {
- -moz-transform: translateX(0)
- }
- 100% {
- -moz-transform: translateX(-100%);
- margin-left: 100%
- }
- }
- @-o-keyframes slideBackground {
- 0% {
- -o-transform: translateX(0)
- }
- 100% {
- -o-transform: translateX(-100%);
- margin-left: 100%
- }
- }
- @-ms-keyframes slideBackground {
- 0% {
- -ms-transform: translateX(0)
- }
- 100% {
- -ms-transform: translateX(-100%);
- margin-left: 100%
- }
- }
- @keyframes slideBackground {
- 0% {
- transform: translateX(0)
- }
- 100% {
- transform: translateX(-100%);
- margin-left: 100%
- }
- }
- /*cat*/
- .main .main-foot, .main .main-head {
- background: url("http://i.imgur.com/y75XdvO.png") repeat;
- background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
- background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 100%);
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.6)));
- background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
- background-image: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
- background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
- box-shadow: inset rgba(0,0,0,0.2) 0px 0px 0px 1px;
- color: #fff;
- text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
- padding: 20px;
- font-size: 14px;
- font-weight: 300;
- -moz-border-radius: 4px 4px 0 0;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- border-radius: 4px 4px 0 0;
- overflow: hidden;
- }
- .main .main-head .page-title {
- font-size: 14px;
- font-weight: bold;
- }
- #pun-visit, .main-box {
- display: none;
- }
- table {
- width: 100%
- }
- td {
- padding: 3px
- }
- thead {
- display: none;
- }
- .pun table.table td {
- background-color: #fff;
- border-bottom: 1px solid rgba(0,0,0,0.1)!important;
- border-top: 1px solid rgba(255,255,255,0.5)!important;
- border:none;
- padding:10px;
- }
- .pun .main table td.tc2, .pun .main table td.tc3 {
- background-color: #fff;
- }
- .pun .main-content {
- background-color: #FFF;
- border: 1px solid rgba(255, 255, 255, 0);
- -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
- -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
- box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
- border-radius: 0 0 3px 3px;
- }
- .pun .main-content:after {
- display: block;
- content: "";
- -moz-border-radius: 0px 0px 3px 3px;
- border-radius: 0px 0px 3px 3px;
- background: #fff;
- height: 3px;
- overflow: hidden;
- }
- /*widgets*/
- .module .main-head {
- text-shadow: rgba(255,255,255,1) 0px 1px 0px;
- background: url("http://www.ipbfocus.com/skindemo/public/style_images/dispersion/transw40.png") repeat;
- background: rgba(255, 255, 255, 1);
- background-image: -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 100%);
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0.2)));
- background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
- background-image: -o-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
- background-image: -ms-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
- background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
- text-transform: uppercase;
- font-family: "Lato";
- font-weight: bold;
- font-size: 100%;
- color: #111;
- padding: 15px;
- }
- .module.main {
- margin: 5px auto!important;
- border-radius: 3px;
- -webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
- -moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
- box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
- }
- #content-container div#main {
- margin-right: 10px;
- }
- /*post*/
- .post h3 {
- border-top: 1px solid #111;
- border-bottom: 1px solid #111;
- text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
- background: rgb(20,20,20);
- background: rgba(20,20,20,0.9);
- padding: 4px 10px;
- height: 36px;
- line-height: 36px;
- font-weight: normal;
- font-size: 13px;
- overflow: hidden;
- }
- .pun .postmain {
- background: #fff;
- border-left: none;
- margin-left: 18em;
- }
- .pun .post .user {
- text-align: center;
- margin-top: 5px;
- }
- .user-basic-info a img:after {
- content: "";
- position: absolute;
- z-index: 1;
- top: 0px;
- left: 0px;
- right: 0;
- bottom: 0;
- -webkit-box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
- -moz-box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
- box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
- pointer-events: none;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- }
- .user-basic-info a img {
- display: inline-block;
- width: 94px;
- height: 94px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
- }
- .pun .post {
- border: none;
- }
- .pun .paged-foot, .pun .paged-head {
- background: none;
- border: none;
- padding: 0 0 10px;
- }
- div.post_username {
- float: left;
- min-width: 177px;
- font-weight: bold;
- }
- img.i_icon_online {
- float: left;
- padding: 15px 5px 5px 0;
- }
- div.post_date {
- float: left;
- color: #999;
- float: left;
- font-size: 11px;
- font-weight: normal;
- }
- .pun .user .user-info {
- color: #7a7a7a;
- line-height: 1.8em;
- }
- .pun .user-ident .user-basic-info {
- font-weight: normal;
- }
- .postfoot {
- clear: both;
- margin-left: -18em;
- text-align: right;
- background: #f7f7f7;
- background-image: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.3)), color-stop(100%,rgba(255,255,255,0)));
- background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
- background-image: -o-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
- background-image: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
- background-image: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
- border-top: 1px solid #e0e0e0;
- margin-top: 10px;
- clear: both;
- overflow: hidden;
- }
- .post_username span a span strong {
- color: #fff!important;
- }
- .pun .postfoot .user-contact {
- display: none;
- }
- .post_controls {
- border-left: 0;
- border-right: 1px solid #eaeaea;
- color: #555;
- border: 0;
- border-left: 1px solid #eaeaea;
- text-shadow: #fff 0px 1px 0px;
- height: 25px;
- line-height: 25px;
- padding: 0 12px;
- text-decoration: none;
- }
- .post-controls:hover {
- background-color: #fff;
- color: #333;
- }
- div.main-content.topic {
- border-radius: 0!important;
- }
- div.main-foot.clearfix {
- display: none;
- }
- .topic_buttons {
- background: url("http://i.imgur.com/y75XdvO.png") repeat;
- background: rgba(255,255,255,0.85);
- background-image: -moz-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.15)), color-stop(100%,rgba(255,255,255,0)));
- background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
- background-image: -o-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
- background-image: -ms-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
- background-image: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
- color: #222;
- text-shadow: #fff 0px 1px 0px;
- -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
- -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
- box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
- font-size: 12px;
- font-weight: bold;
- line-height: 36px;
- height: 36px;
- padding: 0 20px;
- text-align: center;
- min-width: 70px;
- display: inline-block;
- cursor: pointer;
- margin-top: 10px;
- }
- .topic_buttons .important{
- background: #8b1515 !important;
- color: #fff !important;
- text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
- }
- /*.topic_buttons:hover {
- background-color: rgba(255,255,255,0.95);
- color: #111;
- }*/
- div.main-content.topic {
- border-radius: 0!important;
- border: none;
- background: #fff;
- }
- .border {
- -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
- -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
- box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- }
- .border:after {
- display: block;
- content: "";
- -moz-border-radius: 0px 0px 3px 3px;
- border-radius: 0px 0px 3px 3px;
- background: #fff;
- height: 3px;
- overflow: hidden;
- }
- input[type="submit"], input[type="reset"] {
- background: #323232 url('http://i.imgur.com/N2SwKgg.png') repeat-x 0 0;
- border-color: #2b2b2b;
- color: #fff;
- text-shadow: #2b2b2b 0px -1px 0px;
- -moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
- -webkit-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
- box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
- -moz-border-radius: 2px;
- -webkit-border-radius: 2px;
- text-decoration: none;
- border-width: 1px;
- border-style: solid;
- padding: 4px 10px!important;
- cursor: pointer;
- border-radius: 2px;
- }
- #quick_reply .frm-buttons {
- padding-left: 0;
- border: none;
- }
- #quick_reply input {
- float: right;
- }
- input[type="text"] {
- padding: 6px;
- border: 1px solid #d4d4d4;
- background: #fcfcfc;
- color: #9f9f9f;
- text-shadow: #fff 0px 1px 0px;
- -webkit-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
- -moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
- box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
- }
- .main-content p.center {
- color: red;
- font-weight: bold;
- margin-top: 10px;
- }
- /*user*/
- #backgroundToggle span.show {
- display: block;
- }
- #backgroundToggle span {
- background: url("http://i.imgur.com/y75XdvO.png") repeat;
- background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
- background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
- background-image: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
- background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
- background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
- border: 1px solid #111;
- border: 1px solid rgba(0,0,0,0.5);
- -webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
- -moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
- box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
- height: 36px;
- width: 36px;
- display: none;
- text-align: center;
- cursor: pointer;
- }
- #backgroundToggle span:after {
- content: "";
- display: inline-block;
- width: 16px;
- height: 16px;
- background: url("http://i.imgur.com/jF7Wdfz.png") no-repeat 0 0;
- position: relative;
- top: 10px;
- }
- #backgroundToggle span#enableColour:after {
- background-position: 0 -16px;
- }
- #user_bar.withToggle {
- margin-left: 44px;
- margin-top: 118px;
- }
- #user_bar {
- background: url("http://i.imgur.com/y75XdvO.png") repeat;
- background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
- background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
- background-image: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
- background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
- background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
- border: 1px solid #111;
- border: 1px solid rgba(0,0,0,0.5);
- -webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
- -moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
- box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
- text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
- }
- #user_navigation .ipsList_inline li {
- margin: 0;
- padding: 0;
- float: left;
- }
- #user_navigation>ul>li {
- border-right: 1px solid rgba(255,255,255,0.1);
- }
- #user_navigation {
- float: left;
- color: #9f9f9f;
- font-size: 11px;
- line-height: 36px;
- height: 36px;
- overflow: hidden;
- }
- #user_navigation a {
- color: #fff;
- float: left;
- padding: 0 12px;
- line-height: 36px;
- outline: none;
- height: 36px;
- }
- #user_navigation a:hover {
- background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
- background: rgba(0,0,0,0.3);
- }
- h4.forum_name {
- font-size: 12px;
- display: inline-block;
- margin-left: 10px;
- }
- p.desc.forum_desc {
- font-size: 11px;
- color: #444;
- padding-top: 5px;
- margin-left: 10px;
- }
- .mod-text {
- font-weight: normal;
- margin-left: 10px;
- }
- ul.statsPers {
- text-align: center;
- list-style: none;
- text-align: center;
- color: #fff;
- text-shadow: rgba(0,0,0,0.3) 0px 1px 3px;
- }
- .statHide {
- display: none;
- }
- .statsPers li {
- display: inline-block;
- margin-right: 20px;
- }
- .statHide {
- display: none!important;
- }
- .statsPers li > span {
- display: inline-block;
- background: url("http://illiweb.com/fa/empty.gif") repeat;
- background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
- background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
- background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
- background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
- background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
- -webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 2px, inset rgba(255,255,255,0.8) 0px 1px 0px;
- -moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 2px, inset rgba(255,255,255,0.8) 0px 1px 0px;
- box-shadow: rgba(0,0,0,0.15) 0px 1px 2px, inset rgba(255,255,255,0.8) 0px 1px 0px;
- text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
- color: #222;
- padding: 3px 7px;
- font-weight: bold;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
- margin-right: 3px;
- }
- .statistics {
- margin: 20px 0 0 0;
- padding: 8px;
- line-height: 1.3;
- overflow: hidden;
- -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
- -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
- box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- background: #fafafa;
- }
- .statistics_head {
- font-size: 11px;
- font-weight: bold!Important;
- margin: -8px -8px 8px -8px;
- border-bottom: 1px solid rgba(0,0,0,0.08);
- text-shadow: rgba(255,255,255,1) 0px 1px 0px;
- background: rgba(255,255,255,0.4);
- font-family: "Lato";
- text-transform: uppercase;
- padding: 15px;
- color: #111;
- }
- p.statistics_brief.desc {
- font-size: 11px;
- color: #444;
- }
- #pun-about {
- background: none;
- border: none;
- padding: 10px;
- text-align: right;
- line-height: 0;
- margin-bottom: -20px;
- }
- #pun-about ul li a {
- font-weight: normal;
- color: #f0f0f0;
- }
- ul#stat_links {
- line-height: 30px;
- }
- /*big-foot*/
- #footer {
- background: url("http://i.imgur.com/y75XdvO.png") repeat;
- background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
- background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
- background-image: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
- background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
- background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
- border: 1px solid #111;
- border: 1px solid rgba(0,0,0,0.5);
- color: #ddd;
- -webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
- -moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
- box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
- text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
- margin-bottom: 10px;
- width: 90%;
- margin: auto;
- }
- .footerCol {
- width: 14.2%;
- font-size: 11px;
- min-width: 125px;
- float: left;
- min-height: 180px;
- vertical-align: top;
- line-height: 25px;
- padding: 15px 0 18px 20px;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
- .footerCol h3 {
- color: #fff;
- font-weight: normal;
- font-size: 13px;
- line-height: 30px;
- }
- .footerCol h3 a {
- color: #fff;
- display: block;
- }
- ol, ul {
- list-style: none;
- }
- .footerCol li a {
- color: rgba(255,255,255,0.8);
- display: block;
- }
- .footerCol li a:hover {
- color: #fff;
- }
- .clear {
- clear: both;
- height: auto;
- }
- .pun-crumbs {
- background: url("http://illiweb.com/fa/empty.gif") repeat;
- background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
- background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
- background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
- background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
- background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
- -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
- -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
- box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
- text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
- overflow: hidden;
- line-height: 37px;
- padding: 10px;
- margin-bottom: 10px;
- }
- /*titlebox*/
- .sb_titlebox {
- background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
- background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
- background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
- background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
- background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
- background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
- -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
- -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
- box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
- text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
- padding: 14px;
- overflow: hidden;
- }
- .ipsUserPhoto {
- width: 54px;
- height: 54px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
- box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
- }
- .ipsBox_withphoto {
- margin-left: 65px;
- }
- .ipsType_pagetitle, .ipsType_subtitle {
- font: 300 26px/1.4 Helvetica,Arial,sans-serif;
- color: #121212;
- }
- .ipbfs_titlebox .desc {
- padding: 3px 0;
- }
- .desc.lighter, .desc.lighter.blend_links a {
- color: #7a7a7a;
- }
- .desc, .desc.blend_links a, p.posted_info {
- font-size: 11px;
- color: #444;
- }
- /*quote*/
- blockquote cite {
- font-size: 12px;
- padding: 8px 10px;
- border: none;
- background: #f2f2f2 url('http://i.imgur.com/65o6AG5.png') repeat-x 0 0;
- color: #535353;
- text-shadow: rgba(255,255,255,1) 0px 1px 0px;
- font-weight: bold;
- margin-top: 5px;
- overflow-x: auto;
- clear: right;
- margin: -5px -11px 5px!important;
- }
- .postmain blockquote {
- padding: .5em 1em;
- border: 1px solid #e3e3e3;
- background: #fcfcfc;
- color: #9f9f9f;
- }
- .codebox {
- background: none;
- border: none;
- margin: 1em;
- }
- .codebox dt {
- border: none;
- padding: .25em;
- }
- div.spoiler_content.hidden {
- background-color: #fcfcfc !important;
- color: #000;
- padding: 8px;
- border: 1px solid #e3e3e3;
- overflow: auto;
- font-size: 11px;
- line-height: 170%;
- font-family: arial !important;
- }
- .codebox.spoiler dd {
- background: none!important;
- border: none!important;
- padding: 0;
- }
- .codebox dd {
- background-color: #fcfcfc !important;
- color: #000;
- padding: 8px;
- border: 1px solid #e3e3e3;
- overflow: auto;
- font-size: 11px;
- line-height: 170%;
- font-family: monospace !important;
- }
- .codebox.spoiler dt {
- display: inline-block;
- font-size: 11px;
- padding: 5px 10px;
- border: none;
- background: #f2f2f2 url('http://i.imgur.com/65o6AG5.png') repeat-x 0 0;
- color: #535353;
- text-shadow: rgba(255,255,255,1) 0px 1px 0px;
- font-weight: bold;
- margin-top: 5px;
- overflow-x: auto;
- clear: right;
- margin-bottom: 5px;
- border: 1px solid #e3e3e3;
- }
- #avatar img {
- width: 34px;
- height: 34px;
- border-radius: 3px;
- margin: 2px;
- }
- a#inbox_link.menu_active {
- background-position: bottom;
- background-color: #fff;
- color: #323232;
- text-shadow: none;
- position: relative;
- z-index: 10000
- }
- #notify_link,#inbox_link {
- vertical-align: middle;
- width: 20px;
- padding: 0px
- 8px !important;
- position: relative
- }
- #inbox_link img, #notify_link img {
- margin-top: 9px;
- }
- .entry-content img{
- max-width: 100%;
- }
- .paging a{
- background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.85);
- color: #222;
- text-shadow: 0px 1px 0px #FFF;
- box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
- border-radius: 3px;
- display: inline-block;
- padding: 3px 10px;
- text-transform: uppercase;
- font-size: 11px;
- display: inline-block;
- font-weight: normal;
- }
- .paging{margin: 10px;}
- .paging a:hover{
- background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.95);
- }
- .paging b{
- background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.6);
- color: #FFF;
- border-radius: 3px;
- box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7) inset, 0px 1px 0px rgba(255, 255, 255, 0.1);
- padding: 3px 10px;
- cursor: default;
- padding: 3px 10px;
- display: inline-block;
- font-weight: normal;
- padding: 3px 10px;
- text-transform: lowercase;
- font-size: 11px;
- display: inline-block;
- font-weight: normal;
- }
- .topic_buttons.important{
- background: none repeat scroll 0% 0% #8B1515;
- color: #FFF !important;
- text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
- box-shadow: 0px 1px 3px rgba(128, 37, 37, 0.2), 0px 1px 0px rgba(189, 33, 33, 0.8) inset;
- }
- .pun .frm-form {
- background: transparent;
- border: none;
- }
- #tabs ul li a {
- float: left;
- text-decoration: none;
- background: -moz-linear-gradient(center top , rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.6) 100%) repeat scroll 0% 0% transparent;
- box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
- color: #FFF;
- text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
- padding:4px 10px!important;
- border:none!important;
- font-size: 14px;
- font-weight: 300;
- border-radius: 4px 4px 0px 0px;
- overflow: hidden;
- }
- #tabs ul li.activetab a {
- color: #F4F9FD;
- text-decoration: none;
- background-color: black;
- }
- .main-content.center img{
- max-width: 250px;
- }
- #topo {
- background: url(http://4.bp.blogspot.com/-gyVT3jXoxVA/VIjDwLKw_KI/AAAAAAAAJBQ/NesYBYTknKQ/s1600/header.png);
- background-size: 100% 100%;
- background-position: center top;
- background-color: #ddd;
- background-size: 100% auto;
- background-repeat: no-repeat;
- background-attachment: fixed;
- height: 180px;
- top: 0;
- width: 100%;
- position: absolute;
- left: 0;
- right: 0;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement