টেমপ্লেট:প্রধান পাতা/শৈলী.css

/* সকল মেয়াদ px না দিয়ে em অনুসারে বর্ণনা প্রয়োজন */
@media all {
  /* প্রধান পাতা শীর্ষ */
  .header-toplevel {
    display: table;
    border:1px solid #a7d7f9;
    margin:1em 0 0 0.5em;
    border-radius: 3px;
  }
  .header-row {
    display: table-row;
  }
  .header-centre {
    text-align:center;
  }
  .header-list{
    padding:1em;
  }
  .header-image{
    vertical-align:middle
  }
  /* প্রধান পাতার কাঠামো */
  .main-page-table{
    display: table;
    border-spacing: 0.5em;
    width: 100%;
  }
  .main-page-row {
    display: table-row;
  }
  .main-page-cell, .main-page-head {
    border: 1px solid transparent;
    display: table-cell;
  }
  .main-page-body {
    display: table-row-group;
  }
  .main-page-header {
    padding: 0.4em 0.5em;
    font-size: 115%;
    font-weight: bold;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 3px 3px 0 0px;
  }
  .content-box{
    background: #fff;
    border: 1px solid #a7d7f9;
    border-radius: 3px;
    vertical-align: top;
  }
  .content-box-header{
    margin: 0;
    text-align: left;
  }
  .content-box-image{
    padding: 3px;
    float: right;
    margin: 2px 2px 0px 0px;
  }
  /* নির্বাচিত লেখা */
  .featured-text-header{
    background: #faecc8;
  }
  /* নতুন লেখা */
  .new-text-header{
    background: #F0F3CD;
  }
  /* অন্বেষণ */
  .explore-header{
    background: #E9F7ED;
  }
  /* সাম্প্রতিক বৈধকরণ */
  .latest-validation-header{
    background: #ddffd1;
  }
  /* মুদ্রণ সংশোধনের পরিসংখ্যান */
  .proofread-statistics-header{
    background: #E1B8F5;
  }
  /* আজকের দিনে */
  .anniversary-header{
    background: #ffe6e6;
  }
  /* প্রকাশস্থান মানচিত্র */
  .publisher-map-header{
    background: #FFFFE0;
  }
  /* সহপ্রকল্প */
  .sister-projects-box{
    display:table-caption;
    caption-side:bottom;
    width: auto;
    border: 1px solid #a7d7f9;
    background: #fff;
    vertical-align: top;
    color: #000;
    border-radius: 3px;
  }
  .sister-projects-image{
    padding: 3px;
    float: right;
    margin: 2px 2px 0px 0px;
  }
  .sister-projects-header{
    margin: 1px 1px 0px 1px;
    background: #e7eef7;
  }
  .sister-projects-table{
    display: table;
    width: 100%;
  }
  .sister-projects-body {
    display: table-row-group;
    text-align: justify;
  }
  .sister-projects-row {
    display: table-row;
    text-align: center;
  }
  .sister-projects-head {
    display: inline-block;
    padding: 10px 0px;
    text-align: center;
    vertical-align:bottom;
  }
  .sister-projects-name {
    font-weight: bold;
  }
  .sister-projects-entry {
    display: block
  }
}
/* কেবল ডেস্কটপ ইন্টারফেসের জন্য */
@media all and ( min-width: 720px ) {
  .header-toplevel {
    width:calc(100% - 1em - 2px);
  }
  .header-cell {
    display: table-cell;
  }
  .header-centre {
    padding:1em;
  }
  .content-box {
    width: 50%;
    display: table-cell;
  }
  .sister-projects-box {
    margin: 0px 0.5em 0px 0.5em;
  }
  .sister-projects-head {
     width: 16%;
  }
}
@media all and ( max-width: 719px ) {
  .header-toplevel {
    width:calc(100% - 1em);
  }
  .header-row {
    text-align: center;
  }
  .header-cell {
    display: block;
  }
  .header-centre {
    padding: 1em 0.5em;
  }
  .header-list {
    display: none;
  }
  .content-box {
    width: 100%;
    display: block;
  }
  .content-box + .content-box {
    margin-top: 0.5em;
  }
  .sister-projects-head {
    width: 32%;
  }
  .sister-projects-box {
    margin: 0px calc(0.5em - 2px) 0px 0.5em;
  }
  .proofread-statistics-box{
    display: none;
  }
  /* যদি গ্যালারি ট্যাগ ভবিষ্যতে অন্যভাবে কাজ করে তাহলে এখানে কিছু বদলাতে হবে বোধহয় */
  .gallerybox{
    width:auto !important;
  }
  #mf-dyk .gallerytextwrapper{
    padding:0;
  }
  #mf-dyk .gallerytext{
    padding:0;
  }
}