init

PCSurvey/PCstatic/css/main_3col.css

@@ -0,0 +1,259 @@
+#currentscore, #total_current_score {
+  visibility:hidden;
+}
+
+.clear_content {
+  all:initial;
+}
+
+.test {
+  display: none;
+}
+
+#end-trial {
+	width: 110px;
+	height: 45px;
+}
+
+#infotext {
+	width: 100%;
+}
+
+#left-right{
+	width: 45%;
+	height: 20px;
+}
+
+#right-left{
+	width: 45%;
+	height: 20px;
+}
+
+#replay {
+	width: 100px;
+	height: 47px;
+}
+
+.container > div {
+  visibility:hidden;
+}
+
+.head > div {
+  visibility:hidden;
+}
+
+.footer > div {
+  visibility:hidden;
+}
+
+.debug {
+  display:none;
+  background: #000;
+  color: #ff2277
+}
+
+.hidden {
+  visibility: hidden;
+}
+
+.display_toggle {
+  display: none;
+}
+
+.object-fit_fill { object-fit: fill }
+.object-fit_contain { object-fit: contain }
+.object-fit_cover { object-fit: cover }
+.object-fit_none { object-fit: none }
+.object-fit_scale-down { object-fit: scale-down }
+
+.work_container {
+  display: grid;
+  grid-template-rows: auto;
+  grid-template-columns: 120px 200px 200px 200px;
+  grid-template-areas:
+      " . work1 work2 work3 "
+}
+
+.head {
+  visibility: hidden;
+  font-family: "Courier New", Courier, serif;
+  display: grid;
+  /* grid-template-rows: 30px 100px 120px 40px 377px 377px 250 1fr; */
+  grid-template-columns: auto 350px 350px 350px auto;
+  grid-gap: 20px 20px;
+  grid-template-areas:
+      ". blank blank blank . "
+      ". header_l header_l header_r . "
+      ". title_l title_l title_r . "
+      ". spacer spacer spacer ."
+}
+
+.container {
+  align-items: center;
+  font-family: "Courier New", Courier, serif;
+  display: grid;
+  /* grid-template-rows: 30px 100px 120px 40px 377px 377px 250 1fr; */
+  grid-template-columns: auto 350px 350px 350px auto;
+  grid-gap: 20px 20px;
+  grid-template-areas:
+      /* ". blank blank blank . "
+      ". header_l header_l header_r . "
+      ". title_l title_l title_r . "
+      ". spacer spacer spacer ." */
+      ". text1 image1  image2 ."
+      ". image3 image4 text2  ."
+      ". image5 text3 image6 ."
+      ". about work work ."
+      ". hfh hfh hfh ."
+}
+
+.footer {
+  align-items: left;
+  visibility: hidden;
+  font-family: "Courier New", Courier, serif;
+  display: grid;
+  grid-template-rows: 30px 100px 30px;
+  grid-gap: 20px 20px;
+  grid-template-columns: auto 350px 350px 350px auto;
+  background: #001122;
+  grid-template-areas:
+      ". . . . . "
+      ". footer_left footer_left footer_right . "
+      ". . . . . "
+}
+
+.blank {
+  grid-area: blank;
+}
+
+.spacer {
+  grid-area: spacer;
+  border-top: 1px solid #eee;
+  height: 30px
+}
+
+.text1 {
+  grid-area: text1;
+}
+
+.text2 {
+  grid-area: text2;
+}
+
+.text3 {
+  grid-area: text3;
+}
+
+
+.left_header {
+  grid-area: header_l;
+}
+
+.right_header {
+  grid-area: header_r;
+  text-align: right;
+  font-size: 10px
+}
+
+.left_title {
+  grid-area: title_l;
+}
+
+.left_title {
+  font-size: 48px;
+}
+
+.right_title {
+  grid-area: title_r;
+}
+
+.img1{
+  grid-area: image1;
+}
+
+.img2{
+  grid-area: image2;
+}
+
+.img3 {
+  grid-area: image3;
+}
+
+.img4 {
+  grid-area: image4;
+}
+
+.img5 {
+  grid-area: image5;
+}
+
+.img6 {
+  grid-area: image6;
+}
+
+.worklist {
+  grid-area: work;
+  text-align: center;
+}
+
+.about {
+  grid-area: about;
+}
+
+.work1{
+  grid-area: work1;
+  display: inline-block
+}
+
+.work2{
+  grid-area: work2;
+  display: inline-block;
+}
+
+.work3{
+  grid-area: work3;
+  display: inline-block;
+}
+
+.footer_left {
+  grid-area: footer_left;
+  color: #fff
+}
+
+.header {
+  background: #001122;
+  height: 130px
+}
+
+.test img {
+  width: 100%;
+}
+
+.left_header > img {
+  width: 50px;
+}
+
+.smallimg {
+  height:48px;
+  padding-top: 20px;
+  padding-bottom: 10px
+}
+
+.experts {
+  font-size: 19px
+}
+
+h4 {
+  font-size: 19px
+}
+
+#screenshot {
+	position: auto;
+}
+
+#slider {
+  width: 40%;
+  height: auto;
+  padding-top: 20px;
+  padding-bottom: 20px
+}