Consumer Rights Wiki

Main Page.css: Difference between revisions

← Older edit
No edit summary
No edit summary
 
(9 intermediate revisions by the same user not shown)
Line 50: Line 50:
   text-align: center;
   text-align: center;
   padding: 0 28px;
   padding: 0 28px;
  /*border-right: 1px solid #fff;*/
}
}


Line 190: Line 189:
.crw-panel-body {
.crw-panel-body {
   padding: 16px;
   padding: 16px;
  background: #fafafa;
}
}


Line 195: Line 195:
   display: grid;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-template-columns: repeat(3, 1fr);
   gap: 16px;
   gap: 12px;
  margin-bottom: 24px;
}
}


Line 206: Line 205:
   display: flex;
   display: flex;
   flex-direction: column;
   flex-direction: column;
  border: 1px solid #d0dce8;
   border-radius: 6px;
   border-radius: 6px;
   overflow: hidden;
   overflow: hidden;
Line 212: Line 210:
   color: #222222 !important;
   color: #222222 !important;
   background: #ffffff;
   background: #ffffff;
   box-shadow: 0 2px 6px rgba(0,64,128,0.07);
   box-shadow: 0 1px 4px rgba(0,0,0,0.10);
   transition: box-shadow 0.18s, transform 0.18s;
   transition: box-shadow 0.18s, transform 0.18s;
}
}


.crw-article-card:hover {
.crw-article-card:hover {
  border-color: #004080;
   box-shadow: 0 4px 16px rgba(0,0,0,0.16);
   box-shadow: 0 6px 20px rgba(0,64,128,0.15);
   transform: translateY(-2px);
   transform: translateY(-2px);
}
}


.crw-article-img {
.crw-article-img {
   height: 130px;
   height: 180px;
   background: #e0ecf8;
   background: #fafafa;
   overflow: hidden;
   overflow: hidden;
   display: flex;
   display: block;
  align-items: center;
  justify-content: center;
  font-size: 36px;
   flex-shrink: 0;
   flex-shrink: 0;
}
}
Line 235: Line 229:
.crw-article-img img {
.crw-article-img img {
   width: 100%;
   width: 100%;
   height: 130px;
   height: 180px;
   object-fit: cover;
   object-fit: cover;
   display: block;
   display: block;
Line 241: Line 235:


.crw-article-info {
.crw-article-info {
   padding: 14px 14px 16px;
   padding: 14px 16px 18px;
   display: flex;
   display: flex;
   flex-direction: column;
   flex-direction: column;
   flex: 1;
   flex: 1;
  text-align: left;
}
}


.crw-article-tag {
.crw-article-tag {
   display: inline-block;
   display: inline-block;
   background: #004080;
   background: none;
   color: #ffffff;
   color: #888888;
   font-size: 11px;
   font-size: 12px;
   font-weight: bold;
   font-weight: normal;
   padding: 3px 8px;
   padding: 0;
   border-radius: 3px;
   border-radius: 0;
   margin-bottom: 8px;
   margin-bottom: 5px;
   letter-spacing: 0.04em;
   letter-spacing: 0;
  text-transform: none;
}
}


.crw-article-title {
.crw-article-title {
   font-size: 15px;
   font-size: 18px;
   font-weight: bold;
   font-weight: bold;
   color: #004080;
   color: #111111;
   line-height: 1.3;
   line-height: 1.3;
   display: block;
   display: block;
Line 269: Line 265:


.crw-article-title a {
.crw-article-title a {
   color: #004080;
   color: #111111;
   text-decoration: none;
   text-decoration: none;
}
}
Line 278: Line 274:


.crw-article-desc {
.crw-article-desc {
   font-size: 13px;
   font-size: 14px;
   color: #444444;
   color: #555555;
   line-height: 1.5;
   line-height: 1.6;
   display: block;
   display: block;
}
}
Line 535: Line 531:
     margin: 4px 6px 4px 0;
     margin: 4px 6px 4px 0;
   }
   }
}
.crw-article-info {
  text-align: center;
}
}


Line 543: Line 543:
   html.skin-theme-clientpref-night .crw-panel { background: #0d1f35; border-color: #1e3a5f; }
   html.skin-theme-clientpref-night .crw-panel { background: #0d1f35; border-color: #1e3a5f; }
   html.skin-theme-clientpref-night .crw-panel-head { background: #002a5a; }
   html.skin-theme-clientpref-night .crw-panel-head { background: #002a5a; }
   html.skin-theme-clientpref-night .crw-panel-body { color: #d0e0f0; }
   html.skin-theme-clientpref-night .crw-panel-body { background: #0a1828; color: #d0e0f0; }
   html.skin-theme-clientpref-night .crw-how-card { background: #0d1f35; border-color: #1e3a5f; border-top-color: #004080; color: #d0e0f0 !important; }
   html.skin-theme-clientpref-night .crw-how-card { background: #0d1f35; border-color: #1e3a5f; border-top-color: #004080; color: #d0e0f0 !important; }
   html.skin-theme-clientpref-night .crw-how-title { color: #88bbee; }
   html.skin-theme-clientpref-night .crw-how-title { color: #88bbee; }
Line 549: Line 549:
   html.skin-theme-clientpref-night .crw-article-card { background: #0d1f35; border-color: #1e3a5f; color: #d0e0f0 !important; }
   html.skin-theme-clientpref-night .crw-article-card { background: #0d1f35; border-color: #1e3a5f; color: #d0e0f0 !important; }
   html.skin-theme-clientpref-night .crw-article-img { background: #0a1828; }
   html.skin-theme-clientpref-night .crw-article-img { background: #0a1828; }
   html.skin-theme-clientpref-night .crw-article-title { color: #88bbee; }
   html.skin-theme-clientpref-night .crw-article-title { color: #000; }
   html.skin-theme-clientpref-night .crw-article-title a { color: #88bbee; }
   html.skin-theme-clientpref-night .crw-article-title a { color: #000; }
   html.skin-theme-clientpref-night .crw-article-desc { color: #8aabcc; }
   html.skin-theme-clientpref-night .crw-article-desc { color: #8aabcc; }
  html.skin-theme-clientpref-night .crw-article-tag { color: #6a8aaa; }
   html.skin-theme-clientpref-night .crw-cat-item { background: #0a1828; border-color: #1e3a5f; color: #88bbee !important; }
   html.skin-theme-clientpref-night .crw-cat-item { background: #0a1828; border-color: #1e3a5f; color: #88bbee !important; }
   html.skin-theme-clientpref-night .crw-tool-item { background: #0a1828; border-color: #1e3a5f; color: #d0e0f0 !important; }
   html.skin-theme-clientpref-night .crw-tool-item { background: #0a1828; border-color: #1e3a5f; color: #d0e0f0 !important; }
Line 572: Line 573:
   html.skin-theme-clientpref-os .crw-panel { background: #0d1f35; border-color: #1e3a5f; }
   html.skin-theme-clientpref-os .crw-panel { background: #0d1f35; border-color: #1e3a5f; }
   html.skin-theme-clientpref-os .crw-panel-head { background: #002a5a; }
   html.skin-theme-clientpref-os .crw-panel-head { background: #002a5a; }
   html.skin-theme-clientpref-os .crw-panel-body { color: #d0e0f0; }
   html.skin-theme-clientpref-os .crw-panel-body { background: #0a1828; color: #d0e0f0; }
   html.skin-theme-clientpref-os .crw-how-card { background: #0d1f35; border-color: #1e3a5f; border-top-color: #004080; color: #d0e0f0 !important; }
   html.skin-theme-clientpref-os .crw-how-card { background: #0d1f35; border-color: #1e3a5f; border-top-color: #004080; color: #d0e0f0 !important; }
   html.skin-theme-clientpref-os .crw-how-title { color: #88bbee; }
   html.skin-theme-clientpref-os .crw-how-title { color: #88bbee; }
Line 578: Line 579:
   html.skin-theme-clientpref-os .crw-article-card { background: #0d1f35; border-color: #1e3a5f; color: #d0e0f0 !important; }
   html.skin-theme-clientpref-os .crw-article-card { background: #0d1f35; border-color: #1e3a5f; color: #d0e0f0 !important; }
   html.skin-theme-clientpref-os .crw-article-img { background: #0a1828; }
   html.skin-theme-clientpref-os .crw-article-img { background: #0a1828; }
   html.skin-theme-clientpref-os .crw-article-title { color: #88bbee; }
   html.skin-theme-clientpref-os .crw-article-title { color: #e0e0e0; }
   html.skin-theme-clientpref-os .crw-article-title a { color: #88bbee; }
   html.skin-theme-clientpref-os .crw-article-title a { color: #000!important; }
   html.skin-theme-clientpref-os .crw-article-desc { color: #8aabcc; }
   html.skin-theme-clientpref-os .crw-article-desc { color: #8aabcc; }
  html.skin-theme-clientpref-os .crw-article-tag { color: #6a8aaa; }
   html.skin-theme-clientpref-os .crw-cat-item { background: #0a1828; border-color: #1e3a5f; color: #88bbee !important; }
   html.skin-theme-clientpref-os .crw-cat-item { background: #0a1828; border-color: #1e3a5f; color: #88bbee !important; }
   html.skin-theme-clientpref-os .crw-tool-item { background: #0a1828; border-color: #1e3a5f; color: #d0e0f0 !important; }
   html.skin-theme-clientpref-os .crw-tool-item { background: #0a1828; border-color: #1e3a5f; color: #d0e0f0 !important; }
Line 593: Line 595:
   html.skin-theme-clientpref-os .cat-but { background: #0d1f35 !important; border-color: #1e3a5f !important; color: #88bbee !important; }
   html.skin-theme-clientpref-os .cat-but { background: #0d1f35 !important; border-color: #1e3a5f !important; color: #88bbee !important; }
   html.skin-theme-clientpref-os .cat-but:hover { background: #004080 !important; color: #ffffff !important; border-color: #004080 !important; }
   html.skin-theme-clientpref-os .cat-but:hover { background: #004080 !important; color: #ffffff !important; border-color: #004080 !important; }
}
.crw-article-info {
  text-align: center;
}
}
Retrieved from "https://consumerrights.wiki/w/Main_Page.css"