/* =====================================================================
Quami — Ortak Tema (sv=2)
---------------------------------------------------------------------
Bu dosyadaki her secici, yerel siteden alinan gercek sayfa ciktisi
(docs/tasarim/DocMan.html — giris yapilmis ManagementPage) uzerinde
dogrulanmistir. Dogrulanan gercek DOM:
div.header
div.headerLeft > img.contanierInfoImage , a.logo > div.logo
div.headerCenter > div.banner (theme.css: 0x0 boyut)
div.headerRight > div.headerInformaitons
> div.headerInformaitonsContent
span#..lblYourInformations (bos)
div.floatToLeft (satir ici: 49x36, flex)
input[type=image]#..btnProfilePicture
div.seperatorVertical
"bulent coskun
Test" <-- CIPLAK METIN
> input[type=image]#..lnkbtnExit
td.q-sidecol > div.filterPanel > div.filterPanelContainer
> div.contanierContentPanelImage
span.menuText ("Menu")
div.dxmLite.dxm-ltr > div.dxm-main.dxm-vertical#..MainMenu
> ul.dx.dxm-image-l.dxm-noImages
> li.dxm-item.menuRow[.dxm-disabled|.dxm-checked.menuRowChecked]
> div.dxm-content | a.dxm-content.dx
> span.dx-vam <-- metin burada
> div.dxm-popOut > img (alt menu oku)
> li.dxm-spacing (ayirici)
DevExpress'in SATIR ICI stilini ezdigimiz yerler ayrica isaretlidir.
KAPSAM DISI (kasitli): SharedSources/css/koza.css icindeki global
`* { font-size: 9pt }`, orta alandaki modul icerigi (tablo, arac
cubugu), DDO, resizePopup sinif adlari, viewport meta etiketi.
===================================================================== */
:root {
--q-navy: #1E3556; /* ust cubuk */
--q-side: #1C3560; /* sol sutun */
--q-side-hi: #27467A; /* sol sutun hover */
--q-side-on: #16294D; /* sol sutun secili */
--q-side-txt: #D7E0EC; /* sol sutun yazi */
--q-side-dim: #8FA6C6; /* sol sutun grup basligi */
--q-orange: #E8772E;
--q-orange-2: #C9601D;
--q-ink: #1F2933;
--q-ink-2: #5B6B7C;
--q-line: #DDE3EA;
--q-bg: #F3F5F8;
--q-panel: #FFFFFF;
--q-hover: #F0F4F9;
--q-radius: 8px;
/* ---- yazi boyutlari (tek noktadan ayarlanir) ---- */
--q-ust-yazi: 17px; /* ust cubuk */
--q-menu-yazi: 15px; /* sol menu ust seviye ogeleri */
--q-menu-alt-yazi: 14.5px; /* sol menu alt ogeleri */
--q-menu-grup-yazi: 11.5px; /* sol menu grup basliklari */
--q-sayfa-baslik-yazi: 18px; /* modul sayfa basligi */
--q-tb-etiket-yazi: 12px; /* arac cubugu ikon etiketleri */
/* ---- olculer ---- */
--q-menu-genislik: 200px; /* sol menu sutunu */
/* Arac cubugu dugme kutusu artik YAZIYA gore genisliyor; alt ve ust
sinir asagidaki iki degiskenden geliyor. Sabit taban kaldirildi. */
--q-tb-kutu-dar: 52px; /* en dar */
--q-tb-kutu-en: 100px; /* en genis (yaziya gore buyur) */
--q-tb-bosluk: 2px; /* dugmeler arasi bosluk */
/* Modul icerigi. Eskisi koza.css'teki global `* { font-size: 9pt }`
(= 12px) idi; o kurala DOKUNULMUYOR, yalniz orta sutunda eziliyor.
Eski gorunuse donmek icin tek yapilacak: 13px -> 9pt. */
--q-modul-yazi: 15px; /* modul govdesi */
--q-tablo-satir-yazi: 14.5px; /* tablo veri satirlari */
--q-modul-baslik-yazi: 14px; /* tablo baslik satiri */
--q-pencere-yazi: 14.5px; /* pencere (modal) govdesi */
--q-form-etiket-yazi: 14px; /* form alani etiketleri */
/* YAZI TIPI — Google Fonts baglantisi MyMasterPage.Master'dadir.
Yuklenmezse asagidaki sistem yazi tipine duser.
BASKA YAZI TIPI DENEMEK ICIN TEK SATIR: buradaki "Nunito" yerine
istedigini yaz (or. "Quicksand"), Master'daki baglantida da
family=Nunito:wght@400;600;700 yerine ayni adi koy. Baska yer yok. */
--q-font: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif;
}
/* =====================================================================
0) FONT AWESOME KORUMASI
---------------------------------------------------------------------
font-awesome.min.css su kurali koyuyor:
.fa { font: normal normal normal 14px/1 FontAwesome; }
ozgullugu (0,1,0) ve !important YOK. Asagidaki `.header *` ve benzeri
kurallarimiz ise (0,1,0) + !important oldugu icin onu EZIYOR ve ikon
govde yazi tipiyle ciziliyordu: \f08b gibi Ozel Kullanim Alani
kod noktalari o yazi tipinde bulunmadigi icin tarayici yedek bir sekil
(uc yatay cizgi gibi) gosteriyordu. Cikis dugmesindeki "fa-sign-out"un
uc cizgi gorunmesinin sebebi buydu.
`i.fa` (0,1,1) oldugu icin kurallarimizi geciyor.
===================================================================== */
i.fa.fa, .fa.fa {
font-family: FontAwesome !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
text-transform: none !important;
}
/* Boyut carpanlari korunsun (widget'larda fa-2x kullaniliyor) */
i.fa-lg { font-size: 1.33333333em !important; }
i.fa-2x { font-size: 2em !important; }
i.fa-3x { font-size: 3em !important; }
/* =====================================================================
1) UST CUBUK
---------------------------------------------------------------------
DUZELTME (tema v1 hatasi): .headerCenter'a display:flex verilmisti.
Bu onu inline-block'tan BLOK seviyesine cikardi; kaynakta ondan sonra
gelen float:right'li .headerRight bir satir asagi itildi ve .header'in
overflow:hidden'i onu tamamen kirpti. Kullanici adi, firma ve cikis
dugmesi bu yuzden kayboldu. Cozum: float yok — .header'in kendisi flex.
===================================================================== */
.header {
display: flex !important;
align-items: center;
height: 52px !important;
background: var(--q-navy) !important;
background-image: none !important;
border-bottom: 1px solid #16273F;
text-align: left !important; /* generic.css: text-align:center */
font-family: var(--q-font) !important;
/* overflow: generic.css'teki hidden korunuyor; flex ile artik guvenli */
}
.header,
.header *:not(.fa) {
font-size: var(--q-ust-yazi) !important;
font-family: var(--q-font) !important;
}
/* Gorsel ogeler 14px'ten etkilenmesin (alt metin bosluk yapmasin) */
.header img,
.header input[type="image"] { font-size: 0 !important; }
.headerLeft {
float: none !important; /* generic.css: float:left */
width: auto !important; /* generic.css: width:400px */
display: flex;
align-items: center;
gap: 10px;
height: 52px;
padding-left: 14px;
}
.headerCenter {
flex: 1 1 auto; /* bosluk burada esnesin */
min-width: 0;
display: block !important; /* flex YAPMA — v1 hatasi buydu */
height: auto !important;
}
.headerRight {
float: none !important; /* generic.css: float:right */
display: flex;
align-items: center;
margin-left: auto;
height: 52px;
padding-right: 14px;
}
.headerInformaitons {
float: none !important; /* generic.css: float:right */
display: flex !important; /* generic.css: display:table */
align-items: center;
gap: 8px;
height: 52px !important; /* generic.css: height:40px */
overflow: visible !important;
}
.headerInformaitons .headerInformaitonsContent {
display: flex !important; /* generic.css: display:block */
align-items: center;
gap: 8px;
width: auto !important; /* generic.css: width:235px */
height: auto !important; /* generic.css: height:40px */
float: none !important;
overflow: visible !important; /* generic.css: overflow:auto */
color: #FFFFFF !important;
text-shadow: none !important; /* generic.css: koyu golge */
letter-spacing: 0 !important;
line-height: 1.25 !important;
white-space: nowrap;
}
/* Profil fotografini saran div'in SATIR ICI 49x36 olcusu eziliyor */
.header .headerInformaitonsContent > div.floatToLeft,
.header .headerInformaitonsContent > div.floatToRight {
float: none !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
}
.header .seperatorVertical {
width: 1px !important;
height: 24px !important;
margin: 0 4px !important;
background: rgba(255,255,255,.20) !important;
border: 0 !important;
}
.header .testSite {
top: 58px; /* ust cubuk 40 -> 52px oldu */
font-size: 20px !important;
}
/* ---------------------------------------------------------------------
CIKIS DUGMESI (WebParts/Header.ascx -> lnkbtnExit, asp:ImageButton)
Font Awesome 4.6.3 yuklu (SharedSources/css/font-awesome.min.css).
ImageButton ikon fontu tasiyamaz, ::before de alamaz; bu yuzden
js/q-tb-eskiquami.js dugmeyi bir kutuya alip icine
+ "Cikis" yazisini koyuyor, asil
ise kutunun uzerine SEFFAF bir katman olarak
yayiliyor. Boylece tiklama dogrudan asil dugmeye gidiyor,
markup ve .cs degismiyor. Carpi artik yalniz pencerelerde.
--------------------------------------------------------------------- */
.q-exit {
position: relative;
display: inline-flex;
align-items: center;
gap: 7px;
height: 32px;
margin-left: 6px;
padding: 0 14px;
border: 1px solid rgba(255,255,255,.25);
border-radius: 16px;
background: rgba(255,255,255,.08);
color: #fff;
font-family: var(--q-font);
font-size: var(--q-ust-yazi);
line-height: 1;
white-space: nowrap;
cursor: pointer;
transition: background .12s, border-color .12s;
}
.q-exit:hover {
background: var(--q-orange);
border-color: var(--q-orange);
}
.q-exit .fa { font-size: 16px !important; }
/* Asil dugme: gorunmez ama tiklanabilir katman */
.q-exit input[type="image"] {
position: absolute !important;
top: 0; left: 0;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
opacity: 0;
cursor: pointer;
}
/* Kopru calismazsa asil dugme kendi halinde gorunur kalir */
.header input[type="image"][id$="btnProfilePicture"] {
width: 32px !important;
height: 32px !important;
border-radius: 50% !important;
background: rgba(255,255,255,.10);
}
/* =====================================================================
2) SOL SUTUN — koyu lacivert, sayfa sonuna kadar
---------------------------------------------------------------------
.q-sidecol : MyMasterPage.Master'daki sol . SATIR ICI
background:#0D0D0E tasidigi icin !important sart. td tablonun tam
yuksekliginde oldugundan sutun sayfa sonuna kadar lacivert iner.
===================================================================== */
td.q-sidecol { background: var(--q-side) !important; }
/* Sol sutun genisligi. generic.css:880/894 ve colors.css:986 200px
diyor; uzun menu adlari ("Dokuman Yonetimi") 17px'te tek satira
sigsin diye 300px'e cikarildi. Tablo duzeni oldugu icin icerik
sutunu kendiliginden kayar, ayrica bir sey yapmaya gerek yok. */
.filterPanel,
.filterPanelContainer,
.filterPanel .filterColor {
width: var(--q-menu-genislik) !important;
max-width: var(--q-menu-genislik) !important;
}
.filterPanel {
background: var(--q-side) !important;
background-image: none !important; /* generic.css: background.jpg */
border-right: 0 !important;
}
.filterPanelContainer { border: 0 !important; margin-right: 0 !important; }
.contanierContentPanelImage {
background-color: transparent !important; /* colors.css: beyaz %40 */
height: auto !important; /* generic.css: 350px */
}
/* Menunun ustundeki "Menu" yazisi kalkti */
.menuText { display: none !important; }
/* Menunun altindaki filtre kutusu lacivertin uzerinde saydam dursun.
.labelMenu yazi rengi zaten acik (#E4EAF1), lacivertte okunuyor. */
.filterColor { background-color: transparent !important; }
/* ---------------------------------------------------------------------
ASPxMenu govdesi
--------------------------------------------------------------------- */
#ctl00_ContentPlaceHolderTopMenu_MainMenu {
padding-left: 0 !important; /* generic.css: 15px */
background-color: transparent !important; /* generic.css: #F0F0F0 */
}
.filterPanel .dxmLite,
.filterPanel .dxmLite .dxm-main {
background: transparent !important;
background-color: transparent !important; /* colors.css: beyaz %40 */
opacity: 1 !important; /* colors.css: .8 */
border: 0 !important;
padding: 0 !important; /* DevExpress: padding:2px */
}
.filterPanel .dxmLite .dxm-item,
.filterPanel .dxmLite .dxm-popOut {
background: transparent !important;
background-color: transparent !important;
border-color: transparent !important;
}
/* Ayirici li'ler */
.dxm-spacing { display: none !important; }
/* Metin. colors.css `.dxm-content` icin font-family:impact ve
color:rgb(10,10,11) diyor (ikisi de !important) — burada eziliyor. */
.filterPanel .dxm-content,
.filterPanel .dxmLite .dxm-content {
padding: 9px 16px !important; /* DX SATIR ICI padding ezilir */
color: var(--q-side-txt) !important;
font-family: var(--q-font) !important;
font-size: var(--q-menu-yazi) !important;
line-height: 1.35 !important;
border-left: 3px solid transparent !important;
text-decoration: none !important;
}
/* Alt menulu ogelerde ok icin sagda yer birak (DX normalde 28px koyar) */
.filterPanel .dxmLite .dxm-main .dxm-subMenu > .dxm-content {
padding-right: 30px !important;
}
/* DevExpress'in sag uctaki ok blogu tamamen kalkiyor. colors.css:944
bu ogeye `background:#fca931 !important` (turuncu) veriyor ve 4 sinif
ozgullugunde; burada 5 sinif + display:none ile kesin olarak kapatiliyor.
Akordiyon kendi okunu ciziyor; JS calismazsa da turuncu blok gorunmez. */
.filterPanel .dxmLite .dxm-main .dxm-item .dxm-popOut,
.filterPanel .dxmLite .dxm-main .dxm-item .dxm-popOut img {
display: none !important;
}
/* Uzerine gelince */
.filterPanel .dxmLite .dxm-main .dxm-item.dxm-hovered,
.filterPanel .dxmLite .dxm-main .dxm-item.dxm-hovered > .dxm-content {
background: var(--q-side-hi) !important;
background-image: none !important; /* colors.css: bg-footer.png */
color: #FFFFFF !important;
}
/* Secili oge: sol kenarda 3px turuncu, beyaz yazi.
colors.css'teki `.dxm-checked.menuRowChecked { background:#bbf2ae }` ve
`.menuRowChecked { background-color:rgb(190,190,190) }` (acik seftali /
gri) bu kurallarla eziliyor — 5 sinifla ozgullugu daha yuksek. */
.filterPanel .dxmLite .dxm-main .dxm-item.dxm-checked,
.filterPanel .dxmLite .dxm-main .dxm-item.menuRowChecked,
.filterPanel .dxmLite .dxm-main .dxm-item.dxm-selected {
background: var(--q-side-on) !important;
background-image: none !important;
border-color: transparent !important;
}
.filterPanel .dxmLite .dxm-main .dxm-item.dxm-checked > .dxm-content,
.filterPanel .dxmLite .dxm-main .dxm-item.menuRowChecked > .dxm-content,
.filterPanel .dxmLite .dxm-main .dxm-item.dxm-selected > .dxm-content {
background: transparent !important;
color: #FFFFFF !important;
font-weight: 600 !important;
border-left-color: var(--q-orange) !important;
}
/* ---------------------------------------------------------------------
Grup basliklari — li.dxm-item.dxm-disabled (gercek DOM'da dogrulandi)
DevExpress devre disi ogeye `color:#acacac` verir; burada eziliyor.
--------------------------------------------------------------------- */
.filterPanel .dxmLite .dxm-main .dxm-item.dxm-disabled,
.filterPanel .dxmLite .dxm-main .dxm-item.dxm-disabled:hover {
background: transparent !important;
background-image: none !important;
}
.filterPanel .dxmLite .dxm-main .dxm-item.dxm-disabled > .dxm-content {
padding: 18px 16px 6px !important;
color: var(--q-side-dim) !important;
font-size: var(--q-menu-grup-yazi) !important;
font-weight: 700 !important;
letter-spacing: .09em !important;
text-transform: uppercase !important;
border-left-color: transparent !important;
cursor: default !important;
}
/* Ilk baslik menunun en ustunde; fazladan bosluk olmasin */
.filterPanel .dxmLite .dxm-main > ul > li:first-child.dxm-disabled > .dxm-content {
padding-top: 12px !important;
}
/* ---------------------------------------------------------------------
Alt menu acilir kutulari — beyaz, golgeli, koyu yazili (aynen kaliyor)
Bu kurallar .filterPanel kurallarindan SONRA gelmeli; ayrica
.filterPanel ile de yaziliyor ki ozgulluk kesin yetsin.
--------------------------------------------------------------------- */
.dxmLite .dxm-popup,
.filterPanel .dxmLite .dxm-popup {
padding: 6px !important; /* DevExpress: 1px */
background: var(--q-panel) !important;
border: 1px solid var(--q-line) !important;
border-radius: var(--q-radius) !important;
box-shadow: 0 12px 34px rgba(15,28,48,.30) !important;
}
.dxmLite .dxm-popup .dxm-gutter,
.filterPanel .dxmLite .dxm-popup .dxm-gutter {
background: transparent !important;
background-image: none !important; /* DevExpress: gutter deseni */
}
.dxmLite .dxm-popup .dxm-content,
.filterPanel .dxmLite .dxm-popup .dxm-content {
padding: 8px 12px !important;
color: var(--q-ink) !important;
font-family: var(--q-font) !important;
font-size: var(--q-menu-alt-yazi) !important;
line-height: 1.35 !important;
border-left: 0 !important;
border-radius: 6px !important;
}
.dxmLite .dxm-popup .dxm-item.dxm-hovered,
.dxmLite .dxm-popup .dxm-item.dxm-hovered > .dxm-content,
.filterPanel .dxmLite .dxm-popup .dxm-item.dxm-hovered,
.filterPanel .dxmLite .dxm-popup .dxm-item.dxm-hovered > .dxm-content {
background: var(--q-hover) !important;
background-image: none !important;
color: var(--q-ink) !important;
}
.dxmLite .dxm-popup .dxm-item.dxm-checked,
.dxmLite .dxm-popup .dxm-item.menuSubRowChecked,
.filterPanel .dxmLite .dxm-popup .dxm-item.dxm-checked,
.filterPanel .dxmLite .dxm-popup .dxm-item.menuSubRowChecked {
background: #FBF1EA !important;
background-image: none !important;
}
.dxmLite .dxm-popup .dxm-item.dxm-checked > .dxm-content,
.filterPanel .dxmLite .dxm-popup .dxm-item.dxm-checked > .dxm-content {
color: var(--q-navy) !important;
font-weight: 600 !important;
}
/* =====================================================================
2b) AKORDIYON MENU — tema baglantisi
---------------------------------------------------------------------
Bilesenin kendisi css/q-nav.css + js/q-nav.js icindedir ve bu projeye
HIC bagli degildir. Burada yalniz iki sey var:
(a) bilesenin --q-nav-* degiskenlerini Quami temasindan beslemek
(b) koprunun asil ASPxMenu'yu gizlemesi icin kullandigi sinif
Koprunun kendisi: js/q-nav-eskiquami.js (atilabilir katman).
JS calismazsa .q-nav hic olusmaz, .q-nav-replaced eklenmez ve
yukaridaki DevExpress menu stilleri devreye girer (guvenli geri donus).
===================================================================== */
.q-nav {
--q-nav-bg: var(--q-side);
--q-nav-fg: var(--q-side-txt);
--q-nav-fg-sub: #BFCEE2;
--q-nav-fg-dim: var(--q-side-dim);
--q-nav-hover-bg: var(--q-side-hi);
--q-nav-active-fg: #FFFFFF;
--q-nav-accent: var(--q-orange);
--q-nav-font: var(--q-font);
--q-nav-size: var(--q-menu-yazi);
--q-nav-size-sub: var(--q-menu-alt-yazi);
--q-nav-size-group: var(--q-menu-grup-yazi);
--q-nav-pad-y: 7px; /* satir yuksekligi (15px yaziya gore) */
--q-nav-pad-y-sub: 5px;
}
/* Asil ASPxMenu. display:none DEGIL, gorsel gizleme: DevExpress oge
olculerini okuyabilsin ve programatik .click() calismaya devam etsin.
Mutlak konumlu alt menu kutulari da bu kutuya kirpilir. */
.q-nav-replaced {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0);
pointer-events: none;
}
/* =====================================================================
3) YENI SINIFLAR — .q-btn / .q-tb / .q-modal
---------------------------------------------------------------------
Taslakta .btn / .tb adiyla geciyordu. Bootstrap yuklu ve .btn 7
kontrolde canli kullaniliyor, bu yuzden "q-" onekli tanimlandilar.
Henuz hicbir markup kullanmiyor — davranis degisikligi yok.
===================================================================== */
.q-btn {
display: inline-block;
box-sizing: border-box;
border: 1px solid var(--q-line);
background: #fff;
color: var(--q-ink);
border-radius: var(--q-radius);
padding: 7px 13px;
font-family: var(--q-font);
font-size: 14px;
line-height: 1.2;
text-decoration: none;
cursor: pointer;
transition: background .12s, border-color .12s;
}
.q-btn:hover { background: var(--q-hover); border-color: #C9D2DC; text-decoration: none; }
.q-btn:focus-visible { outline: 2px solid var(--q-orange); outline-offset: 2px; }
.q-btn[disabled], .q-btn.q-btn--off { opacity: .45; cursor: default; }
.q-btn--primary {
background: var(--q-orange);
border-color: var(--q-orange);
color: #fff;
font-weight: 600;
}
.q-btn--primary:hover { background: var(--q-orange-2); border-color: var(--q-orange-2); color: #fff; }
.q-btn--quiet { border-color: transparent; background: transparent; color: var(--q-navy); }
.q-btn--quiet:hover { background: #EEF2F7; }
.q-btn--danger { border-color: #C4453C; color: #C4453C; }
.q-btn--danger:hover { background: #FBEDEC; border-color: #A93A32; }
.q-btn .q-n {
display: inline-block;
min-width: 18px;
margin-left: 6px;
padding: 0 5px;
border-radius: 9px;
background: var(--q-navy);
color: #fff;
font-size: 11px;
font-weight: 600;
text-align: center;
}
.q-tb {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 12px;
font-family: var(--q-font);
font-size: 14px;
}
.q-tb .q-tb__spacer { flex: 1; }
.q-tb .q-tb__search {
display: flex;
align-items: center;
gap: 6px;
height: 34px;
min-width: 280px;
padding: 0 10px;
background: #fff;
border: 1px solid var(--q-line);
border-radius: var(--q-radius);
}
.q-tb .q-tb__search input {
flex: 1;
border: 0;
outline: 0;
background: transparent;
font-family: var(--q-font);
font-size: 14px;
}
.q-tb__title {
margin: 0 0 16px;
color: var(--q-ink);
font-family: var(--q-font);
font-size: 20px;
font-weight: 600;
}
/* .q-modal — KALDIRILDI.
Bu sinif ASPxPopupControl (.dxpcLite) hedefliyordu. Yakalanan iki
gercek sayfada da .dxpcLite HIC gecmiyor: bu uygulamada modal'lar
elle yazilmis div.contanierPanelFixed kutulari. Gercek modal
stilleri asagida 7. bolumde. */
/* =====================================================================
4) MODUL ICERIGI — temel yazi boyutu
---------------------------------------------------------------------
SharedSources/css/koza.css su iki kurali koyuyor:
* { font-family: arial; font-size: 9pt; } (12px)
.dxgvControl *, .dxpgControl *, .dxeBase
{ font: 8pt arial !important; color: black !important; }
Bu kurallara DOKUNULMUYOR. Yalniz orta sutun (td.q-maincol) icinde
eziliyorlar: `td.q-maincol *` ozgullugu (0,1,1) her ikisini de gecer.
Ust cubuk ve sol menu bu kapsamin disindadir.
:not(.fa) — Font Awesome ikonlari bu kuraldan MUAF. Aksi halde ikon
fontu ve boyut carpanlari (fa-2x) eziliyor, ikonlar yedek sekil
olarak (uc yatay cizgi gibi) ciziliyordu.
GERI ALMAK ICIN: --q-modul-yazi degerini 9pt, --q-modul-baslik-yazi
degerini 8pt yapmak yeter; baska hicbir sey degistirmeye gerek yok.
===================================================================== */
td.q-maincol,
td.q-maincol *:not(.fa) {
font-size: var(--q-modul-yazi) !important;
}
/* Gorsel ogeler metin boyutundan etkilenmesin */
td.q-maincol img,
td.q-maincol input[type="image"] {
font-size: 0 !important;
}
/* Tablo baslik satiri */
td.q-maincol .dxgvHeader,
td.q-maincol .dxgvHeader *:not(.fa) {
font-size: var(--q-modul-baslik-yazi) !important;
}
/* =====================================================================
5) ARAC CUBUGU (2. adim)
---------------------------------------------------------------------
Gercek DOM (DocMan.html / DocMan2.html):
div#ctl00_pnlResultDataHeader.contentPanelTitle
div.contentPanelHeader > span#ctl00_lblDataHeader <- sayfa basligi
div#ctl00_pnlResultDataHeaderButtons.floatToLeft <- SATIR ICI width:750px
input[type=image]#ctl00_btnNew title="Yeni"
div#..._pnlDetail > div.seperatorVertical
+ input[type=image]#..._btnDetail title="Detay"
... (modul basina 21 ikon dugmesi, hepsi markup'ta title tasiyor)
div#ctl00_pnlExportTool
div > ASPxComboBox (pdf/xls/xlsx/rtf/csv)
div > input[type=image]#ctl00_btnExporter (title YOK)
Ikon dugmelerini "ikon ustte / yazi altta" kutusuna saran katman
js/q-tb-eskiquami.js'tir: her input[type=image]'i .q-tb__item icine
alir ve title'dan bir .q-tb__label uretir. CSS tek basina bunu
yapamaz cunku yer degistirmis bir ogedir,
::after alamaz ve metin tasiyamaz.
===================================================================== */
/* --- cubuk --- */
td.q-maincol .contentPanelTitle {
display: flex !important;
align-items: flex-start;
flex-wrap: nowrap; /* sag blok alt satira SARKMASIN */
/* Sutun boslugu 0: baslik ile dugmeler arasindaki mesafe tek yerden
(.contentPanelHeader margin-right) verilsin. */
gap: 4px 0;
padding: 10px 12px 8px !important;
background: #fff;
border-bottom: 1px solid var(--q-line);
}
/* --- sayfa basligi: 18px lacivert --- */
/* Baslik kutusu icerik kadar; sabit genislik yok.
generic.css:498 `#ctl00_lblDataHeader { padding-right: 20px }` diyor;
ID secicisi (1,0,0) oldugu icin ancak !important ile eziliyor.
Basliktan sonraki bosluk TEK yerden geliyor: asagidaki margin-right.
24px -> 10px: ikon grubu basligin hemen sagindan bassin. */
td.q-maincol .contentPanelTitle .contentPanelHeader {
flex: 0 0 auto;
align-self: center;
width: auto !important;
margin-right: 10px;
padding: 0 !important;
}
td.q-maincol .contentPanelTitle .contentPanelHeader > span {
padding-right: 0 !important; /* generic.css:498 */
}
td.q-maincol .contentPanelTitle .contentPanelHeader,
td.q-maincol .contentPanelTitle .contentPanelHeader *:not(.fa) {
color: var(--q-navy) !important;
font-family: var(--q-font) !important;
font-size: var(--q-sayfa-baslik-yazi) !important;
font-weight: 700 !important;
line-height: 1.25 !important;
}
/* Dugme kabi: SATIR ICI width:750px eziliyor, yoksa cubuk sabit kaliyor */
/* Sol bolum: yer kalmayinca KENDI ICINDE sarar */
td.q-maincol #ctl00_pnlResultDataHeaderButtons {
display: flex !important;
align-items: stretch;
flex-wrap: wrap;
gap: var(--q-tb-bosluk);
float: none !important;
width: auto !important;
flex: 1 1 auto;
min-width: 0; /* sarabilmesi icin sart */
}
/* Dugmeleri saran modul panelleri (pnlDetail, pnlDelete ...) akistan
cikarilir: display:contents ile panelin KENDISI kutu olmaktan cikar,
icindeki dugmeler dogrudan ust kabin flex ogesi olur. Boylece sarma
soldan saga, dugme dugme ve SIRAYLA olur. Onceden her panel bolunmez
tek bir oge oldugu icin "Sil-Arsiv-Temizle" grubu birlikte alt satira
atlayip "Kimler Gorebilir" tek basina kaliyordu. */
/* DIKKAT — ManagementPage.aspx'te paneller IC ICE:
pnlSelectAuthority
> btnAuthority
> pnlDelete ( btnDelete, btnGotoArchive, btnClearSelection,
labelPanelBig/lblPath )
> pnlRiskEffect ( btnDown, ImageButton1 )
Onceki kural yalniz DOGRUDAN cocuklari (> div) akistan cikariyordu;
pnlDelete ve pnlRiskEffect kutu olarak kaliyor, icindeki uc dugme tek
bir blok gibi davraniyor ve order alamadigi icin 0'da kalip EN BASA
geciyordu ("Sil, Arsiv, Temizle" bastaydi). Artik kabin ICINDEKI TUM
saran div'ler akistan cikariliyor; boylece her dugme ayri flex ogesi
olup kendi order'ini aliyor.
Yol seridi (.labelPanelBig) ve ayiricilar bunun disinda tutuldu. */
td.q-maincol #ctl00_pnlResultDataHeaderButtons div:not(.labelPanelBig):not(.seperatorVertical):not(.q-path) {
display: contents;
}
/* Sarma her zaman soldan saga ve ust hizali */
td.q-maincol #ctl00_pnlResultDataHeaderButtons {
justify-content: flex-start !important;
align-content: flex-start !important;
}
/* Panel icindeki float kalintilari sarmayi bozmasin */
td.q-maincol #ctl00_pnlResultDataHeaderButtons .q-tb__item,
td.q-maincol #ctl00_pnlResultDataHeaderButtons input[type="image"],
td.q-maincol #ctl00_pnlResultDataHeaderButtons input.button {
float: none !important;
}
/* Dugmeler arasindaki dikey cizgiler artik gereksiz */
td.q-maincol .contentPanelTitle .seperatorVertical,
td.q-maincol .contentPanelTitle .seperatorVerticalShort {
display: none !important;
}
/* Sag blok: hep ayni satirin sag ucunda, hic sarmaz */
td.q-maincol #ctl00_pnlExportTool {
display: flex !important;
align-items: center;
flex: 0 0 auto;
flex-wrap: nowrap;
gap: 6px;
margin-left: auto;
float: none !important;
white-space: nowrap;
}
td.q-maincol #ctl00_pnlExpandAndCollapse {
display: flex !important;
align-items: center;
flex: 0 0 auto;
flex-wrap: nowrap;
gap: 6px;
float: none !important;
}
td.q-maincol #ctl00_pnlExportTool > div { float: none !important; padding: 0 !important; }
/* --- ikon + yazi kutusu (q-tb-eskiquami.js uretir) --- */
.q-tb__item {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 3px;
/* Genislik YAZIYA GORE. Sabit 64px tabanda "Dokuman Ekle" ve
"Okumaya Gonder" gibi uzun TEK kelimeler kutuya sigmiyor ve
overflow:hidden onlari kelime ortasindan kirpiyordu
("Dokumaı", "Okumay:"). Artik kutu icerigi kadar genis:
en az 52px, en cok 100px. Tek sira oldugu icin kutularin
esit genislikte olmasi artik gerekmiyor (iki siralı duzende
siralarin ayni noktada bitmesi icin sarttı). */
width: auto;
flex: 0 0 auto;
min-width: var(--q-tb-kutu-dar);
max-width: var(--q-tb-kutu-en);
padding: 6px 5px 5px;
border: 1px solid transparent;
border-radius: 6px;
background: transparent;
cursor: pointer;
transition: background .12s, border-color .12s;
}
.q-tb__item:hover {
background: var(--q-hover);
border-color: #C9D2DC;
}
.q-tb__label {
display: block;
width: 100%;
color: var(--q-ink-2);
font-family: var(--q-font);
font-size: var(--q-tb-etiket-yazi) !important;
line-height: 1.15;
text-align: center;
/* Kelime ortasindan BOLUNMESIN ("Dokuma-n Ekle" olmasin);
iki kelimelik etiketler yalniz kelime sinirindan kirilsin. */
word-break: normal;
overflow-wrap: normal;
hyphens: none;
white-space: normal;
/* Etiket kutusu HER ZAMAN iki satir yuksekliginde: tek satirlik
"Sil" ile iki satirlik "Hareket Gecmisi" ayni yuksekligi
kaplasin, sira yuksekligi etikete gore oynamasin. */
height: 2.3em; /* 2 x line-height(1.15) */
overflow: hidden;
}
.q-tb__item:hover .q-tb__label { color: var(--q-navy); }
/* Ana islem dugmesi turuncu. ARAC CUBUGUNDA KULLANILMIYOR — turuncu
yalniz pencere icindeki Kaydet / "Secilenleri gonder" gibi ana
dugmelerde. Kopru btnNew'e artik bu sinifi vermiyor. */
.q-tb__item.q-tb__item--primary {
background: var(--q-orange);
border-color: var(--q-orange);
}
.q-tb__item.q-tb__item--primary:hover {
background: var(--q-orange-2);
border-color: var(--q-orange-2);
}
.q-tb__item.q-tb__item--primary .q-tb__label { color: #fff; font-weight: 600; }
.q-tb__item.q-tb__item--primary:hover .q-tb__label { color: #fff; }
/* Turuncu zeminde koyu ikon okunmuyor, beyaza cevriliyor */
.q-tb__item.q-tb__item--primary input[type="image"] { filter: brightness(0) invert(1); }
/* Cubuktaki metinli dugmeler (Iceri Al / Hepsini Genislet / Daralt) */
td.q-maincol .contentPanelTitle input.button {
height: auto !important;
min-width: 0 !important;
margin: 0 !important;
padding: 7px 12px !important;
align-self: center;
border: 1px solid var(--q-line) !important;
border-radius: 6px !important;
background: #fff !important;
background-image: none !important;
color: var(--q-ink) !important;
font: var(--q-tb-etiket-yazi)/1.2 var(--q-font) !important;
box-shadow: none !important;
}
td.q-maincol .contentPanelTitle input.button:hover {
background: var(--q-hover) !important;
border-color: #C9D2DC !important;
}
/* =====================================================================
6) TABLOLAR — DevExpress ASPxGridView
---------------------------------------------------------------------
Gercek DOM: table.dxgvControl > ... > td.dxgvHeader (ic tabloda
td.dx-wrap metni tasir) ; tr.dxgvDataRow[.dxgvDataRowAlt] > td.dxgv ;
div.dxgvSearchPanel ; div.dxgvPagerBottomPanel > div.dxpLite.
colors.css:758-768 gride kahverengi (#96875a) cerceve ve hucre
kenarligi veriyor (!important) — burada temizleniyor.
SABIT SUTUN GENISLIKLERINE DOKUNULMUYOR.
===================================================================== */
td.q-maincol .dxgvControl,
td.q-maincol .dxgvDisabled {
border: 1px solid var(--q-line) !important; /* colors.css: #96875a */
border-radius: 8px !important;
background: #fff !important;
overflow: hidden;
}
/* Baslik satiri */
td.q-maincol .dxgvHeader,
td.q-maincol .dxgvHeader table,
td.q-maincol .dxgvHeader td {
background: #EEF1F5 !important;
background-image: none !important;
border-color: var(--q-line) !important;
color: var(--q-ink-2) !important;
font-family: var(--q-font) !important;
font-size: var(--q-modul-baslik-yazi) !important;
font-weight: 700 !important;
text-transform: none !important;
}
td.q-maincol .dxgvHeader {
height: 34px !important;
padding: 6px 8px !important;
}
/* Veri satirlari */
td.q-maincol .dxgvDataRow td.dxgv,
td.q-maincol .dxgvDataRowAlt td.dxgv,
td.q-maincol .dxgvEditFormDisplayRow td.dxgv {
height: 34px !important;
padding: 6px 8px !important;
border-color: var(--q-line) !important; /* colors.css: #96875a */
border-width: 0 0 1px 0 !important;
border-style: solid !important;
background: transparent !important;
color: var(--q-ink) !important;
font-family: var(--q-font) !important;
font-size: var(--q-tablo-satir-yazi) !important;
}
td.q-maincol .dxgvDataRow,
td.q-maincol .dxgvDataRowAlt { background: #fff !important; }
td.q-maincol .dxgvDataRow:hover td.dxgv,
td.q-maincol .dxgvDataRowAlt:hover td.dxgv { background: var(--q-hover) !important; }
/* Secili / odakli satir: acik turuncu */
td.q-maincol .dxgvSelectedRow td.dxgv,
td.q-maincol .dxgvFocusedRow td.dxgv,
td.q-maincol .dxgvSelectedRow:hover td.dxgv,
td.q-maincol .dxgvFocusedRow:hover td.dxgv {
background: #FBF1EA !important;
color: var(--q-navy) !important;
}
/* Arama kutusu ve sayfalayici sade */
td.q-maincol .dxgvSearchPanel {
padding: 8px !important;
border: 0 !important;
border-bottom: 1px solid var(--q-line) !important;
background: #fff !important;
}
td.q-maincol .dxgvPagerBottomPanel,
td.q-maincol .dxgvPagerTopPanel {
padding: 8px !important;
border: 0 !important;
border-top: 1px solid var(--q-line) !important;
background: #fff !important;
}
td.q-maincol .dxpLite,
td.q-maincol .dxpLite *:not(.fa) {
font-family: var(--q-font) !important;
font-size: var(--q-modul-baslik-yazi) !important;
color: var(--q-ink-2) !important;
}
td.q-maincol .dxpLite .dxp-num,
td.q-maincol .dxpLite .dxp-button {
min-width: 26px;
margin: 0 2px !important;
padding: 3px 6px !important;
border: 1px solid transparent !important;
border-radius: 5px !important;
background: transparent !important;
text-align: center;
}
td.q-maincol .dxpLite .dxp-num:hover,
td.q-maincol .dxpLite .dxp-button:hover { background: var(--q-hover) !important; }
td.q-maincol .dxpLite .dxp-current {
background: var(--q-navy) !important;
border-color: var(--q-navy) !important;
color: #fff !important;
font-weight: 600;
}
td.q-maincol .dxpLite .dxp-disabledButton { opacity: .4; }
/* Excel benzeri kalin cerceveler */
td.q-maincol .dxgvControl,
td.q-maincol .dxgvTable,
td.q-maincol .dxgvHeader,
td.q-maincol td.dxgv { box-shadow: none !important; }
/* =====================================================================
7) PENCERELER (.q-modal)
---------------------------------------------------------------------
DIKKAT: Bu uygulamada modal'lar ASPxPopupControl DEGILDIR. Yakalanan
sayfalarda dxpcLite hic gecmiyor. Modal'lar elle yazilmis div'ler:
div.contanierPanelFixed[Hidden].block.draggable
div.drager.contanierPanelHeader
div.contanierClosePanel > input.contanierCloseButton (value="Close")
div.containerHeaderText > span.containerHeaderText
div.notDraggable.contanierPanelContent
div.contanierContentPanel
... div.actionButtonsModule
div.actionButtonModule (Kaydet)
div.actionButtonModuleCancel (Vazgec)
div.actionButtonModuleLeft (yardim baglantisi)
js/KozaScripts.js:475 resizePopup() `.contanierPanelFixed` secicisiyle
calisiyor ve `.contanierPanelFixedHidden` gizli durumu tutuyor;
BU SINIF ADLARI KORUNDU, hicbiri yeniden adlandirilmadi.
===================================================================== */
.contanierPanelFixed,
.contanierPanelFixedHidden {
border: 0 !important;
border-radius: 10px !important;
background: var(--q-panel) !important;
box-shadow: 0 18px 50px rgba(30,53,86,.28) !important;
overflow: hidden;
font-family: var(--q-font) !important;
}
/* Baslik: lacivert */
.contanierPanelFixed .contanierPanelHeader,
.contanierPanelFixedHidden .contanierPanelHeader {
display: flex !important;
align-items: center;
height: 44px !important;
padding: 0 10px 0 16px !important;
margin: 0 !important;
background: var(--q-navy) !important;
background-image: none !important;
cursor: move;
}
.contanierPanelFixed .containerHeaderText,
.contanierPanelFixedHidden .containerHeaderText {
flex: 1 1 auto;
margin: 0 !important;
color: #fff !important;
font-family: var(--q-font) !important;
font-size: 16px !important;
font-weight: 600 !important;
text-align: left;
}
.contanierPanelFixed .contanierClosePanel,
.contanierPanelFixedHidden .contanierClosePanel {
order: 2; /* carpi sag ustte */
float: none !important;
margin: 0 0 0 10px !important;
}
/* Kapatma carpisi. input[type=submit] oldugu icin ::after alamiyor;
value="Close" metni font-size:0 ile gizlenip yerine SVG carpi cizildi.
Markup ve .cs degismedi. */
.contanierPanelFixed .contanierCloseButton,
.contanierPanelFixedHidden .contanierCloseButton,
.contanierPanelFixed .contanierCloseButtonOfAllwaysOnPage,
.contanierPanelFixedHidden .contanierCloseButtonOfAllwaysOnPage {
box-sizing: border-box !important;
width: 28px !important;
height: 28px !important;
padding: 0 !important;
float: none !important;
border: 0 !important;
border-radius: 6px !important;
font-size: 0 !important; /* "Close" yazisini gizler */
color: transparent !important;
background-color: transparent !important;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='28'%20height='28'%3E%3Cpath%20d='M9%209L19%2019M19%209L9%2019'%20stroke='%23ffffff'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: center !important;
cursor: pointer;
}
.contanierPanelFixed .contanierCloseButton:hover,
.contanierPanelFixedHidden .contanierCloseButton:hover,
.contanierPanelFixed .contanierCloseButtonOfAllwaysOnPage:hover,
.contanierPanelFixedHidden .contanierCloseButtonOfAllwaysOnPage:hover {
background-color: rgba(255,255,255,.16) !important;
}
/* Govde */
.contanierPanelFixed .contanierPanelContent,
.contanierPanelFixedHidden .contanierPanelContent { background: var(--q-panel) !important; }
.contanierPanelFixed .contanierContentPanel,
.contanierPanelFixedHidden .contanierContentPanel {
padding: 16px !important;
background: var(--q-panel) !important;
}
.contanierPanelFixed .contanierContentPanel,
.contanierPanelFixed .contanierContentPanel *:not(.fa),
.contanierPanelFixedHidden .contanierContentPanel,
.contanierPanelFixedHidden .contanierContentPanel *:not(.fa) {
font-family: var(--q-font) !important;
font-size: var(--q-pencere-yazi) !important;
}
.contanierPanelFixed .contanierContentPanel img,
.contanierPanelFixed .contanierContentPanel input[type="image"],
.contanierPanelFixedHidden .contanierContentPanel img,
.contanierPanelFixedHidden .contanierContentPanel input[type="image"] {
font-size: 0 !important;
}
/* Alt aksiyon seridi: yardim solda, "Vazgec - Kaydet" sagda */
/* Aksiyon seridi. DIKKAT: her modulde altta degil — TaskModule'de
icerigin USTUNDE duruyor ve yalniz ikon dugmeleri tasiyor. Bu yuzden
ortak kural yalnizca "sagda hizalanmis satir"; alt serit gorunumu
(ust cizgi + gri zemin + kenara tasma) sadece son cocukken veriliyor. */
.contanierPanelFixed .actionButtonsModule,
.contanierPanelFixedHidden .actionButtonsModule {
display: flex !important;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
gap: 8px;
width: auto !important;
height: auto !important;
margin: 0 0 12px !important;
padding: 0 !important;
}
.contanierPanelFixed .contanierContentPanel > .actionButtonsModule:last-child,
.contanierPanelFixedHidden .contanierContentPanel > .actionButtonsModule:last-child {
margin: 16px -16px -16px !important;
padding: 12px 16px !important;
border-top: 1px solid var(--q-line);
background: var(--q-bg);
}
.contanierPanelFixed .actionButtonsModule > div,
.contanierPanelFixedHidden .actionButtonsModule > div {
float: none !important;
padding: 0 !important;
}
.contanierPanelFixed .actionButtonModuleLeft,
.contanierPanelFixedHidden .actionButtonModuleLeft { order: 1; margin-right: auto; }
.contanierPanelFixed .actionButtonModuleCancel,
.contanierPanelFixedHidden .actionButtonModuleCancel { order: 2; } /* Vazgec */
.contanierPanelFixed .actionButtonModule,
.contanierPanelFixedHidden .actionButtonModule { order: 3; } /* Kaydet */
.contanierPanelFixed .actionButtonModuleRight,
.contanierPanelFixedHidden .actionButtonModuleRight { order: 4; }
/* =====================================================================
8) FORM ALANLARI ve BUTONLAR
---------------------------------------------------------------------
Sabit genislikli etiket/deger izgarasina (module.css:118-196)
DOKUNULMUYOR; yalniz yazi, yukseklik ve kenarlik.
===================================================================== */
td.q-maincol .label,
.contanierPanelFixed .label,
.contanierPanelFixedHidden .label {
color: var(--q-ink-2) !important;
font-family: var(--q-font) !important;
font-size: var(--q-form-etiket-yazi) !important;
font-weight: 500 !important;
line-height: 1.3 !important;
}
/* Girdi kutulari: 34px yukseklik, 4px kose, odakta lacivert kenar */
td.q-maincol input[type="text"],
td.q-maincol input[type="password"],
td.q-maincol select,
td.q-maincol textarea,
td.q-maincol .dxeEditArea,
.contanierPanelFixed input[type="text"],
.contanierPanelFixed input[type="password"],
.contanierPanelFixed select,
.contanierPanelFixed textarea,
.contanierPanelFixed .dxeEditArea,
.contanierPanelFixedHidden input[type="text"],
.contanierPanelFixedHidden input[type="password"],
.contanierPanelFixedHidden select,
.contanierPanelFixedHidden textarea,
.contanierPanelFixedHidden .dxeEditArea {
box-sizing: border-box;
min-height: 34px;
padding: 6px 8px !important;
border: 1px solid var(--q-line) !important;
border-radius: 4px !important;
background: #fff !important;
color: var(--q-ink) !important;
font-family: var(--q-font) !important;
font-size: var(--q-form-etiket-yazi) !important;
outline: none;
}
td.q-maincol textarea,
.contanierPanelFixed textarea,
.contanierPanelFixedHidden textarea { min-height: 68px; }
td.q-maincol input[type="text"]:focus,
td.q-maincol select:focus,
td.q-maincol textarea:focus,
.contanierPanelFixed input[type="text"]:focus,
.contanierPanelFixed select:focus,
.contanierPanelFixed textarea:focus,
.contanierPanelFixedHidden input[type="text"]:focus,
.contanierPanelFixedHidden select:focus,
.contanierPanelFixedHidden textarea:focus {
border-color: var(--q-navy-2) !important;
box-shadow: 0 0 0 2px rgba(43,74,117,.14) !important;
}
/* DevExpress editor kabuklari (ASPxTextBox / ASPxComboBox / ASPxDateEdit).
Ic zaten yukaridaki .dxeEditArea kuralini aliyor; kabuk
cercevesi burada sadelesir. */
td.q-maincol .dxeButtonEdit,
td.q-maincol .dxeTextBox,
.contanierPanelFixed .dxeButtonEdit,
.contanierPanelFixed .dxeTextBox,
.contanierPanelFixedHidden .dxeButtonEdit,
.contanierPanelFixedHidden .dxeTextBox {
border: 1px solid var(--q-line) !important;
border-radius: 4px !important;
background: #fff !important;
}
td.q-maincol .dxeButtonEdit .dxeEditArea,
.contanierPanelFixed .dxeButtonEdit .dxeEditArea,
.contanierPanelFixedHidden .dxeButtonEdit .dxeEditArea {
border: 0 !important;
border-radius: 0 !important;
min-height: 30px;
}
/* Modal butonlari: ana buton turuncu */
.contanierPanelFixed .button,
.contanierPanelFixedHidden .button {
height: auto !important;
min-width: 96px !important;
margin: 0 !important;
padding: 8px 16px !important;
border: 1px solid var(--q-line) !important;
border-radius: 6px !important;
background: #fff !important;
background-image: none !important;
color: var(--q-ink) !important;
font: var(--q-pencere-yazi)/1.2 var(--q-font) !important;
box-shadow: none !important;
cursor: pointer;
}
.contanierPanelFixed .button:hover,
.contanierPanelFixedHidden .button:hover {
background: var(--q-hover) !important;
border-color: #C9D2DC !important;
}
.contanierPanelFixed .buttonSave,
.contanierPanelFixedHidden .buttonSave,
.contanierPanelFixed .buttonAdd,
.contanierPanelFixedHidden .buttonAdd {
background: var(--q-orange) !important;
background-image: none !important;
border-color: var(--q-orange) !important;
color: #fff !important;
font-weight: 600 !important;
}
.contanierPanelFixed .buttonSave:hover,
.contanierPanelFixedHidden .buttonSave:hover,
.contanierPanelFixed .buttonAdd:hover,
.contanierPanelFixedHidden .buttonAdd:hover {
background: var(--q-orange-2) !important;
border-color: var(--q-orange-2) !important;
}
.contanierPanelFixed .buttonDelete,
.contanierPanelFixedHidden .buttonDelete {
border-color: #C4453C !important;
color: #C4453C !important;
background: #fff !important;
background-image: none !important;
}
/* =====================================================================
9) SOL SUTUNDAKI "FILTRELER" BOLUMU
---------------------------------------------------------------------
Lacivert zemin uzerinde okunur olsun; kutular form alanlariyla ayni
dilde ama koyu zemine uygun.
===================================================================== */
.filterPanel .labelMenu {
display: block !important;
padding: 0 0 4px !important;
color: #A9BCD6 !important;
font-family: var(--q-font) !important;
font-size: 12px !important;
font-weight: 600 !important;
text-align: left !important;
white-space: normal !important;
}
.filterPanel .labelPanelThin,
.filterPanel .labelPanelLite { width: auto !important; }
.filterPanel .filterColor { padding: 10px 16px 16px !important; }
.filterPanel input[type="text"],
.filterPanel select,
.filterPanel .dxeEditArea {
box-sizing: border-box;
width: 100% !important;
min-height: 32px;
padding: 5px 8px !important;
border: 1px solid rgba(255,255,255,.22) !important;
border-radius: 4px !important;
background: rgba(255,255,255,.06) !important;
color: #EAF0F8 !important;
font-family: var(--q-font) !important;
font-size: 13px !important;
}
.filterPanel input[type="text"]:focus,
.filterPanel select:focus,
.filterPanel .dxeEditArea:focus {
border-color: var(--q-orange) !important;
background: rgba(255,255,255,.12) !important;
outline: none;
}
.filterPanel .dxeButtonEdit,
.filterPanel .dxeTextBox {
width: 100% !important;
border: 1px solid rgba(255,255,255,.22) !important;
border-radius: 4px !important;
background: rgba(255,255,255,.06) !important;
}
.filterPanel .dxeButtonEdit .dxeEditArea { border: 0 !important; background: transparent !important; }
.filterPanel .valueLite,
.filterPanel .valuePanelLite,
.filterPanel .valuePanelThin { width: auto !important; }
.filterPanel .button {
height: auto !important;
min-width: 0 !important;
padding: 6px 12px !important;
border: 1px solid rgba(255,255,255,.22) !important;
border-radius: 6px !important;
background: rgba(255,255,255,.08) !important;
background-image: none !important;
color: #EAF0F8 !important;
font: 13px/1.2 var(--q-font) !important;
}
.filterPanel .button:hover { background: rgba(255,255,255,.16) !important; }
/* =====================================================================
10) ARAC CUBUGU IKONLARI — Font Awesome
---------------------------------------------------------------------
PNG'ler 16px ve degisken hizada. js/q-tb-eskiquami.js, esleme
tablosunda karsiligi olan her dugmeye koyar,
asil 'i kutunun uzerine SEFFAF katman olarak yayar
(tiklama dogrudan asil dugmeye gider). Eslemesi olmayan dugmede PNG
oldugu gibi kalir — .q-tb__item--fa sinifi eklenmez.
===================================================================== */
.q-tb__item { position: relative; }
.q-tb__icon {
display: block;
width: 100%;
font-size: 22px !important;
line-height: 22px;
text-align: center;
color: var(--q-ink-2);
}
.q-tb__item:hover .q-tb__icon { color: var(--q-navy); }
/* Ikon kullanildiginda asil dugme GORUNMEZ AMA TIKLANABILIR katman olur:
kutunun tamamini kaplar, opacity:0 (display:none DEGIL — o tiklamayi
da goturur). Tiklama dogrudan asil 'a gider, postback akisi
hic degismez.
DIKKAT — bir onceki turda bu iki kural ayni ozgullukteydi (0,2,1) ve
asagidaki PNG kurali dosyada DAHA SONRA geldigi icin katmanin
genisligini 22px'e dusuruyordu. Katman kutunun sol ust kosesinde
22x22 kaliyor, gorunen ikon ise yatay ortali oldugu icin tiklama bos
alana dusuyordu: dugmeler calismiyordu. Artik iki secici birbirini
disliyor (:not) ve ikisi de iki sinifli, yani kural sirasi onem
tasimiyor. */
.q-tb__item.q-tb__item--fa input[type="image"] {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
opacity: 0;
cursor: pointer;
z-index: 2;
}
/* PNG'de kalan dugmeler: yatay ortali, 22px, ayni hizada */
.q-tb__item:not(.q-tb__item--fa) input[type="image"] {
display: block;
width: 22px !important;
height: 22px !important;
margin: 0 auto !important;
float: none !important;
border: 0 !important;
background: transparent !important;
object-fit: contain;
}
/* Ikon ve yazi tiklamayi engellemesin; zaten ustlerinde seffaf katman var */
.q-tb__item .q-tb__icon,
.q-tb__item .q-tb__label { pointer-events: none; }
.q-tb__item--primary .q-tb__icon { color: #fff; }
.q-tb__item--primary:hover .q-tb__icon { color: #fff; }
/* =====================================================================
11) PENCERE ICI — sekmeler, form alanlari, ikon dugmeleri
---------------------------------------------------------------------
SEKMELER — DocMan3.html'den dogrulanan GERCEK DOM:
div.dxtcLite.dxtcSys.dxtc-top (satir ici width/overflow)
ul.dxtc-strip.dxtc-stripContainer (satir ici height:56px)
li.dxtc-leftIndent (5px bosluk)
li.dxtc-tab[.dxtc-lead] (pasif kopya)
li.dxtc-activeTab[.dxtc-lead] (aktif kopya)
li.dxtc-spacer
> a.dxtc-link > span.dx-vam (metin)
DevExpress her sekme icin HEM dxtc-tab HEM dxtc-activeTab 'si
uretir ve birini satir ici display:none ile gizler. Bu yuzden bu
ogelere display VERILMEZ — verilirse ikisi birden gorunur.
Satir ici height (ul 56px, li 54px) !important ile eziliyor.
===================================================================== */
.contanierPanelFixed .dxtcLite,
.contanierPanelFixedHidden .dxtcLite,
td.q-maincol .dxtcLite {
background: transparent !important;
border: 0 !important;
}
.contanierPanelFixed .dxtc-stripContainer,
.contanierPanelFixedHidden .dxtc-stripContainer,
td.q-maincol .dxtc-stripContainer {
height: auto !important; /* satir ici 56px */
margin: 0 0 14px !important;
padding: 0 !important;
border-bottom: 1px solid var(--q-line) !important;
background: transparent !important;
}
.contanierPanelFixed .dxtc-stripContainer > li,
.contanierPanelFixedHidden .dxtc-stripContainer > li,
td.q-maincol .dxtc-stripContainer > li {
height: auto !important; /* satir ici 54px */
vertical-align: bottom;
}
/* Bosluk ogeleri gereksiz */
.contanierPanelFixed .dxtc-spacer,
.contanierPanelFixed .dxtc-leftIndent,
.contanierPanelFixedHidden .dxtc-spacer,
.contanierPanelFixedHidden .dxtc-leftIndent,
td.q-maincol .dxtc-spacer,
td.q-maincol .dxtc-leftIndent {
width: 0 !important;
padding: 0 !important;
font-size: 0 !important;
}
.contanierPanelFixed .dxtc-tab,
.contanierPanelFixed .dxtc-activeTab,
.contanierPanelFixedHidden .dxtc-tab,
.contanierPanelFixedHidden .dxtc-activeTab,
td.q-maincol .dxtc-tab,
td.q-maincol .dxtc-activeTab {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-bottom: 2px solid transparent !important;
border-radius: 0 !important;
background: transparent !important; /* devexpress.css: #deddda */
background-image: none !important;
/* display VERILMEZ: DevExpress pasif kopyayi satir ici gizliyor */
}
/* Metin yalniz baglantida — .dx-vam'a da padding verilirse iki katlanir */
.contanierPanelFixed .dxtc-link,
.contanierPanelFixedHidden .dxtc-link,
td.q-maincol .dxtc-link {
display: inline-block;
padding: 9px 14px !important;
color: var(--q-ink-2) !important;
font-family: var(--q-font) !important;
font-size: var(--q-modul-yazi) !important;
text-decoration: none !important;
cursor: pointer;
}
.contanierPanelFixed .dxtc-tab:hover .dxtc-link,
.contanierPanelFixedHidden .dxtc-tab:hover .dxtc-link,
td.q-maincol .dxtc-tab:hover .dxtc-link { color: var(--q-navy) !important; }
/* Aktif sekme: lacivert yazi + lacivert alt cizgi */
.contanierPanelFixed .dxtc-activeTab,
.contanierPanelFixedHidden .dxtc-activeTab,
td.q-maincol .dxtc-activeTab {
border-bottom-color: var(--q-navy) !important;
}
.contanierPanelFixed .dxtc-activeTab .dxtc-link,
.contanierPanelFixedHidden .dxtc-activeTab .dxtc-link,
td.q-maincol .dxtc-activeTab .dxtc-link {
color: var(--q-navy) !important;
font-weight: 700 !important;
}
.contanierPanelFixed .dxtc-content,
.contanierPanelFixedHidden .dxtc-content,
td.q-maincol .dxtc-content {
border: 0 !important;
background: transparent !important;
padding: 0 !important;
}
/* --- pencere ici form alanlari ---------------------------------------
DevExpress editorleri |