frolov1028
Дата: Четверг, 11.05.2017, 08:01 | Сообщение # 1
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Доктор
Группа: Фотошоперы
Сообщений: 1317
Народ прувет. выровнять вид материалов. Вот скрины проблемы. Вот как хотелось бы Код цсс
Код
/* Theme Name: Aquavector Description: Тема с раздвижным меню (sliding door). Author: Alex Opalev Version: 1.0 Tags: blue, three-columns, fixed-width, custom-header, theme-options, photoblogging */ /****** Reset default browser CSS ******************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, article, big, cite, code, del, dfn, em, font, footer, header, ins, kbd, q, s, samp, section, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; border: 0; margin: 0; padding: 0; outline: 0; vertical-align: baseline; } html { height:100%; /*overflow:hidden;*/ } body { background: #001627 url(images/background.jpg) fixed; color: black; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; } table { border-collapse: collapse; border-spacing: 0; } ul { list-style: none; } a { color: #0088cc; text-decoration: underline; } a:focus, a:active, a:hover { color: #2f96b4; } .news-block1 a { color: #ffd21f; } .clear { clear: both; } .nobr { white-space: nowrap; } .unv { display: none; } .test { border: 1px solid #F00 } /****** LAYOUT ******************************************************************/ #container { width: 1060px; margin: 20px auto; background:#012e58 url(images/bg-page.jpg) no-repeat center top; z-index: 1000; position: relative; border: 7px double #0099ff; } #header { background-image: url(images/bg-header.png); padding: 20px 17px 10px; color: #fff; } #header a { color: #FFD21F; text-decoration: none; } #logo { float: left; padding-left: 0px !important; margin-right: 10px; } #header .contacts, #tel { float: right; text-align: right; margin: 0 4px 0 0; } #main { padding: 19px 13px; } #footer { padding: 20px 17px; color: white; } #site-title { font: 2em Arial, Helvetica, sans-serif; text-shadow: 2px 2px 5px black; text-align: left; padding: 67px 0px 0px 0px; } #header #site-title a { color: white; } #site-description { font-size: 1.3em; color: #FFD21F; text-shadow: 1px 1px 2px black; margin: 15px 0 0px; padding: 5px 0px 0px 0px; } .separator { background: url(images/separator.png) repeat-x left bottom; height: 1px; clear: both; margin: 0 17px; } .edit-link { font: 12px "Times New Roman", Times, serif; font-style: italic; } #bg { position: fixed; top: 0; left: 0; } .bgwidth { width: 100%; } .bgheight { height: 100%; } /****** NAVIGATION STYLES ******************************************************************/ #menu { margin: 0 17px; border-top: 1px solid #09f; } .menu:after { display: table; content: ""; line-height: 0; clear: both; } .menu li { float: left; } .menu li a { color: white; text-transform: uppercase; font-size: 1.4em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 2em; padding: 0 1.6em 0 0; text-shadow: 2px 2px 3px #000; text-decoration: none; } .menu li a:hover { color: #FFD21F; } .menu li.current-menu-item a { color: #FFD21F; } /****** CONTENT ******************************************************************/ #breadcrumbs { font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding-bottom: 20px !important; line-height: normal; } .float-block { width: 320px; padding: 20px; background: rgb(202, 235, 255); color: #012e58; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 3px double #0065b5; float: right; margin-left: 20px; margin-top: -105px; } #content .float-block h2 { color: #012e58; margin-top: 0; } #content .float-block strong { color: #012e58; } #content { background: #fff; padding: 15px; } #content:after { display: table; content: ""; line-height: 0; clear: both; } h1, h2, h3 { color: #161398; margin-bottom: 1em; font-weight: normal; text-align: left; line-height: 1.2em; } H1 { font-size: 2.2em; } H2 { font-size: 1.8em; margin-top: 0.2em; } H3 { font-size: 1.5em; font-weight: bold; margin-top: 0.1em; } P { margin-bottom: 1em; font-size: 1em; line-height: 1.3em; } P img.size-large { width: 100%; height: auto; max-width: 100%; } P#breadcrumbs { margin-bottom: 0; } strong { font-weight: bold; } .separator { background: url(images/separator.png) repeat-x left bottom; height: 1px; clear: both; } #content .block { margin-top: 100px } #content .block:first-child { margin-top: 0 } /*Отступ и добавление точек в листинг для текста */ ul.marker { margin-left: 20px; list-style: disc; } UL.marker li { margin-left: 10px } .column { width: 50%; float: left; margin-bottom: 30px } div .column:first-child { margin-right: 30px } /* колонки для списков*/ .column2 { width: 340px; float: left; margin-bottom: 30px } div .column2:first-child { margin-right: 30px } /* колонки для списков, картинка слева*/ /*.page_item { font-size: 16px; font-weight: bold; padding-bottom: 5px }*/ .ngg-gallery-thumbnail { border: none !important; } .ngg-gallery-thumbnail img { margin: 2px 0px 2px 0px !important; padding: 3px !important; border: 1px solid #0099ff !important; background: none !important; } .ngg-thumbnail img:hover , .ngg-gallery-thumbnail img:hover { background-color: #0099ff !important; } .ngg-singlepic { padding: 3px !important; border: 1px solid #0099ff !important; background: none !important; } .oborudovanie .ngg-singlepic { padding: 0 !important; border: none !important; background: none !important; margin: 0 15px 30px } .borderTable { width: 670px; } .borderTable th { background: #00539f; border: 1px solid #66ccff; padding: 2px 5px !important; color: #fff; } .borderTable th.center { text-align: center; padding: 2px 5px !important; } .borderTable td { border: 1px solid #66ccff; padding: 2px 5px !important; } .borderTable td.center { text-align: center; } .borderTable .price { font-weight: bold; } .td-center td { text-align: center; vertical-align: middle; } .td-center th { text-align: center; vertical-align: middle; } .imgLeft { float: left; margin-right: 20px } .imgRight { float: right; margin-left: 20px } .imageList { padding-left: 60px; } .imageList LI { list-style: none; display: block; float: left; margin-right: 60px; height: 270px; width: 160px; text-align: center } .w100 { width: 100% } .w70 { width: 70%} .wAuto { width: auto !important } /****** Image Menu ******************************************************************/ #imageMenu { height: 248px; overflow: hidden; border-style: none; margin: 0 auto; width: 994px; padding: 8px 40px 20px; } #imageMenu ul { list-style: none; display: block; height: 240px; } #imageMenu ul li { float: left; padding-bottom: 12px; padding-top: 12px; } #imageMenu ul li:first-child a { border-left: 1px solid #fff; } #imageMenu ul li a { text-indent: -1000px; background:#FFFFFF none repeat scroll 0%; border-right: 1px solid #fff; cursor:pointer; display:block; overflow:hidden; width:162px; height: 240px; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } #imageMenu ul li.bk6 a { border-right-style: none; } .sup, sup { vertical-align: super; font-size: 10px; } .alignleft { float: left; padding-left: 0px !important; margin-right: 20px } .alignright { float: right; padding-right: 0px !important; margin-left: 20px } /*Общий стиль для галерей*/ ul.gallery:after { display: table; content: ""; line-height: 0; clear: both; } ul.gallery li { display: block; float: left; line-height: normal !important; } /*Стиль для разделов галерей - горизонтальные фото с подписями*/ .g-cat li { width: 280px !important; height: 280px; padding: 15px !important; background: #fff; color: #012e58; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 0 15px 15px 0; text-align: center; } .g-cat li img { width: 280px; margin-bottom: 11px; } .g-cat li a { color: #012e58; font-size: 18px; } /*Стиль для ПАПОК разделов галерей - горизонтальные фото с подписями*/ .g-cat .folder { width: 280px !important; height: 280px; padding: 15px !important; background: #b7d5f3; color: #012e58; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 0 15px 15px 0; text-align: center; } .g-cat .folder img { width: 280px; } .g-cat .folder li a { color: #012e58; } /* маленькие горизонтальные изображения без подписей*/ ul.g-img-small { margin: 50px 0 0 0 !important; } ul.g-img-small li { margin: 0 15px 15px 0; } ul.g-img-small li img { width: 133px; height: 100px; } ul.g-img-medium-with-caption { margin-top: 50px; } ul.g-img-medium-with-caption li { width: 210px; height: 255px; margin: 0 15px 15px 0; font-family: Verdana, Arial, Geneva, sans-serif; text-align: center; line-height: 1.5em !important; padding: 10px; } ul.g-img-medium-with-caption li a img, ul.g-img-medium-with-caption li a img.img-h { width: 210px !important; height: auto !important; margin-bottom: 2px; } ul.g-img-medium-with-caption li a img.img-v { height: 200px !important; width: auto !important; margin-bottom: 8px; } /*Стиль для разделов статей - миниатюры к ссылкам на подразделы.*/ ul.g-img-prev-with-caption a {display:block; } ul.g-img-prev-with-caption li { width: 309px !important height: 80px; padding: 10px !important; background: #004d8f; color: #012e58; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0px 5px 5px 0px; text-align: left; } ul.g-img-prev-with-caption li img { display: block; width: 70px; height: 70px; padding: 5px; } ul.g-img-prev-with-caption li a { display: block; width: 309px !important; height: 80px; color: #FFD21F; text-decoration: none; } ul.g-img-prev-with-caption li:hover {background: #1170c6;} /*Стиль для новостей и объявлений на главной*/ ul.news-and-attentions a {display:block; } ul.news-and-attentions li { padding: 10px !important; background: #0065B5; margin: 0px 0px 10px 0px; text-align: left } ul.news-and-attentions li img { width: 70px; height: 70px; padding: 5px } ul.news-and-attentions li a { display:block; font-size: 15px; text-decoration: none;} ul.news-and-attentions li:hover {background: #1170c6;} .news-block { width: 320px; background: 320px; padding: 1px; background: #0065B5; background-image: url(images/news-bg.png) ; background-position: left top; background-repeat: no-repeat; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 5px; float: right; margin-left: 20px; margin-top: -50px; margin-bottom: 10px;} #content .news-block P { letter-spacing: normal; line-height: 25px; } #content .news-block h2 { color: white; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin-top: 0px; padding: 5px; text-shadow: 2px 2px 3px #000; text-transform: uppercase;} #content .news-block strong { color: #000; } /*освобождающий элемент */ br.clear {clear:both;} /****Test*****************************/ #main-content {position:relative; display:block;} .news-block1 {width: 790px; background: 320px; padding: 1px; background: #0065B5; background-image: url(images/news-bg.png) ; background-position: left top; background-repeat: no-repeat; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 5px; float: left; margin-left: 0px; margin-top: 0px; margin-bottom: 10px; margin-right: 5px; display: block;} #content .news-block1 li { padding: 2px !important; background: #0065B5; margin: 0px 0px 10px 0px; text-align: left; width: 786px ;} #content .news-block1 a { display: block; padding-left: 10px; } #content .news-block1 h2 { display: block;color: white; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin-top: 0px; padding: 5px; text-shadow: 2px 2px 3px #000; text-transform: uppercase;} #content .news-block1 strong { display: block;color: #000; } #content .news-block1 li:hover {background-image: url(images/bg-header.png); } #main-sliders {width: 170px; float: right; padding-right: 0px !important; margin-left: 5px ;} #main-slider {width: 150px; background: #0065B5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom:15px; padding: 10px; text-align: center; line-height: 0.9em; letter-spacing: normal; font-size: 0.9em;} #main-slider a:hover { text-decoration: none;} #coworkers {position:relative; display:block; width: 977px; float: left; } #coworkers h2 {display: block;color: white; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin: 5px; padding: 2px; text-shadow: 2px 2px 3px #000; text-transform: none;} #welcomesyou {margin-top: 10px; width: 790px; float: left;} #product {width: 370px; height:230px; float: right;background: #0065B5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom:5px; padding: 5px; } #product img {padding: 0px 5px; } #partner {width: 570px;height:230px; float: left; background: #0065B5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom:5px; padding: 5px;} #partner img {padding: 0px 5px; } .table_tol th { color: #EDB749; border-bottom: 1px solid #37B5A5; padding: 12px 17px; } .table_tol td { color: #CAD4D6; border-bottom: 1px solid #37B5A5; border-right:1px solid #37B5A5; padding: 7px 17px; } .table_tol tr:last-child td { border-bottom: none; } .table_tol td:last-child { border-right: none; } .table_tol tr:hover td { background: #0a7fdb; } .table_tol { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 1em; width: 640px; text-align: left; border-collapse: collapse; background: #252F48; width: 100%; } .table_tol th { color: #EDB749; border-bottom: 1px solid #37B5A5; padding: 12px 17px; } .table_tol td { color: #CAD4D6; border-bottom: 1px solid #37B5A5; border-right:1px solid #37B5A5; padding: 7px 17px; vertical-align: top; } .table_tol tr:last-child td { border-bottom: none; } .table_tol td:last-child { border-right: none; } .table_tol tr td { background: #0065b5; } .table_tol a { color: #FFD21F; } .table_tol tr.action-buy td { text-align: center; font-size: 2em; } .items { margin-bottom: 10px; } .items:after { display: table; content: ""; line-height: 0; clear: both; } .items .item { float: left; width: 19.3%; background: #0065b5; padding: 10px; box-sizing: border-box; margin: 0 7px 7px 0; } .items .item:hover { background: #0a7fdb; } .items-2 .item { width: 49.3%; } .items-3 .item { width: 32.61%; } .items-4 .item { width: 24.3%; } .items-5 .item { width: 19.3%; } .item h3 { color: #ffea00; text-align: center; margin-bottom: 0; } .item-parameters { color: #fff; } .item-parameters li { margin-bottom: 10px; text-align: center; min-height: 4em; } .items:hover .item a { } .item-img { } .item-title { min-height: 3em !important; overflow: hidden; } .item-price strong { font-size: 1.5em; color: #ffea00; } .item-button { padding-top: 10px; } .button{text-decoration:none; text-align:center; padding:11px 32px; border:solid 1px #004F72; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px; font:18px Arial, Helvetica, sans-serif; font-weight:bold; color:#E5FFFF; background-color:#3BA4C7; background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982A5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 ); background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%); -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; -moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; } .button:hover{ text-decoration:none; padding:11px 32px; border:solid 1px #004F72; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px; font:18px Arial, Helvetica, sans-serif; font-weight:bold; color:#E5FFFF; background-color:#1897c2; background-image: -moz-linear-gradient(top, #1897c2 0%, #025c7a 100%); background-image: -webkit-linear-gradient(top, #1897c2 0%, #025c7a 100%); background-image: -o-linear-gradient(top, #1897c2 0%, #025c7a 100%); background-image: -ms-linear-gradient(top, #1897c2 0% ,#025c7a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#025c7a', endColorstr='#025c7a',GradientType=0 ); background-image: linear-gradient(top, #1897c2 0% ,#025c7a 100%); -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; -moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; } .button:focus{ text-decoration:none; } #zakaz1{ width: 500px ; height: auto; padding: 30px 30px; 10px; 10px; margin: 05px 5px; 5px; 5px; outline: 5px #0065b5 solid } .wp-caption-text {text-align: center; } .modal { color: #fff; } #content .modal h2 { color: #fff; } #main-sliders a, .articles a, .mtphr-dnt a { color: #ffd21f; } .mtphr-dnt a { text-decoration: none; } #main-sliders a:focus, #main-sliders a:active, #main-sliders a:hover, .articles a:focus, .articles a:active, .articles a:hover, .mtphr-dnt a:focus, .mtphr-dnt a:active, .mtphr-dnt a:hover { color: #ffcf00; } /*************** #coworkers {bottom:0px; width: 790px; float: left;} #welcomesyou {margin-top: 20px; width: 790px; float: left;} **/ /****** NAVIGATION STYLES ******************************************************************/ /* background: #1170c6;*/ /*.submenu { margin: 0 auto; } #012e58 width: 320px; color: #FFD21F; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /*ul.g-img-prev-with-caption li:hover {background: #a600f3} */ /* #content ul.gallery li { list-style: none; float: left; margin: 0 5px 0 0; } #content ul.gallery li p { font-size: 11px; line-height: 14px; font-family: Verdana, Arial, Geneva, sans-serif; text-align: left } #content ul.gallery li a img { width: 240px; height: 180px } #content ul.gallery li .wp-caption { height: 210px; overflow: hidden } div.wp-caption { padding: 20px;} .gallery div.wp-caption { padding: 0 10px 10px 0; } .wp-caption-text { font-size: 12px; font-style: oblique } .g2 { margin-top: 50px !important } .g2 img { margin: 0 18px 28px 0; width: 133px !important; height: 100px !important }*/
Заранее благодарю.
Подпись пользователя frolov1028 Пью, курю, ругаюсь матом.
GaV
Дата: Понедельник, 22.05.2017, 09:44 | Сообщение # 2
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Доктор
Группа: Гл. модератор
Сообщений: 1262
Цитата frolov1028 (
)
Народ прувет. выровнять вид материалов. Вот скрины проблемы.
Здорова! Как оно!? Серег, у этого вида материалов, чтоб он не "плыл" и был одинаковый, наверное как и у многих ему подобных... Названия в заголовке у всех новостей должно быть одинаковым, так же, как и само описание товара.... Я имею ввиду, что дли на текста должна быть приблизительно одинаковой...
Подпись пользователя GaV