DEV - Pseudo Draft List

下書きのタイトル

作者:

ukwhatn
コメント数: 0
最新ポスト: 02/27 09:00(ukwhatn)

カテゴリ

作成日: 2020/02/27

下書きのタイトル

作者:

ukwhatn
コメント数: 0
最新ポスト: 02/27 09:00(ukwhatn)

カテゴリ

作成日: 2020/02/27

[[module css]]
.list-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.shell {
  width: 300px;
  border-radius: 10px;
  margin-bottom: 8px;
  padding: 0.5em 1em 0.5em 1em;
  box-shadow: rgba(50, 141, 162, .5) 1px 1px 1px 0, inset rgba(50, 141, 162, .5) 1px 1px 1px 0px;
  border-radius: 0.8em;
  background: linear-gradient(#fff, #fafffe, #dcf6e9);
  border-top: 1em solid rgba(50, 141, 162, .5);
  border-bottom: 1em solid rgba(50, 141, 162, .5);
  border-left: 1px solid rgba(50, 141, 162, .5);
  border-right: 1px solid rgba(50, 141, 162, .5);
}

.shell .BigCategory {
  font-size: 120%;
  font-weight: bold;
  padding: 0 0 0.2em 0;
  overflow-x: hidden;
  width: 100%;
  white-space: nowrap;
}

.shell .BigCategory p {
  margin: 0;
}

.shell .BigCategory .section:before {
  content: "未定義";
  padding: 2px 4px !important;
  line-height: 1.2 !important;
  border-radius: 6px !important;
  color: white !important;
  background-color: red !important;
  display: inline-block;
  margin-right: 0.3em;
}

.shell .BigCategory ._others:before {
  content: "その他";
  padding: 2px 4px !important;
  line-height: 1.2 !important;
  border-radius: 6px !important;
  color: white !important;
  background-color: gray !important;
  display: inline-block;
}

.shell .BigCategory ._scp-jp:before {
  content: "SCP";
  padding: 2px 4px !important;
  line-height: 1.2 !important;
  border-radius: 6px !important;
  color: white !important;
  background-color: blue !important;
  display: inline-block;
}

.shell .BigCategory ._tale-jp:before {
  content: "Tale";
  padding: 2px 4px !important;
  line-height: 1.2 !important;
  border-radius: 6px !important;
  color: white !important;
  background-color: green !important;
  display: inline-block;
}

.shell .BigCategory ._goi-format-jp:before {
  content: "GOI";
  padding: 2px 4px !important;
  line-height: 1.2 !important;
  border-radius: 6px !important;
  color: white !important;
  background-color: orange !important;
  display: inline-block;
}

.shell .BigCategory ._translation:before {
  padding: 2px 4px !important;
  line-height: 1.2 !important;
  border-radius: 6px !important;
  color: white !important;
  background-color: white !important;
  display: inline-block;
}

.shell .BigCategory ._en:before {
  content: url(http://ja.scp-wiki.net/local--files/main/us.png);
}

.shell .BigCategory ._ru:before {
  content: url(http://ja.scp-wiki.net/local--files/main/ru.png);
}

.shell .BigCategory ._ko:before {
  content: url(http://ja.scp-wiki.net/local--files/main/kr.png);
}

.shell .BigCategory ._cn:before {
  content: url(http://ja.scp-wiki.net/local--files/main/cn.png);
}

.shell .BigCategory ._fr:before {
  content: url(http://ja.scp-wiki.net/local--files/main/fr.png);
}

.shell .BigCategory ._pl:before {
  content: url(http://ja.scp-wiki.net/local--files/main/pl.png);
}

.shell .BigCategory ._es:before {
  content: url(http://ja.scp-wiki.net/local--files/main/es.png);
}

.shell .BigCategory ._th:before {
  content: url(http://ja.scp-wiki.net/local--files/main/th.png);
}

.shell .BigCategory ._de:before {
  content: url(http://ja.scp-wiki.net/local--files/main/de.png);
}

.shell .BigCategory ._it:before {
  content: url(http://ja.scp-wiki.net/local--files/main/it.png);
}

.shell .BigCategory ._ua:before {
  content: url(http://scp-jp-sandbox3.wdfiles.com/local--files/start/ua.png);
}

.shell .BigCategory ._pt-br:before {
  content: url(http://scp-jp.wdfiles.com/local--files/main/pt.png);
}

.shell .BigCategory ._cz:before {
  content: url(http://scp-jp.wdfiles.com/local--files/main/cz.png);
}

.shell .BigCategory ._otherlang:before {
  content: url(http://scp-jp.wdfiles.com/local--files/main/int.png);
}

.shell .tagspace {
  overflow-x: scroll;
  width: 100%;
  white-space: nowrap;
  min-height: 52px;
  padding: 0x;
  margin: 0px;
}

.shell .tagspace a {
  display: inline-block;
  padding: 3px;
  border-radius: 7px;
  border: solid #333 1px;
  color: #777;
  margin-right: 4px;
  background-color: #FFF;
  text-align: center;
  min-width: 4em;
}

.BigCategory span a {
  white-space: pre-wrap;
}

.shell .showdate {
  text-align: right;
  font-size: 60%;
  color: #555;
}

@media (max-width: 737px) {
  .shell {
    width: 90%;
  }
}

@media (min-width: 767px) and (max-width: 996px) {
  .shell {
    width: 90%;
  }
}

[[/module]]

[[div class="list-container"]]
[[div class="shell"]]
[[div class="BigCategory"]]
[[span class="section _translation _en"]][# 下書きのタイトル][[/span]]
[[/div]]
**作者:** [[*user ukwhatn]]
**コメント数:** 0
**最新ポスト:** 02/27 09:00(ukwhatn)
[[div class="tagspace"]]
[# カテゴリ]
[[/div]][[div_ class="showdate"]]
作成日: 2020/02/27[[/div]]
[[/div]]

[[div class="shell"]]
[[div class="BigCategory"]]
[[span class="section _scp-jp"]][# 下書きのタイトル][[/span]]
[[/div]]
**作者:** [[*user ukwhatn]]
**コメント数:** 0
**最新ポスト:** 02/27 09:00(ukwhatn)
[[div class="tagspace"]]
[# カテゴリ]
[[/div]][[div_ class="showdate"]]
作成日: 2020/02/27[[/div]]
[[/div]]
[[/div]]

ページコンソール