Sitemde yer alan bir bölümdeki resimlere
:before
ile gölge koydum. Ama nedense bütün düzen aynı olmasına rağmen ilk kutuda aşağıdaki şekilde gözüküyor. Baya uğraştım ama sorunu çözemedim, her türlü tavsiyeye açığım.

<div class="bootstrap-threecol-stacked" id="mini-panel-articles_3_categories">
<div class="row"> <!-- @TODO: Add extra classes -->
<div class="panel-panel left col-lg-4">
<!-- THEME DEBUG -->
<!-- CALL: theme('panels_pane') -->
<!-- FILE NAME SUGGESTIONS:
* panels-pane--views-panes--articles-post-graduation-and-careers.tpl.php
* panels-pane--views-panes.tpl.php
x panels-pane.tpl.php
-->
<!-- BEGIN OUTPUT from 'sites/all/modules/panels/templates/panels-pane.tpl.php' -->
<div class="panel-pane pane-views-panes pane-articles-post-graduation-and-careers content_tb_2">
<h2 class="pane-title">
Mezuniyet Sonrası ve Kariyer </h2>
<div class="pane-content">
<!-- THEME DEBUG -->
<!-- CALL: theme('views_view') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views/theme/views-view.tpl.php' -->
<div class="view view-articles view-id-articles view-display-id-post_graduation_and_careers view-dom-id-66298bfaafc0052c3e44ff90dd8365b0 jquery-once-1-processed">
<div class="view-content">
<!-- THEME DEBUG -->
<!-- CALL: theme('views_view_unformatted') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views/theme/views-view-unformatted.tpl.php' -->
<div class="views-row views-row-1 views-row-odd views-row-first views-row-last">
<!-- THEME DEBUG -->
<!-- CALL: theme('views_view_fields') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views/theme/views-view-fields.tpl.php' -->
<div class="views-field views-field-field-image articles_image_absolute"> <div class="field-content"><a href="/tr/article/%C3%BCniversite-gazetelerinde-%C3%A7al%C4%B1%C5%9Fma-imkanlar%C4%B1"><img typeof="foaf:Image" class="img-responsive" src="http://www.kampuster.com/sites/default/files/styles/large/public/default_images/art_photo_soho.jpeg?itok=wGezjkPl" width="480" height="360" alt=""></a></div> </div>
<!-- THEME DEBUG -->
<!-- CALL: theme('views_fieldsets_div') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views_fieldsets/templates/views-fieldsets-div.tpl.php' -->
<div class="articles_container_absolute views-fieldset" data-module="views_fieldsets">
<!-- THEME DEBUG -->
<!-- CALL: theme('views_fieldsets_div') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views_fieldsets/templates/views-fieldsets-div.tpl.php' -->
<div class="articles_content_absolute views-fieldset" data-module="views_fieldsets">
<div class="views-field views-field-title"><h4 class="field-content"><a href="/tr/article/%C3%BCniversite-gazetelerinde-%C3%A7al%C4%B1%C5%9Fma-imkanlar%C4%B1">Üniversite Gazetelerinde Çalışma İmkanları</a></h4></div> <div class="views-field views-field-body"><div class="field-content"></div></div>
<!-- THEME DEBUG -->
<!-- CALL: theme('views_fieldsets_div') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views_fieldsets/templates/views-fieldsets-div.tpl.php' -->
<div class="articles_tools_absolute views-fieldset" data-module="views_fieldsets">
<div class="views-field views-field-changed"><span class="views-label views-label-changed glyphicon glyphicon-calendar"> </span><span class="field-content">Nisan 23, 2019</span></div> </div>
<!-- END OUTPUT from 'sites/all/modules/views_fieldsets/templates/views-fieldsets-div.tpl.php' -->
</div>
<!-- END OUTPUT from 'sites/all/modules/views_fieldsets/templates/views-fieldsets-div.tpl.php' -->
</div>
<!-- END OUTPUT from 'sites/all/modules/views_fieldsets/templates/views-fieldsets-div.tpl.php' -->
<div class="views-field views-field-view articles_links_absolute"> <span class="field-content">
<!-- THEME DEBUG -->
<!-- CALL: theme('views_view') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views/theme/views-view.tpl.php' -->
<div class="view view-articles view-id-articles view-display-id-articles_links view-dom-id-61450d78537badb9ca55bd888e37ba58">
<div class="view-content">
<!-- THEME DEBUG -->
<!-- CALL: theme('views_bootstrap_list_group_plugin_style') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views_bootstrap/templates/list_group/views-bootstrap-list-group-plugin-style.tpl.php' -->
<ul id="views-bootstrap-list-group-1" class="list-group views-bootstrap-list-group-plugin-style">
<li class="list-group-item">
<!-- THEME DEBUG -->
<!-- CALL: theme('views_view_fields') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views/theme/views-view-fields.tpl.php' -->
<div class="views-field views-field-title"> <span class="field-content"><a href="/tr/article/%C3%BCniversitelerde-siber-g%C3%BCvenlik-e%C4%9Fitimi">Üniversitelerde Siber Güvenlik Eğitimi</a></span> </div>
<!-- END OUTPUT from 'sites/all/modules/views/theme/views-view-fields.tpl.php' -->
</li>
<li class="list-group-item">
<!-- THEME DEBUG -->
<!-- CALL: theme('views_view_fields') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views/theme/views-view-fields.tpl.php' -->
<div class="views-field views-field-title"> <span class="field-content"><a href="/tr/article/yurtd%C4%B1%C5%9F%C4%B1-e%C4%9Fitimin-kariyer-hedeflerine-faydalar%C4%B1">Yurtdışı Eğitimin Kariyer Hedeflerine Faydaları</a></span> </div>
<!-- END OUTPUT from 'sites/all/modules/views/theme/views-view-fields.tpl.php' -->
</li>
</ul>
<!-- END OUTPUT from 'sites/all/modules/views_bootstrap/templates/list_group/views-bootstrap-list-group-plugin-style.tpl.php' -->
</div>
</div>
<!-- END OUTPUT from 'sites/all/modules/views/theme/views-view.tpl.php' -->
</span> </div>
<!-- END OUTPUT from 'sites/all/modules/views/theme/views-view-fields.tpl.php' -->
</div>
<!-- END OUTPUT from 'sites/all/modules/views/theme/views-view-unformatted.tpl.php' -->
</div>
</div>
<!-- END OUTPUT from 'sites/all/modules/views/theme/views-view.tpl.php' -->
</div>
</div>
<!-- END OUTPUT from 'sites/all/modules/panels/templates/panels-pane.tpl.php' -->
</div> <div class="panel-panel middle col-lg-4">
<!-- THEME DEBUG -->
<!-- CALL: theme('panels_pane') -->
<!-- FILE NAME SUGGESTIONS:
* panels-pane--views-panes--articles-financial-aid-and-scholarships.tpl.php
* panels-pane--views-panes.tpl.php
x panels-pane.tpl.php
-->
<!-- BEGIN OUTPUT from 'sites/all/modules/panels/templates/panels-pane.tpl.php' -->
<div class="panel-pane pane-views-panes pane-articles-financial-aid-and-scholarships content_tb_2">
<h2 class="pane-title">
Finansal Destek ve Burslar </h2>
<div class="pane-content">
<!-- THEME DEBUG -->
<!-- CALL: theme('views_view') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views/theme/views-view.tpl.php' -->
<div class="view view-articles view-id-articles view-display-id-financial_aid_and_scholarships view-dom-id-d5a2b93a2aa1912100b0b9ad7157ad7e jquery-once-1-processed">
<div class="view-content">
<!-- THEME DEBUG -->
<!-- CALL: theme('views_view_unformatted') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views/theme/views-view-unformatted.tpl.php' -->
<div class="views-row views-row-1 views-row-odd views-row-first views-row-last">
<!-- THEME DEBUG -->
<!-- CALL: theme('views_view_fields') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views/theme/views-view-fields.tpl.php' -->
<!-- THEME DEBUG -->
<!-- CALL: theme('views_fieldsets_div') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views_fieldsets/templates/views-fieldsets-div.tpl.php' -->
<div class="articles_container_absolute views-fieldset" data-module="views_fieldsets">
<div class="views-field views-field-field-image articles_image_absolute"><div class="field-content"><a href="/tr/article/e%C4%9Fitimde-maddi-imkanlar-ve-f%C4%B1rsatlar"><img typeof="foaf:Image" class="img-responsive" src="http://www.kampuster.com/sites/default/files/styles/large/public/default_images/art_photo_soho.jpeg?itok=wGezjkPl" width="480" height="360" alt=""></a></div></div>
<!-- THEME DEBUG -->
<!-- CALL: theme('views_fieldsets_div') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views_fieldsets/templates/views-fieldsets-div.tpl.php' -->
<div class="articles_content_absolute views-fieldset" data-module="views_fieldsets">
<div class="views-field views-field-title"><h4 class="field-content"><a href="/tr/article/e%C4%9Fitimde-maddi-imkanlar-ve-f%C4%B1rsatlar">Eğitimde Maddi İmkanlar ve Fırsatlar</a></h4></div> <div class="views-field views-field-body"><div class="field-content"></div></div>
<!-- THEME DEBUG -->
<!-- CALL: theme('views_fieldsets_div') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views_fieldsets/templates/views-fieldsets-div.tpl.php' -->
<div class="articles_tools_absolute views-fieldset" data-module="views_fieldsets">
<div class="views-field views-field-changed"><span class="views-label views-label-changed glyphicon glyphicon-calendar"> </span><span class="field-content">Nisan 21, 2019</span></div> </div>
<!-- END OUTPUT from 'sites/all/modules/views_fieldsets/templates/views-fieldsets-div.tpl.php' -->
</div>
<!-- END OUTPUT from 'sites/all/modules/views_fieldsets/templates/views-fieldsets-div.tpl.php' -->
</div>
<!-- END OUTPUT from 'sites/all/modules/views_fieldsets/templates/views-fieldsets-div.tpl.php' -->
<div class="views-field views-field-view articles_links_absolute"> <span class="field-content">
<!-- THEME DEBUG -->
<!-- CALL: theme('views_view') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views/theme/views-view.tpl.php' -->
<div class="view view-articles view-id-articles view-display-id-articles_links view-dom-id-7444c66db1ed3cec351ad1b7cce8c150">
<div class="view-content">
<!-- THEME DEBUG -->
<!-- CALL: theme('views_bootstrap_list_group_plugin_style') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views_bootstrap/templates/list_group/views-bootstrap-list-group-plugin-style.tpl.php' -->
<ul id="views-bootstrap-list-group-2" class="list-group views-bootstrap-list-group-plugin-style">
<li class="list-group-item">
<!-- THEME DEBUG -->
<!-- CALL: theme('views_view_fields') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views/theme/views-view-fields.tpl.php' -->
<div class="views-field views-field-title"> <span class="field-content"><a href="/tr/article/abdde-spor-bursu-imkanlar%C4%B1">ABD'de Spor Bursu İmkanları</a></span> </div>
<!-- END OUTPUT from 'sites/all/modules/views/theme/views-view-fields.tpl.php' -->
</li>
</ul>
<!-- END OUTPUT from 'sites/all/modules/views_bootstrap/templates/list_group/views-bootstrap-list-group-plugin-style.tpl.php' -->
</div>
</div>
<!-- END OUTPUT from 'sites/all/modules/views/theme/views-view.tpl.php' -->
</span> </div>
<!-- END OUTPUT from 'sites/all/modules/views/theme/views-view-fields.tpl.php' -->
</div>
<!-- END OUTPUT from 'sites/all/modules/views/theme/views-view-unformatted.tpl.php' -->
</div>
</div>
<!-- END OUTPUT from 'sites/all/modules/views/theme/views-view.tpl.php' -->
</div>
</div>
<!-- END OUTPUT from 'sites/all/modules/panels/templates/panels-pane.tpl.php' -->
</div> <div class="panel-panel right col-lg-4">
<!-- THEME DEBUG -->
<!-- CALL: theme('panels_pane') -->
<!-- FILE NAME SUGGESTIONS:
* panels-pane--views-panes--articles-market-review.tpl.php
* panels-pane--views-panes.tpl.php
x panels-pane.tpl.php
-->
<!-- BEGIN OUTPUT from 'sites/all/modules/panels/templates/panels-pane.tpl.php' -->
<div class="panel-pane pane-views-panes pane-articles-market-review content_tb_2">
<h2 class="pane-title">
Market İncelemesi </h2>
<div class="pane-content">
<!-- THEME DEBUG -->
<!-- CALL: theme('views_view') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views/theme/views-view.tpl.php' -->
<div class="view view-articles view-id-articles view-display-id-market_review view-dom-id-162d4649f612d351575069bea9471ec3 jquery-once-1-processed">
<div class="view-content">
<!-- THEME DEBUG -->
<!-- CALL: theme('views_view_unformatted') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views/theme/views-view-unformatted.tpl.php' -->
<div class="views-row views-row-1 views-row-odd views-row-first views-row-last">
<!-- THEME DEBUG -->
<!-- CALL: theme('views_view_fields') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views/theme/views-view-fields.tpl.php' -->
<!-- THEME DEBUG -->
<!-- CALL: theme('views_fieldsets_div') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views_fieldsets/templates/views-fieldsets-div.tpl.php' -->
<div class="articles_container_absolute views-fieldset" data-module="views_fieldsets">
<div class="views-field views-field-field-image articles_image_absolute"><div class="field-content"><a href="/tr/article/gelire-g%C3%B6re-tercih-edilen-%C3%BCniversiteler"><img typeof="foaf:Image" class="img-responsive" src="http://www.kampuster.com/sites/default/files/styles/large/public/default_images/art_photo_soho.jpeg?itok=wGezjkPl" width="480" height="360" alt=""></a></div></div>
<!-- THEME DEBUG -->
<!-- CALL: theme('views_fieldsets_div') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views_fieldsets/templates/views-fieldsets-div.tpl.php' -->
<div class="articles_content_absolute views-fieldset" data-module="views_fieldsets">
<div class="views-field views-field-title"><h4 class="field-content"><a href="/tr/article/gelire-g%C3%B6re-tercih-edilen-%C3%BCniversiteler">Gelire Göre Tercih Edilen Üniversiteler</a></h4></div> <div class="views-field views-field-body"><div class="field-content"></div></div>
<!-- THEME DEBUG -->
<!-- CALL: theme('views_fieldsets_div') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views_fieldsets/templates/views-fieldsets-div.tpl.php' -->
<div class="articles_tools_absolute views-fieldset" data-module="views_fieldsets">
<div class="views-field views-field-changed"><span class="views-label views-label-changed glyphicon glyphicon-calendar"> </span><span class="field-content">Nisan 21, 2019</span></div> </div>
<!-- END OUTPUT from 'sites/all/modules/views_fieldsets/templates/views-fieldsets-div.tpl.php' -->
</div>
<!-- END OUTPUT from 'sites/all/modules/views_fieldsets/templates/views-fieldsets-div.tpl.php' -->
</div>
<!-- END OUTPUT from 'sites/all/modules/views_fieldsets/templates/views-fieldsets-div.tpl.php' -->
<div class="views-field views-field-view articles_links_absolute"> <span class="field-content">
<!-- THEME DEBUG -->
<!-- CALL: theme('views_view') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views/theme/views-view.tpl.php' -->
<div class="view view-articles view-id-articles view-display-id-articles_links view-dom-id-681a2618b26ca09d015be4526875b154">
<div class="view-content">
<!-- THEME DEBUG -->
<!-- CALL: theme('views_bootstrap_list_group_plugin_style') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views_bootstrap/templates/list_group/views-bootstrap-list-group-plugin-style.tpl.php' -->
<ul id="views-bootstrap-list-group-3" class="list-group views-bootstrap-list-group-plugin-style">
<li class="list-group-item">
<!-- THEME DEBUG -->
<!-- CALL: theme('views_view_fields') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views/theme/views-view-fields.tpl.php' -->
<div class="views-field views-field-title"> <span class="field-content"><a href="/tr/article/doktora-%C3%B6%C4%9Frencileri-hangi-%C3%BClkeleri-tercih-ediyorlar">Doktora Öğrencileri Hangi Ülkeleri Tercih Ediyorlar?</a></span> </div>
<!-- END OUTPUT from 'sites/all/modules/views/theme/views-view-fields.tpl.php' -->
</li>
<li class="list-group-item">
<!-- THEME DEBUG -->
<!-- CALL: theme('views_view_fields') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views/theme/views-view-fields.tpl.php' -->
<div class="views-field views-field-title"> <span class="field-content"><a href="/tr/article/du%CC%88nyan%C4%B1n-en-prestijli-moda-u%CC%88niversiteleri">Dünyanın En Prestijli Moda Üniversiteleri</a></span> </div>
<!-- END OUTPUT from 'sites/all/modules/views/theme/views-view-fields.tpl.php' -->
</li>
<li class="list-group-item">
<!-- THEME DEBUG -->
<!-- CALL: theme('views_view_fields') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views/theme/views-view-fields.tpl.php' -->
<div class="views-field views-field-title"> <span class="field-content"><a href="/tr/article/uluslararas%C4%B1-%C3%B6%C4%9Frencilerle-ilgili-g%C3%BCncel-bilgiler">Uluslararası Öğrencilerle ilgili Güncel Bilgiler</a></span> </div>
<!-- END OUTPUT from 'sites/all/modules/views/theme/views-view-fields.tpl.php' -->
</li>
<li class="list-group-item">
<!-- THEME DEBUG -->
<!-- CALL: theme('views_view_fields') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views/theme/views-view-fields.tpl.php' -->
<div class="views-field views-field-title"> <span class="field-content"><a href="/tr/article/%C3%BCcretin-ve-eme%C4%9Fin-kar%C5%9F%C4%B1l%C4%B1%C4%9F%C4%B1n%C4%B1-veren-%C3%BCniversiteler">Ücretin Ve Emeğin Karşılığını Veren Üniversiteler</a></span> </div>
<!-- END OUTPUT from 'sites/all/modules/views/theme/views-view-fields.tpl.php' -->
</li>
<li class="list-group-item">
<!-- THEME DEBUG -->
<!-- CALL: theme('views_view_fields') -->
<!-- BEGIN OUTPUT from 'sites/all/modules/views/theme/views-view-fields.tpl.php' -->
<div class="views-field views-field-title"> <span class="field-content"><a href="/tr/article/y%C3%BCksek-%C3%B6%C4%9Frenim-faydalar%C4%B1-%C3%BCzerine-10-y%C4%B1ll%C4%B1k-%C3%A7al%C4%B1%C5%9Fma-sonu%C3%A7lar%C4%B1">Yüksek Öğrenim Faydaları Üzerine 10 Yıllık Çalışma Sonuçları</a></span> </div>
<!-- END OUTPUT from 'sites/all/modules/views/theme/views-view-fields.tpl.php' -->
</li>
</ul>
<!-- END OUTPUT from 'sites/all/modules/views_bootstrap/templates/list_group/views-bootstrap-list-group-plugin-style.tpl.php' -->
</div>
</div>
<!-- END OUTPUT from 'sites/all/modules/views/theme/views-view.tpl.php' -->
</span> </div>
<!-- END OUTPUT from 'sites/all/modules/views/theme/views-view-fields.tpl.php' -->
</div>
<!-- END OUTPUT from 'sites/all/modules/views/theme/views-view-unformatted.tpl.php' -->
</div>
</div>
<!-- END OUTPUT from 'sites/all/modules/views/theme/views-view.tpl.php' -->
</div>
</div>
<!-- END OUTPUT from 'sites/all/modules/panels/templates/panels-pane.tpl.php' -->
</div> </div>
</div>.articles_image_absolute:before {[LIST=1][*] content: ' ';[*] position: absolute;[*] top: 0;[*] bottom: 0;[*] left: 0;[*] right: 0;[*] -webkit-transition: opacity 300ms ease;[*] -moz-transition: opacity 300ms ease;[*] transition: opacity 300ms ease;[*] background: -webkit-linear-gradient(bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 20%,rgba(0,0,0,0)80%,rgba(0,0,0,0) 100%);[*] background: -moz-linear-gradient(bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 20%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);[*] background: linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,1)20%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);[*] opacity: .8;[*] pointer-events: none;[*] z-index: 1;[*] -webkit-transform: translate3d(0,0,0);[*] -moz-transform: translate3d(0,0,0);[*] -ms-transform: translate3d(0,0,0);[*] transform: translate3d(0,0,0);[/LIST]}