MediaWiki:Common.css/KedaiKopi.css

Catatan: Selepas diterbitkan, anda mungkin perlu memintas cache pelayar web untuk melihat perubahan.

Firefox / Safari: Tahan Shift sambil klik Reload, atau tekan sama ada Ctrl-F5 atau Ctrl-R (⌘-R pada Mac)
Google Chrome: Tekan Ctrl-Shift-R (⌘-Shift-R pada Mac)
Edge: Tahan Ctrl sambil tekan Refresh, atau tekan Ctrl-F5.

/**
 *Gaya untuk laman-laman Kedai Kopi.
 **/
#m-laman-kedai-kopi{
    background:#d0e5f5;
    padding-top:5px;
}
#m-laman-kedai-kopi ul {
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
}
#m-laman-kedai-kopi ul li {
    display:inline;
}
#m-laman-kedai-kopi ul li a,
#m-laman-kedai-kopi ul li strong.selflink {
    display:inline-block;
    width:100px;
    text-align:center;
    line-height:30px;
    transition:background 0.5s;
}
#m-laman-kedai-kopi ul li strong.selflink {
    background:#abd5f5;
    border:1px solid #a3afb8;
    border-bottom:1px solid #abd5f5;
    
}
#m-laman-kedai-kopi ul li a:hover {
    background:#deeefa;
}
#submenu {
    background:#abd5f5;
    margin-top:-1px;
    border:1px solid #a3afb8;
}
#submenu div {
    position:absolute;
    right:0px;
}
#submenu div p {
    line-height:35px;
    margin-right:10px;
}
#submenu div input[type=text] {
    border:0;
    padding-left:20px;
    background-image:url(/w/skins/Vector/images/search-ltr.png);
    background-repeat:no-repeat;
    background-position:5px;
    height:1.6em;
    width:100px;
    transition:width 1s;
}
#submenu div input[type=text]:focus{
    width:200px;
}
#submenu div input[type=submit] {
    display:none;
}
#submenu ul {
    margin:0;
    padding:0;
    display:block;
    text-align:center;
}
#submenu ul li {
    cursor:pointer;
    display:inline;
    line-height:40px;
    padding:0px 10px;
    border-bottom:0px solid rgba(255,255,255,0);
    transition:border-bottom 0.5s;
}
#submenu ul li:hover {
    border-bottom:5px solid rgba(255,255,255,0.8);
}
#submenu ul li a:hover {
    text-decoration:none;
}
#sarkib-kkopi {
    
}
#sarkib-kkopi ul {
    margin:0;
    padding:0;
    text-align:center;
    background:#fff;
    border:1px solid #aaa;
    border-top:0;
    overflow:hidden;
    display:none;
}
#sarkib-kkopi ul li {
    display:inline-block;
    padding:5px 10px;
}