ব্যবহারকারী:Maruf/twinkleLite.css: সংশোধিত সংস্করণের মধ্যে পার্থক্য
অবয়ব
বিষয়বস্তু বিয়োগ হয়েছে বিষয়বস্তু যোগ হয়েছে
সংশোধন ট্যাগ: পুনর্বহালকৃত মোবাইল সম্পাদনা মোবাইল ওয়েব সম্পাদনা উচ্চতর মোবাইল সম্পাদনা |
সংশোধন ট্যাগ: হাতদ্বারা প্রত্যাবর্তন |
||
১২ নং লাইন: | ১২ নং লাইন: | ||
display: grid; |
display: grid; |
||
grid-template-columns: 1fr 1fr; |
grid-template-columns: 1fr 1fr; |
||
width: min( |
width: min(100%, 800px); |
||
background: #a5bfd9; |
background: #a5bfd9; |
||
position: fixed; |
position: fixed; |
||
২৫ নং লাইন: | ২৫ নং লাইন: | ||
.mw-ui-icon-portletlink-twinkle { |
.mw-ui-icon-portletlink-twinkle { |
||
background: url(https://upload.wikimedia.org/wikipedia/commons/6/67/Patrol2.svg); |
background: url(https://upload.wikimedia.org/wikipedia/commons/6/67/Patrol2.svg); |
||
background-repeat: no-repeat; |
|||
background-position:center; |
|||
} |
} |
||
১৫:২৭, ২৯ জুলাই ২০২৪ তারিখে সংশোধিত সংস্করণ
/**
* Styles for the Twinkle Box component.
*
* The Twinkle Box is a fixed, centered container with a grid layout.
* It has a title section, a tag section, and a button section.
*
*
* @author মোহাম্মদ মারুফ
* @version 1.0
*/
#twinkleBox {
display: grid;
grid-template-columns: 1fr 1fr;
width: min(100%, 800px);
background: #a5bfd9;
position: fixed;
z-index: 10;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
color: #333;
border-radius: 5px
}
.mw-ui-icon-portletlink-twinkle {
background: url(https://upload.wikimedia.org/wikipedia/commons/6/67/Patrol2.svg);
}
.oo-ui-buttonElement-button {
padding: 5px;
font-weight: 600;
}
#twinkleBox>* {
padding: 5px
}
#twinkleBox div.tw-bdbox {
border: solid 2px #ffffff;
opacity: .5
}
#twinkleBox div.active {
opacity: 1;
background: #70adeb
}
#twinkleBox .tw-title {
grid-column: 1 / 3;
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 700;
color: #321900
}
#twinkleBox h4 {
width: 100%;
text-align: center
}
#twinkleBox #tag,
#twinkleBox .subbtncnt {
grid-column: 1 / 3
}
#twinkleBox .subbtncnt {
display: flex;
align-items: center;
justify-content: end
}
#twinkleBox #tag ul {
display: grid;
grid-template-columns: 1fr 1fr
}
input.otherinp.hide {
width: 70%;
height: 0;
border: none;
padding: 0;
margin-left: 20%
}
input.otherinp {
width: 80%;
height: 20px;
border: inherit;
transition: .5s;
margin-left: 10%
}
li {
list-style: none
}