Jump to content

Template:Navcard: Difference between revisions

m CSS test
m CSS test
 
(20 intermediate revisions by the same user not shown)
Line 2: Line 2:
   #link-overlay {
   #link-overlay {
     border: solid;
     border: solid;
     border-radius: 2px;
     border-radius: 4px;
    border-color: #c8ccd1;
     overflow: hidden;
     overflow: hidden;
  }
 
  .display {
    height: 100%;
    width: 200px;
   }
   }
    
    
Line 15: Line 21:
     height: 150px;
     height: 150px;
     width: 180px;
     width: 180px;
     font-size: 24px;
     font-size: 23px;
   }
   }
    
    
Line 21: Line 27:
     background-color: #f7faeb;
     background-color: #f7faeb;
     color: #000;
     color: #000;
  }
  @media screen {
html.skin-theme-clientpref-night .background-basic {
background-color: #383838;
color: #ace;
}
   }
   }


Line 44: Line 43:
     height: 75%;
     height: 75%;
     width: auto;
     width: auto;
  }
     overflow: hidden;
 
  img {
     height: 100%;
    width: 100%;
    object-fit: cover;
    margin-bottom: 20px;
   }
   }
    
    
Line 59: Line 52:
     text-align: center;
     text-align: center;
     align-content: center;
     align-content: center;
   
    color: #54595d;
    background-color: #eaecf0;
  }
 
  @media screen {
html.skin-theme-clientpref-night .background-basic {
background-color: #383838;
color: #ace;
}
   
    html.skin-theme-clientpref-night #title {
        color: #a2a9b1;
        background-color: #27292d;
    }
   
    html.skin-theme-clientpref-night #link-overlay {
        border-color: #404244;
    }
   }
   }
    
    
}}
}}
<div id="link-overlay" class="{{{size|regular}}}"><div id="test">[[File:Invisible-png.png|link={{{link|Stillwind}}}|class=test]]</div><div id="container"><div id="img-container">[[File:{{{image|Stillwindsclimate.jpg}}}|center|link=]]</div><div id="title">{{{text|Category}}}</div></div></div>
<div id="link-overlay" class="{{{size|regular}}}"><div id="test">[[File:Invisible-png.png|link={{{link|Stillwind}}}|class=test]]</div><div id="container"><div id="img-container">[[File:{{{image|Stillwindsclimate.jpg}}}|link=|center|class=display]]</div><div id="title">'''{{{text|Category}}}'''</div></div></div>

Latest revision as of 22:46, 1 June 2025