Square Box IE + OPERA

KATEGORİ

@{
    int card2Col = 3;
    int card2TotalRow = 1;
    int card2CategoryOrderNumber = 3;

    if (Partial.isCategoryOrderNumber(card2CategoryOrderNumber))
    {
        IEnumerable<Category>
        card2Category = Partial.CategorySubOrderNumber(card2CategoryOrderNumber, lang);
        Category category2idno = Partial.Category(card2CategoryOrderNumber, lang);
        int card2Count = Convert.ToInt32(Math.Ceiling(card2Category.Count() / Convert.ToDouble(card2Col)));
        <div class="container-fluid bg-white discus-parallax">
            <div class="container p-2">
                <div class="big-title3 text-center mt-3">
                    <h2>@category2idno.CategoryTitle.HtmlEncode()</h2>
                </div>
                @for (int componen = 0; componen < card2TotalRow; componen++)
                {
                    <div class="row">
                        @foreach (Category comCategory in card2Category.Skip(componen * card2Col).Take(card2Col))
                        {
                            <div class="col-sm-12 col-md-@(12 / card2Col)">
                                <div class="kutu3">
                                    <div class="news-div3">
                                        <a href="@Partial.CategoryLink(comCategory.CategoryID)">
                                            <div class="news-images3" style="background-image: url(@comCategory.CategoryThumbnail)"></div>
                                            <h2>@comCategory.CategoryTitle.HtmlEncode()</h2>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        }
                    </div>
                }
            </div>
        </div>
    }
}

MAKALE

@{
    int card1Col = 3;
    int card1TotalRow = 1;
    int card1CategoryOrderNumber = 2;

    if (Partial.isCategoryOrderNumber(card1CategoryOrderNumber))
    {
        IEnumerable<Post>
        card1Posts = Partial.PostsOrderNumber(card1CategoryOrderNumber, 0, card1Col * card1TotalRow, Partial.Order.OrderBy, true, lang);
        Category category1title = Partial.Category(card1CategoryOrderNumber, lang);
        int card1Count = Convert.ToInt32(Math.Ceiling(card1Posts.Count() / Convert.ToDouble(card1Col)));
        <div class="container-fluid bg-white discus-parallax">
            <div class="container p-2">
                <div class="big-title3 text-center mt-3">
                    <h2>@category1title.CategoryTitle.HtmlEncode() </h2>
                </div>
                @for (int componen = 0; componen < card1Count; componen++)
                {
                    <div class="row">
                        @foreach (Post comPost in card1Posts.Skip(componen * card1Col).Take(card1Col))
                        {
                            <div class="col-sm-12 col-md-@(12 / card1Col)">
                                <div class="kutu3">
                                    <div class="news-div3">
                                        <a href="@Partial.PostLink(comPost.PostID)">
                                            <div class="news-images3" style="background-image: url(@comPost.PostThumbnail)"></div>
                                            <h2>@comPost.PostTitle.HtmlEncode()</h2>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        }
                    </div>
                }
            </div>
        </div>
    }
}

CSS

/*********************** Square Box ID = 3 *******************/
div.kutu3 {
    margin-bottom: 20px !important;
}

.news-div3 {
    overflow: hidden;
    position: relative;
}

    .news-div3 a {
        display: block;
    }

.news-images3 {
    width: 100%;
    margin-top: 15px;
    border: 0px solid #f6f6f6;
    min-height: 260px;
    max-height: 260px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-position: 50% 50%;
    transition: background-size .2s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    margin-bottom: 2px;
}

.news-div3 h2 {
    border-radius: 0px 0px 3px 3px;
    bottom: 0;
    border-top: 5px solid #d9b4a2;
    width: 100%;
    left: 0;
    background: rgb(251, 241, 231);
    padding: 15px 9px;
    color: #616161;
    margin: 0;
    font: 17px Sans-Serif;
    line-height: 1.4;
    letter-spacing: 2px;
    text-align: center;
}

    .news-div3 h2:hover {
        border-radius: 0px 0px 3px 3px;
        bottom: 0;
        border-top: 5px solid #d9b4a2;
        width: 100%;
        left: 0;
        background: #d9b4a3;
        padding: 15px 9px;
        color: #fff;
        margin: 0;
        font: 17px Sans-Serif;
        line-height: 1.4;
        letter-spacing: 2px;
        text-align: center;
    }

www.docdrarzuakcal.com