Template:FrontPage/styles.css: Difference between revisions

Revision as of 13:56, 28 July 2025

/** CSS Style **/
.isfrpage{display:block;width:100%;height:auto;margin:10px auto 20px auto;box-sizing:border-box;padding:.7em;}
.isflex{display:flex;flex-direction:row;gap:20px;flex-wrap:wrap;}

.info-box {border: 1px solid #ccc;border-radius: 5px;padding:0 0 1em;background-color: #f9f9f9;box-shadow: 2px 2px 5px rgba(0,0,0,0.1);flex: 1;min-width: 280px;}
.isinner{display:block;width:95%;height:auto;margin:0 auto;text-align:left;}
.isinner ul{display:block;width:100%;padding:0;}
.isinner ul li{display:block;width:100%;padding:0;}
.isinner ul li a{display:block;width:100%;padding:0;color:#36F;text-decoration:none;}
.isinner ul li a:hover{display:block;width:100%;padding:0;color:#939;text-decoration:none;}
.isinner ul li a.external{background-image:none;}
.info-box-title {font-size: 1.2em;font-weight: bold;margin-top: 0;margin-bottom: 10px;padding: 8px;border-bottom: 1px solid #eee;}
h3.info-box-title{background-color:#f1f1f1;color:#036;font-size:16px;}
[class*="icn-"]{display:inline-block;width:40px;height:25px;margin-left:3px;margin-right:5px;vertical-align:middle;overflow:hidden;}
span.icn-feather img{display:block;width:40px;height:300px;transform:translateY(0);}
span.icn-star img{display:block;width:40px;height:300px;transform: translateY(-25px);}
span.icn-hat img{display:block;width:40px;height:300px;transform: translateY(-48px);}
span.icn-pen img{display:block;width:40px;height:300px;transform: translateY(-73px);}
span.icn-moon img{display:block;width:40px;height:300px;transform: translateY(-98px);}
span.icn-eye img{display:block;width:40px;height:300px;transform: translateY(-123px);}
span.icn-hand img{display:block;width:40px;height:300px;transform: translateY(-148px);}
span.icn-triket img{display:block;width:40px;height:300px;transform: translateY(-173px);}
span.icn-yoga img{display:block;width:40px;height:300px;transform: translateY(-200px);}
span.icn-announce img{display:block;width:40px;height:300px;transform: translateY(-225px);}
span.icn-sound img{display:block;width:40px;height:300px;transform: translateY(-250px);}
span.icn-cart img{display:block;width:40px;height:300px;transform: translateY(-275px);}
.hrstyle{display:block;width:96%;height:1px;margin:10px auto 14px auto;background-color:#ccc;box-shadow:0 1px 3px #fff;}