From 3b55d06b89bf64873e685c3d78fce5affbba3d17 Mon Sep 17 00:00:00 2001 From: zheng_wenlong Date: Tue, 16 Apr 2019 11:20:38 +0900 Subject: Add warehouse server source code. [Patch Set 2] Add ReadMe.md Change-Id: I6ade52d2490f5ca4ba107c1a27ed6d5b39048725 Signed-off-by: zheng_wenlong --- warehouse/src/main/webapp/css/style.css | 728 ++++++++++++++++++++++++++++++++ 1 file changed, 728 insertions(+) create mode 100644 warehouse/src/main/webapp/css/style.css (limited to 'warehouse/src/main/webapp/css/style.css') diff --git a/warehouse/src/main/webapp/css/style.css b/warehouse/src/main/webapp/css/style.css new file mode 100644 index 0000000..123598e --- /dev/null +++ b/warehouse/src/main/webapp/css/style.css @@ -0,0 +1,728 @@ +/* ==== Google font ==== */ + +/* ---------------------------------------------------------------------------- */ +/* ------------------------------------Html-Body------------------------------- */ +/* ---------------------------------------------------------------------------- */ +body { + font-family: 'Ek Mukta', sans-serif; + color: #666; + background: url('image/transp_bg.png') repeat; + font-size: 16px; + line-height: 1.6em; + font-weight: 400; +} + +html, body { + width: 100%; + padding: 0; + margin: 0; +} + +/* ---------------------------------------------------------------------------- */ +/* ---------------------------------------------------------------------------- */ +/* ---------------------------------------------------------------------------- */ +html { + -webkit-text-size-adjust: none; +} + +.video embed, .video object, .video iframe { + width: 100%; + height: auto; +} + +img { + max-width: 100%; + height: auto; + width: auto\9; /* ie8 */ +} + +h1 { + font-size: 38px; +} + +h2 { + font-size: 36px; +} + +h3 { + font-size: 32px; +} + +h4 { + font-size: 28px; +} + +h5 { + font-size: 24px; +} + +h6 { + font-size: 20px; +} + +h1, h2, h3, h4, h5, h6 { + font-family: 'Roboto', sans-serif; + color: #111; +} + +p { + color: #816943; +} + +.ellipsis{ + overflow: hidden; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; +} + +.ellipsis4{ + overflow: hidden; + display: -webkit-box; + -webkit-line-clamp: 4; + -webkit-box-orient: vertical; +} + +.copyrights { + text-indent: -9999px; + height: 0; + line-height: 0; + font-size: 0; + overflow: hidden; +} + +.f-right { + float: right; +} + +.f-left { + float: left; +} + +.t-center { + text-align: center; + margin: 0 auto; +} + +.t-right { + text-align: right; +} + +.t-left { + text-align: left; +} + +.post { + +} + +.post:after, .post:before, article:after, article:before, section:after, + section:before { + clear: both; + content: '\0020'; + display: block; + visibility: hidden; + width: 0; + height: 0; +} + +.clear { + content: "\0020"; + display: block; + height: 0; + clear: both; + visibility: hidden; +} + +.clearfix:after, .clearfix:before { + clear: both; + content: '\0020'; + display: block; + visibility: hidden; + width: 0; + height: 0; +} + +hr { + border-color: #aaa; +} +/* ---------------------------------------------------------------------------- */ +/* ------------------------------------Top------------------------------------- */ +/* ---------------------------------------------------------------------------- */ +.top { + background-image: radial-gradient(#8aeab8, #00D096); + /* color: white; */ + font-family: Asap; + min-height: 138px; + max-height: 139px; +} + +.toplogo { + display: block; + margin: 20px auto; +} + +/* ---------------------------------------------------------------------------- */ +/* ----------------------------------Navbar------------------------------------ */ +/* ---------------------------------------------------------------------------- */ +#nav { + font-family: Asap; +} + +#nav>.navbar-inner { + border-left: 0; + border-right: 0; + border-radius: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -o-border-radius: 0; +} + +#nav.affix { + position: fixed; + top: 0; + width: 100% +} + +.navbar { + background-color: transparent; + background: transparent; + color: #fff; + opacity: 100; + border: 0px; + border-radius: 0px; + z-index: 9999; +} + +/* .navbar-default { + background-color: #29282E; +} */ + +.navbar-default .navbar-brand { + color: #fff; + font-weight: 700; +} + +.navbar-default .navbar-nav>li>a { + color: #fff; + font-weight: 300; +} + +.dropdown-menu>li>a { + font-weight: bold; +} + +.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-brand:hover + { + color: #CEE3F6; +} + +.navbar-default .navbar-toggle { + background-color: #00D096; + border: 0px; +} + +.navbar-default .navbar-toggle .icon-bar { + background-color: #ffffff; +} + +.open { + color: #fff; +} + +.navbar-default .navbar-nav .open .dropdown-menu>li>a, .navbar-default .navbar-nav .open .dropdown-menu + { + background-color: #FBFBFB; + color: #000; +} + +/* The style of navbar(app,user,setting .etc) ******************************************* */ +.main-manager{ + list-style-type:none; + margin:0; + padding:0; + overflow:hidden; +} + +.main-manager .main-manager-nav{ + display:inline; + float:left; + margin-right:20px; + border-bottom: 0px solid #fff; +} + +.main-manager .main-manager-nav a:hover{ + text-decoration:underline; +} + +.main-manager .main-manager-nav .main-manager-nav-line{ + height: 20px; + width: 2px; + background-image:-webkit-linear-gradient(#4d4e4e, #c5c4c4, #4d4e4e); + margin-top:-20px; + margin-left:70px; + opacity:0.7; +} + +.main-manager .main-manager-nav .navbar-choosen{ + display:block; + width:60px; + font-size:25px; + color:#cee3f6; +} + +.main-manager .main-manager-nav:last-child { + border-right: none; +} + +.main-manager .main-manager-nav a { + display: block; + color: white; + text-align: left; + text-decoration: none; +} + +.main-manager .main-manager-nav .navbar-default{ + display:block; + width:60px; + font-size:25px; + color:rgba(255, 255, 255, 1); +} + +/* AUTO DROPDOWN FIX ******************************************* */ +@media ( min-width :769px) { + .dropdown:hover .dropdown-menu { + display: block; + } +} + +/* ---------------------------------------------------------------------------- */ +/* ---------------------------------Content------------------------------------ */ +/* ---------------------------------------------------------------------------- */ +#page-content { + +} + +.index-page, .single-page { + background-color: #FFF8F6; + color: #3B3632; + font-family: Asap; + padding-top: 30px; +} + +.index-page article img { + float: left; + margin-right: 10px; + width: 100px; +} + +.single-page #owl-demo1 { + margin-bottom: 10px; +} +/* ----------------- */ +/* ---MainContent--- */ +#main-content { + +} + +article { + +} + +article:after, article:before { + clear: both; + content: '\0020'; + display: block; + visibility: hidden; + width: 0; + height: 0; +} + +article .info { + margin: 5px 0 10px 0; +} + +article .info span { + display: block; +} + +article .info a { + color: #00D096; + text-decoration: none; +} + +article .info a:hover { + color: #000; +} + +article h2 { + font-size: 30px; +} + +article img { + width: auto; +} + +ul.pagination { + margin: 40px auto; +} + +ul.pagination li a { + border: 1px solid #00D096; + color: #444; +} + +ul.pagination li a:hover { + background-color: #00D096; + color: #fff; + border: 1px solid #00D096; +} + +/* ----------------- */ +/* -----SideBar----- */ +.bs-sidebar { + background-color: #eee; + position: ralative; + border-radius: 4px; + padding: 5px 0 10px 20px; + border: 1px solid #ddd; +} + +.bs-sidebar a { + color: #333; +} + +.bs-sidebar a:hover { + color: #777; +} + +.bs-sidebar .user { + width: 100%; + background-color: #D8D8D8; + padding: 15px 15px 5px; +} + +.bs-sidebar img { + max-width: 100px; + margin: 5px auto 0; +} + +.bs-sidebar h4.user-name { + font-size: 20px; + text-align: center; + text-transform: capitalize; +} + +.bs-sidebar ul.setting { + padding: 0; +} + +.bs-sidebar ul.setting li { + list-style: none; + padding: 15px 0 15px 25px; +} + +.bs-sidebar ul.setting li a { + font-size: 17px; +} + +.bs-sidebar ul.setting li:hover a { + color: #fff; +} + +.bs-sidebar ul.setting li:hover { + background: #333; +} + +.bs-sidebar.affix { + top: 42px; +} + +.bs-sidebar .bottom-sidebar { + position: absolute; + bottom: 0; + padding: 15px 0 15px 25px; + border-top: 1px solid #aaa; + width: 100%; +} + +@media ( min-width : 768px) { + .bs-sidebar { + min-width: 303px; + max-width: 304px; + min-height: 451px; + max-height: 452px; + } + .bs-sidebar.affix { + min-width: 304px; + max-width: 305px; + min-height: 450px; + max-height: 449px; + top: 77px; + } +} + +@media ( min-width : 1200px) { + .bs-sidebar { + min-width: 370px; + max-width: 371px; + min-height: 495px; + max-height: 496px; + } + .bs-sidebar.affix { + min-width: 370px; + max-width: 371px; + min-height: 495px; + max-height: 496px; + } +} + +/* ---------------------------------------------------------------------------- */ +/* ----------------------------------Footer------------------------------------ */ +/* ---------------------------------------------------------------------------- */ +footer { + background-color: #29282E; + color: white; + text-align: center; + padding: 10px 10px 0px; +} + +footer ul { + margin-top: 10px; +} + +footer ul.social-buttons li a { + display: block; + width: 35px; + height: 35px; + border-radius: 100%; + font-size: 20px; + color: #222; + background-color: #fff; + transition-duration: 0.4s; +} + +footer ul.social-buttons li a:hover { + background-color: #1ECD97; + color: #fff; +} + +footer ul.social-buttons li a i { + margin-top: 7px; +} + +/* ---------------------------------------------------------------------------- */ +/* -------------------------------------Contact-------------------------------- */ +/* ---------------------------------------------------------------------------- */ +.contact h2 { + font-size: 34px; + font-weight: 500; + letter-spacing: 3px; + padding-top: 20px; + text-align: center; +} + +#contact_form { + padding: 25px; +} + +#ff label { + cursor: pointer; + margin: px 0; + display: block; + font-weight: bold; +} + +#ff input { + display: block; + width: 100%; + color: #000; + padding: 10px; + margin: 5px 0 25px 0; +} + +#ff textarea { + display: block; + width: 100%; + height: 200px; + background-color: #fff; + color: #000; + padding: 10px; + margin: 5px 0 25px 0; +} + +#ff .sendButton { + border: none; + cursor: pointer; + background-color: #000; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px;; + width: 100px; + color: #ffffff; +} + +#ff .sendButton:hover { + background-color: #333; +} + +.message { + text-align: center; +} + +.message .wrap { + padding: 50px; + background: #ffffff; + border: 1px solid #333333; + display: inline-block; + border-radius: 5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -khtml-border-radius: 5px; +} + +.message .text { + font-size: 35px; + margin-bottom: 30px; +} + +/* ---------------------------------------------------------------------------- */ +/* ------------------------------------Button---------------------------------- */ +/* ---------------------------------------------------------------------------- */ +.card-header { + height: 160px; +} + +.btn { + border-radius: 2px; + position: relative; + display: inline-block; + outline: none; + color: #fff; + text-decoration: none; + text-transform: uppercase; + letter-spacing: 1px; + font-weight: 400; + text-shadow: 0 0 1px rgba(255, 255, 255, 0.3); + font-size: 14px; + box-shadow:none; +} + +.btn:focus, +.btn:active:focus, +.btn.active:focus, +.btn.focus, +.btn:active.focus, +.btn.active.focus { + outline: none; + box-shadow:none; +} + +a.btn:focus { + outline: 0; +} + +.btn-skin { + color: #00D096; + background-color: transparent; + border: 1px solid #00D096; + padding: 7px 18px; + line-height: 26px; + font-weight: bold; +} + +.btn-skin:active { + color: #fff; + background-color: #00D096; +} + +.art-content { + height: 150px; +} + +.art-footer { + height: 100%; + padding-top: 0px; + padding-bottom: 0px; +} + +.input-color { + border: 1px solid red; +} + +.style-height { + height: 38px; +} + +.style-login { + height: 60px; + font-size: 130%; +} + +.style-login1 { + margin-left: 58px; + margin-top: -58px; + font-size: 130%; +} + +.fond-size { + font-size: 130%; +} + +.style-input { + height: 50px; + font-size: 20px; +} + +.button-size { + font-size: 16px; +} + +.font-size { + font-size: 20px; +} + +.margin-left { + margin-left: 140px; +} + +.name { + margin-left: 140px; + margin-top: -120px; +} + +.test1::-webkit-scrollbar { + width: 1px; + height: 1px; +} + +.test1::-webkit-scrollbar-track { + background-color: #1C2732; + -webkit-border-radius: 1em; + -moz-border-radius: 1em; + border-radius: 1em; +} + +.test1::-webkit-scrollbar-thumb { + background-color: gray; + -webkit-border-radius: 1em; + -moz-border-radius: 1em; + border-radius: 1em; +} + +.div3D { + box-shadow: 0px 0px 4px #000; + background: #FFFFFF; + border-radius: 5px; +} + +.hr { + height: 1px; + border: none; + border-top: 1px solid #E0E0E0; +} + +.bg-gradient +{ + background: linear-gradient(to bottom,#0e0e0e,#1b1b1b,#0e0e0e) +} -- cgit 1.2.3-korg