Благодарим за выбор нашего сервиса!
Тестовое сообщение
Страница: 1
Сообщений 1 страница 2 из 2
Поделиться22019-02-12 22:09:52
тут дизайн скопирован но какая часть я ебу. по частям разделен на тесте цветочном
Код:/* фон -------------------------------------------------------------*/ body { background: url("https://i.imgur.com/4LkCV9K.jpg") repeat;} body {overflow-x: hidden} /* пан -------------------------------------------------------------*/ #pun { margin: -20px auto -10px auto; padding: 0px auto -10px auto; position: relative; width: 894px; background: repeat transparent url(https://i.imgur.com/fMf2F02.jpg); background-position: center; } /* шапка -------------------------------------------------------------*/ #pun-title table { border: none; height: 324px; width: 894px; margin-left: -55px; background: url(https://i.imgur.com/CNXKBhR.jpg) top center no-repeat; margin-top: 20px; } /* футер -------------------------------------------------------------*/ #pun-about p.container { background: transparent url(http://funkyimg.com/i/2QqjE.jpg) bottom center no-repeat; width: 894px; margin-bottom: -50px; margin-left: -56px; height: 183px; background-position: 0 50%; } /* цвет текста на форуме -------------------------------------------------------------*/ .punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container { background-color: transpanent; color: #3f2f49; font-weight: normal; } /* ПРОФИЛЬ -------------------------------------------------------------*/ /* отступ ника от верха профиля -------------------------------------------------------------*/ .punbb .post .post-author { padding-top: 2px; font-family: arial; font-size: 10px; overflow-x: hidden; } #profile-left { height: 400px; width: 20%!important; left: -50px!important; } #profile-name strong { margin-top: 0px; height: 150%; } .punbb .post .post-author ul, .punbb .post .post-author p { background: #9996b5; background: url(https://i.imgur.com/awpTK4i.jpg); margin: 0px; overflow: hidden; } /* последний визит -------------------------------------------------------------*/ .pa-last-visit, li.pa-online { padding-bottom: 0px!important; } /* ПОЛЯ ПРОФИЛЯ -------------------------------------------------------------*/ /* соо -------------------------------------------------------------*/ .pa-posts { display: inline-block; margin-left: 0px !important; text-align: center; max-width: px; line-height: 13px; padding: 1px 2px! important; margin-top: 5px!important; color: #412947; background-color: #d6d5e7; text-transform: lowercase; } /* репа -------------------------------------------------------------*/ .pa-respect { display: inline-block; margin-left: 0px !important; text-align: center; max-width: px; line-height: 13px; padding: 1px 2px! important; margin-top: 5px!important; color: #412947; background-color: #d6d5e7; text-transform: lowercase; } .pa-respect a{ color: #57595d!important;} /* поля -------------------------------------------------------------*/ .p_name { width: 184px; text-align: center; font-size: 10px; font-family: arial; font-weight: normal; padding-top: 3px!important; padding-bottom: 3px!important; background-color: #e9e9e9bf; margin-top: 5px!important; margin-left: -5px!important; letter-spacing: 1px; } .pa-fld1 { text-align: justify; margin-bottom: 12px!important; margin-left: 3px!important; margin-top: -14px!important; } .pa-fld1 a { color: #607478!important; font-weight: bold; } .pa-fld2 { display: inline-block; margin-left: 0px !important; text-align: center; max-width: px; line-height: 13px; padding: 1px 2px! important; margin-top: 5px!important; color: #412947; background-color: #d6d5e7; text-transform: lowercase; } .pa-fld3 { background-color: #e6ecef; text-align: justify; line-height: 1px; font-family: arial; color: #9e9bbc; font-size: 10px; text-transform: lowercase; width: 186px; margin-left: 3px!important; margin-top: -10px!important; } .pa-fld4{ text-align: center; display: inline-block; width: 49px; padding: 3px 7px 3px 7px !important; letter-spacing: 1px; font-family: arial; font-size: 8px; font-weight: bold; margin-top: 5px!important; line-height: 118%; color: #57595d; border: 1px dashed #81766bc2; } /* авик -------------------------------------------------------------*/ .punbb .pa-avatar img{ margin-top: 1px; margin-left: 0px; margin-bottom: 0px; } .pa-avatar img { margin-top: 20px; } .punbb .pa-avatar img{ border: px solid #4e6a6f; border-top: 2px solid #5c609d !important; border-bottom: 2px solid #402746 !important; border-left: 0px solid #958080 !important; border-right: 0px solid #958080 !important; } /* регистрация, айпи и визит -------------------------------------------------------------*/ .pa-reg, .pa-ip, li.pa-online, .pa-last-visit { font-family: arial; letter-spacing: 1px; font-size: 8px; text-shadow: none!important; } .pa-ip { margin-bottom: 6px!important; text-align: center; margin-top: 19px!important; position: absolute; } /* категории -------------------------------------------------------------*/ #pun-stats.section h2 { background: url(https://i.imgur.com/73d7Q6I.jpg) no-repeat top center; margin-left: -49px; margin-top: 0px; width: 864px; height: 23px; } #post-form h2 { background: url(https://i.imgur.com/tUguKjx.jpg) no-repeat top center; margin-left: -49px; margin-top: 0px; width: 864px; height: 23px; } #pun-category1.category h2 { background: url(https://i.imgur.com/RE2raba.jpg) no-repeat top center; margin-left: -49px; margin-top: 0px; width: 864px; height: 23px; } #pun-category2.category h2 { background: url(https://i.imgur.com/w7kDgR0.jpg) no-repeat top center; margin-left: -49px; margin-top: 0px; width: 864px; height: 23px; } #pun-category3.category h2 { background: url(https://i.imgur.com/i8GA1i8.jpg) no-repeat top center; margin-left: -49px; margin-top: 0px; width: 864px; height: 23px; } #pun-category4.category h2 { background: url(https://i.imgur.com/d3ScSCT.jpg) no-repeat top center; margin-left: -49px; margin-top: 0px; width: 864px; height: 23px; } #pun-category5.category h2 { background: url(https://i.imgur.com/wvo3o6b.jpg) no-repeat top center; margin-left: -49px; margin-top: 0px; width: 864px; height: 23px; } #pun-category6.category h2 { background: url(https://i.imgur.com/CwbwE5U.jpg) no-repeat top center; margin-left: -49px; margin-top: 0px; width: 864px; height: 23px; } #pun-category7.category h2 { background: url(https://i.imgur.com/i19iVeh.jpg) no-repeat top center; margin-left: -49px; margin-top: 0px; width: 864px; height: 23px; } #pun-stats.section h2 span, #pun-main .category h2 span, #post-form h2 span { font-family: calibri; font-style: italic; font-weight: bold; font-size: 12px!important; letter-spacing: 6px; color: #ffffff; margin-left: 349px; text-transform: lowercase; } .punbb h2 span { display: none; } /* иконки -------------------------------------------------------------*/ .punbb table Div.icon { background-image: url(https://i.imgur.com/O30SYxS.jpg); width: 46px; height: 45px; float: left; margin-top: 20px; border-style: none; display: inline-block; background-repeat: no-repeat; margin-left: -10px; } новое TR.inew Div.icon { background-image: url(https://i.imgur.com/lTatgi5.jpg); width: 46px; height: 45px; opacity: 1.0; } закрыто TR.iclosed Div.icon { background-image : url(https://i.imgur.com/l81yekY.jpg); background-repeat: no-repeat; width: 46px; height: 45px; opacity: 0.5; } важное TR.isticky Div.icon { background-image : url(https://i.imgur.com/Z9n9Hgp.jpg); background-repeat: no-repeat; width: 46px; height: 45px; opacity: 1.0; } /* статистика -------------------------------------------------------------*/ #pun-stats ul.container { background-image: url( ); padding-left: 104px; margin-left: -50px; padding-right: 8px; margin-top: 5px; background-attachment: scroll; background-clip: border-box; background-color: transparent; background-origin: padding-box; background-position: 53px 3px; background-repeat: no-repeat; background-size: auto; text-align: justify; } /* цитата, код и спойлер -------------------------------------------------------------*/ #pun-main .quote-box, #pun-main .code-box, .post-content .spoiler-box{ } .post-content .spoiler-box > div { color: #4c5369!important; font-weight: bold; font-family: arial; font-size: 12px; } /* текстэрия -------------------------------------------------------------*/ .punbb textarea { padding: 13px; color: #000000; border: 1px solid #ffffff80; background-color: #d8d7e9; margin-left: -2px!important; } .punbb textarea::-webkit-scrollbar-thumb {border: none!important; box-shadow: none!important;} .punbb textarea::-webkit-scrollbar {width: 3px; border: none!important; box-shadow:none!important;} .punbb textarea::-webkit-scrollbar-track {border: none!important; box-shadow:none!important;} /* поле для ввода -------------------------------------------------------------*/ .punbb input { vertical-align: middle; color: #412947; border: 1px solid #ffffff80; background-color: #d8d7e9; border-radius: 2px; box-shadow: 0 0 0px #859396; padding: 6px; margin-left: -2px!important; margin-top: 5px!important;} /* подложки -------------------------------------------------------------*/ #size-area, #color-area, #table-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #pun-reputation div, #pun-popup_awards div { padding: 10px; border: 1px solid #ffffff; background-color: #e6ecef; border-radius: 2px; box-shadow: 0 0 2px #859396; } #smilies-area { padding: 10px; height: 207px; overflow-y: auto; border: 1px solid #ffffff; background-color: #e6ecef; border-radius: 2px; box-shadow: 0 0 2px #859396; } #font-area { padding: 10px; height: 207px; overflow: auto; border: 1px solid #ffffff; background-color: #e6ecef; border-radius: 2px; box-shadow: 0 0 2px #859396; } /* прокрутка -------------------------------------------------------------*/ ::-webkit-scrollbar { width: 6px; height: 5px; } ::-webkit-scrollbar-track { background-color: #9f9bbb; } ::-webkit-scrollbar-thumb { background-color: #5b5f9b; border: 0px dotted #9f9bbb; } /* кнопки -------------------------------------------------------------*/ input.button, #post fieldset .hashelp div input, .button, #pun-admain input { font-weight: bold!important; font-size: 10px!important; cursor: pointer!important; color: #422b48; border-top: 1px solid #442c49 !important; border-bottom: 1px solid #5c609d !important; border-left: 0px solid #958080 !important; border-right: 0px solid #958080 !important; background-color: #d8d7e9; padding-bottom: 4px!important; padding-top: 3px!important; } /* админы в табле -------------------------------------------------------------*/ .ams { position: relative; display: inline-block } .ams span { display: none; } .ams a { color: #deccc0!important; } .ams:hover span{ position:absolute; text-align:center; display:inline-block; margin-top: 22px; left:-20px; height: 122px!important; z-index:100000;} /* текст и ссылки в таблице -------------------------------------------------------------*/ #tab_inf { position: absolute; width: 207px; margin-left: 689px; line-height: 100%; font-family: Arial; color: #8c8b87; text-shadow: 1px 1px #151a1f; text-align: justify; font-size: 9px; padding-right: 5px; top: 58px; height: 62px!important; overflow: auto; text-transform: lowercase; } #tab_admin { position: absolute; margin-top: 46px; margin-left: 34px; color: #d9c7b9; text-transform: lowercase; width: 158px; font-style: italic; font-weight: bold; font-family: calibri!important; font-size: 12px; letter-spacing: 2px; display: inline-block; text-align: justify; line-height: 14px; } #tab_inf2 { position: absolute; width: 177px; line-height: 100%; font-family: Arial; text-align: justify; font-size: 9px; overflow: auto; height: 26px; padding-right: 5px; margin-left: 67px; margin-top: 98px; color: #777776; text-shadow: 0 0 1px #252a3b; } .tab_post {position: absolute; margin-left: 146px; margin-top: 132px; font-size: 10px; width: 102px; text-align: center;} .tab_post a { color: #777776!important; text-shadow: 0 0 1px #252a3b!important;} #tab_inf2::-webkit-scrollbar-thumb {background: #5d5d59; border: none!important; box-shadow: none!important;} #tab_inf2::-webkit-scrollbar {width: 2px; background: #808080; border: none!important; box-shadow:none!important;} #tab_inf2::-webkit-scrollbar-track { background-color: #2d2d2d; border: none!important; box-shadow:none!important;} #tab_inf::-webkit-scrollbar-thumb { background: #3f434e; border: none!important; box-shadow: none!important;} #tab_inf::-webkit-scrollbar {width: 2px; background: #808080; border: none!important; box-shadow:none!important;} #tab_inf::-webkit-scrollbar-track { background-color: #60636f; border: none!important; box-shadow: none!important;} /* описание подфорума -------------------------------------------------------------*/ .discr { font-size: 12px; font-family: calibri; width: 345px; text-align: justify; color: #5a5a59; margin: 0px 16px!important; text-transform: lowercase; padding-bottom: 0px; } .for_sub { position: absolute; font-family: calibri; font-weight: bold; font-style: italic; margin-top: -37px; width: 440px; text-align: right; letter-spacing: 2px!important; color: #718686; margin-left: -66px; font-size: 11px;} /* навигация в подфорумах -------------------------------------------------------------*/ .link a { display: inline-block; color: #ffffff!important; font-family: calibri!important; font-size: 10px!important; padding-left: 8px!important; padding-right: 8px!important; padding-bottom: 1px; padding-top: 0px; margin-bottom: 11px; background-color: #718686; } .link a:hover { box-shadow: inset 0px -5px #292e40!important; -webkit-transition: .3s all; -moz-transition: .3s all; -ms-transition: .3s all; -o-transition: .3s all; transition: .3s all; } .link {text-align:center; margin-top: 7px!important;} /* баннеры -------------------------------------------------------------*/ .partner {position: absolute; margin-top: -49px!important; width: 494px; height: 31px; letter-spacing: 2px; filter: grayscale(70%); opacity: 0.7; overflow: auto; margin-left: 149px!important; } .partner:hover { opacity: 1!important; -webkit-transition: .5s all; -moz-transition: .5s all; -ms-transition: .5s all; -o-transition: .5s all; transition: .5s all; } /* плашки в шапке -------------------------------------------------------------*/ /* выделение -------------------------------------------------------------*/ ::-moz-selection{ background: #70b5b1; color: #ffffff; } ::webkit-selection{ background: #70b5b1; color: #ffffff; } ::selection{ background: rgb(89, 94, 111); color: #ffffff; text-shadow: none!important; } .lastedit { display:none !important; } /* ТОПИКИ -------------------------------------------------------------*/ /* таблица -------------------------------------------------------------*/ #tabl_act {position:absolute;} #tabl_act:hover { filter: grayscale(50%); -webkit-transition: .5s all; -moz-transition: .5s all; -ms-transition: .5s all; -o-transition: .5s all; transition: .5s all; } .tab_news { position: absolute; width: 250px; overflow: auto; height: 71px; margin: 218px 0px 0px 464px; line-height: 100%; font-size: 10px; color: #5b6567; padding-right: 5px; } .tab_news a { color: #888888!important; text-shadow: 1px 0 black!important; } .tab_data { display: inline-block; font-size: 7px; padding: 0px 3px 0px 2px; color: #b3bec7; text-shadow: 1px 0 #0000004d; background-color: #02292f; border: 1px dotted #354f67; box-shadow: inset 0 0 2px black; margin-bottom: 0px; margin-top: 3px; border-radius: 5px; } /* личная страница -------------------------------------------------------------*/ .ls_bg { width: 702px; height: 369px; background: url(http://funkyimg.com/i/2NHwK.png) no-repeat; } #ls_face img { height: 108px; width: 108px; margin-left: -308px; margin-top: 86px; object-fit: cover; border: 2px solid #7dc4da; box-shadow: 0 0 5px #e9e9e9; position: absolute; filter: grayscale(70%); } .ls_name { position: absolute; width: 444px; margin: 45px 110px!important; font-family: calibri; font-weight: normal; font-size: 24px; line-height: 120%; color: #ffffff; text-transform: lowercase; text-align: left; font-style: italic; } .ls_prof { position: absolute; margin: 215px 31px; width: 137px; overflow: hidden; font-size: 13px; color: #404040; font-family: calibri; font-style: italic; } #ls_awards { position: absolute; width: 485px; display: inline-block; height: 90px; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; margin: 72px -173px!important; padding-top: 10px; letter-spacing: 17px; } #ls_awards::-webkit-scrollbar-thumb { background-color: #bebee0; border: 1px dotted #ffffff;} #ls_awards::-webkit-scrollbar {width: 2px; background: #808080; border: none!important} #ls_awards::-webkit-scrollbar-track { background-color: #727477; border: none!important} .ls_aw1 { display: inline-block; opacity: 0.5; filter: grayscale(90%); } .ls_aw1 img{ width: 80px;} .ls_aw { display: inline-block; opacity: 1; } .ls_aw img{ width: 80px;} #ls_plahi { position: absolute; width: 633px; display: inline-block; height: 53px; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; margin: 263px -318px!important; } #ls_plahi::-webkit-scrollbar-thumb { background: #112c34; border: 1px solid #122d35; box-shadow: inset 0 0 2px #c0c8d0;} #ls_plahi::-webkit-scrollbar {width: 2px; background: #808080; border: none!important} #ls_plahi::-webkit-scrollbar-track { background-color: #727477; border: none!important} #ls_gifts { position: absolute; width: 486px; display: inline-block; height: 57px; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; margin: 175px -176px!important; padding-top: 11px; padding-bottom: 8px; } #ls_gifts::-webkit-scrollbar-thumb { background: rgb(89, 94, 111); color: #ffffff; text-shadow: none!important;} #ls_gifts::-webkit-scrollbar {width: 2px; background: #808080; border: none!important} #ls_gifts::-webkit-scrollbar-track { background-color: #727477; border: none!important} .ls_gift { display: inline-block; filter: grayscale(50%); } .ls_gift img { width: 55px;} .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0,0,0,.8); z-index: 100; display: none; top: 0; left: 0; } .reveal-modal { visibility: hidden; top: 100px; left: 50%; margin-left: -300px; width: 520px; position: absolute; z-index: 101; padding: 30px 40px 34px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); } .reveal-modal.small { width: 200px; margin-left: -140px;} .reveal-modal.medium { width: 400px; margin-left: -240px;} .reveal-modal.large { width: 600px; margin-left: -340px;} .reveal-modal.xlarge { width: 800px; margin-left: -440px;} .reveal-modal .close-reveal-modal { font-size: 22px; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; text-decoration: none; } /* инста -------------------------------------------------------------*/ .demondays { background: #fafafa; width: 500px; padding: 30px 20px; color: #4b4f54; box-shadow: -1px 1px 5px rgba(0,0,0,.2); } .demondays .header img { width: 140px; height: 140px; border-radius: 50%; float: left; border: solid 1px #cccfd0; margin-left: 10px; } .demondays .info { margin-left: 180px; font: 15px 'lato'; line-height: 22px; text-align: left; } .demondays .uname { font-size: 30px; display: block; float: left; margin-top: 2px; } .demondays .follow { color: #4090db; text-transform: uppercase; font-size: 12px; margin-left: 10px; border: solid 1px; padding: 5px 10px; border-radius: 2px; font-weight: bold; display: inline-block; line-height: 16px; } .demondays .follow:hover { border-color: #2d6599; color: #2d6599; } .demondays .follow a { color: #4090db; text-decoration: none; } .demondays .etc { color: #fafafa; text-shadow: 1px 0px #8d9192, -1px 0px #8d9192, 0px 1px #8d9192, 0px -1px #8d9192; font-size: 25px; letter-spacing: 3px; display: inline-block; padding-left: 10px; } .demondays .under { padding-top: 15px; } .demondays .info .under a { display: block; color: #125688; text-decoration: none; } .demondays .pic { border: solid 5px #fafafa; background: #fff; text-align: center; } .demondays .pic img { height: 150px; } .plasticbeach { background: #fff; color: #4b4f54; width: 550px; box-shadow: -1px 1px 5px rgba(0,0,0,.2); } .plasticbeach .pic img { width: 300px; } .plasticbeach .words { width: 250px; vertical-align: top; padding: 20px; font: 14px lato; } .plasticbeach .top { height: 70px; border-bottom: solid 1px #eeefef; } .plasticbeach .top img { border-radius: 50%; width: 50px; height: 50px; border: solid 1px #cccfd0; float: left; margin-right: 10px; } .plasticbeach .uname { color: #125688; font: bold 16px lato; padding-left: 20px; padding-top: 5px; } .plasticbeach .place { font-size: 14px; color: #4090db; } .plasticbeach .stats { padding-top: 10px; } .plasticbeach .stats b { float: left; color: #4b4f54; } .plasticbeach .stats a { float: right; color: #a5a7aa; text-decoration: none; } .plasticbeach .stats a:hover { color: #818488; } .plasticbeach .caption { clear: both; padding-top: 10px; line-height: 20px; } .plasticbeach .caption b { color: #125688; } .plasticbeach .caption h { color: #125688; } .pa-avatar img { max-width: 180px; max-height: 180px; } .pa-fld1 a { color: #4c6063!important; font-weight: bold;}
Страница: 1