Difference between revisions of "Team:NCKU Tainan/css/T--NCKU Tainan--home css"
| Line 1: | Line 1: | ||
| − | @charset "UTF-8";.dropdown-menu li,.navbar-brand h1,.navbar-brand h4{display:inline-block | + | @charset "UTF-8";#navbar,.nav{position:relative}.dropdown-menu li,.navbar-brand h1,.navbar-brand h4{display:inline-block}#navbar{z-index:99}.navbar-default{background-color:rgba(255,255,255,.8);border-color:transparent;width:100%}.navbar-default .navbar-header{z-index:20}.navbar-default .navbar-toggle{margin-top:32px}.nav{top:45px;left:60px}.navbar-brand h1,.navbar-brand h4,.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text{padding-bottom:0;font-weight:600;color:#222}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{background-color:transparent}.navbar-brand h1{margin-bottom:0;font-size:48px}.navbar-brand h4{font-size:18px;margin-top:0}.open .nav-underline{opacity:1}.nav-underline{border-bottom:3px solid #fad509;width:70%;opacity:0;margin:auto}.navbar-nav>li{margin:0 5px}.navbar-nav>li a{padding-bottom:5px;font-size:13px}.navbar-nav>li a:hover+.nav-underline{opacity:1}li .dropdown-menu{box-shadow:none;border:0;background:0 0;width:540px;padding-top:8px}.dropdown-menu>li>a{color:#222;opacity:.6;font-size:12px;letter-spacing:.5px}.dropdown-menu>li>a:hover{background:0 0}.dropdown-menu a::before{width:2px;height:10px;color:#FAD509;background:#fad509;display:inline-block;content:"";position:relative;right:8px;-webkit-transform:rotate(22deg);transform:rotate(22deg)}.navbar-nav>li:nth-child(4) .dropdown-menu{left:-95px}.navbar-nav>li:nth-child(6) .dropdown-menu{left:-200px}#content h1{padding-bottom:0;margin-bottom:0;border:0}@media all and (max-width:767px){.nav-underline{margin:0 0 5px 15px;width:30px}.navbar-nav{background-color:#fff;border-radius:5px}.dropdown-menu>li>a{opacity:.9}.navbar-brand h1{font-size:36px}}@media all and (min-width:767px){.navbar-default.fixed{position:fixed;z-index:999;top:0;left:0;border-bottom:1px solid #eee}.navbar-default.fixed #navbar{margin-left:130px}.navbar-default.fixed .navbar-nav>li>a{display:none}.navbar-default.fixed .navbar-header h1{font-size:24px}.navbar-default.fixed .navbar-header h4{font-size:18px}.navbar-default.fixed .navbar-header h1,.navbar-default.fixed .navbar-header h4{margin:0}.navbar-default.fixed .dropdown-menu{top:-40px}.navbar-default.fixed .dropdown-menu li>a{font-size:14px}}body,html{background:#fff;color:#222;-webkit-font-smoothing:antialiased;font-family:NotoSansCJKtc-Regular,'Noto Sans',"微軟雅黑","Microsoft YaHei",Helvetica,sans-serif}#container-big{height:500px;width:100%;top:280px;position:absolute}#container-big #line-left{border-right:15px solid #fad509;height:475px;margin-top:-135px;position:absolute;left:0}#container-big #line-right{border-left:15px solid #fad509;height:475px;margin-top:217px;position:absolute;right:0}#container-big #photo-left{width:60%;margin-top:-135px;height:390px;background-size:cover;background-repeat:no-repeat;background-position:center}.container-fluid{width:80%}.block{border:3px solid #222;padding:15px 20px;line-height:40px}#big-title span,.grayBg h1,.head{border-bottom:10px solid #fad509;font-weight:700}.head{font-size:50px;position:relative}.title-line{padding:25px 0;font-size:20px;font-weight:700;border-top:8px solid #222}li,p{word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-align:justify;text-justify:inter-ideograph}body>#globalWrapper{font-size:1em}body>#globalWrapper #sideMenu,body>#globalWrapper #top_title{display:none}body>#globalWrapper #content{line-height:inherit;margin:-10px 0 0;padding:0;width:100%}.container-fluid>.row{padding:70px 3% 30px}.grayBg{background:#f0f0f0;width:100%;padding:80px 12.5%}.grayBg h1{width:50%;margin:0 auto;text-align:center;font-size:48px;padding-bottom:25px}#big-title{margin-bottom:70px;width:75%}#big-title img{height:255px}#big-title span{margin-left:80px;font-size:90px}#first-p{margin-top:90px}@media all and (max-width:1199px){#big-title span{text-align:center}#first-p{margin-top:10px}}.title-special{background:#fad509;padding:7px 20px 5px;font-weight:700;font-size:22px;text-align:left}#gray-bg{background:#f0f0f0}#home_bg{width:100%;height:350px;min-height:350px;background-attachment:fixed;background-size:100%;background-position:top center;display:table}#home_bg #text{width:100%;height:100%;color:#fff;font-size:4em;text-align:center;vertical-align:middle;display:table-cell;background-color:rgba(0,0,0,.5);text-transform:uppercase;font-family:Circular,Helvetica} |
/*# sourceMappingURL=T--NCKU_Tainan--home.css.map */ | /*# sourceMappingURL=T--NCKU_Tainan--home.css.map */ | ||
Revision as of 19:58, 8 October 2016
@charset "UTF-8";#navbar,.nav{position:relative}.dropdown-menu li,.navbar-brand h1,.navbar-brand h4{display:inline-block}#navbar{z-index:99}.navbar-default{background-color:rgba(255,255,255,.8);border-color:transparent;width:100%}.navbar-default .navbar-header{z-index:20}.navbar-default .navbar-toggle{margin-top:32px}.nav{top:45px;left:60px}.navbar-brand h1,.navbar-brand h4,.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text{padding-bottom:0;font-weight:600;color:#222}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{background-color:transparent}.navbar-brand h1{margin-bottom:0;font-size:48px}.navbar-brand h4{font-size:18px;margin-top:0}.open .nav-underline{opacity:1}.nav-underline{border-bottom:3px solid #fad509;width:70%;opacity:0;margin:auto}.navbar-nav>li{margin:0 5px}.navbar-nav>li a{padding-bottom:5px;font-size:13px}.navbar-nav>li a:hover+.nav-underline{opacity:1}li .dropdown-menu{box-shadow:none;border:0;background:0 0;width:540px;padding-top:8px}.dropdown-menu>li>a{color:#222;opacity:.6;font-size:12px;letter-spacing:.5px}.dropdown-menu>li>a:hover{background:0 0}.dropdown-menu a::before{width:2px;height:10px;color:#FAD509;background:#fad509;display:inline-block;content:"";position:relative;right:8px;-webkit-transform:rotate(22deg);transform:rotate(22deg)}.navbar-nav>li:nth-child(4) .dropdown-menu{left:-95px}.navbar-nav>li:nth-child(6) .dropdown-menu{left:-200px}#content h1{padding-bottom:0;margin-bottom:0;border:0}@media all and (max-width:767px){.nav-underline{margin:0 0 5px 15px;width:30px}.navbar-nav{background-color:#fff;border-radius:5px}.dropdown-menu>li>a{opacity:.9}.navbar-brand h1{font-size:36px}}@media all and (min-width:767px){.navbar-default.fixed{position:fixed;z-index:999;top:0;left:0;border-bottom:1px solid #eee}.navbar-default.fixed #navbar{margin-left:130px}.navbar-default.fixed .navbar-nav>li>a{display:none}.navbar-default.fixed .navbar-header h1{font-size:24px}.navbar-default.fixed .navbar-header h4{font-size:18px}.navbar-default.fixed .navbar-header h1,.navbar-default.fixed .navbar-header h4{margin:0}.navbar-default.fixed .dropdown-menu{top:-40px}.navbar-default.fixed .dropdown-menu li>a{font-size:14px}}body,html{background:#fff;color:#222;-webkit-font-smoothing:antialiased;font-family:NotoSansCJKtc-Regular,'Noto Sans',"微軟雅黑","Microsoft YaHei",Helvetica,sans-serif}#container-big{height:500px;width:100%;top:280px;position:absolute}#container-big #line-left{border-right:15px solid #fad509;height:475px;margin-top:-135px;position:absolute;left:0}#container-big #line-right{border-left:15px solid #fad509;height:475px;margin-top:217px;position:absolute;right:0}#container-big #photo-left{width:60%;margin-top:-135px;height:390px;background-size:cover;background-repeat:no-repeat;background-position:center}.container-fluid{width:80%}.block{border:3px solid #222;padding:15px 20px;line-height:40px}#big-title span,.grayBg h1,.head{border-bottom:10px solid #fad509;font-weight:700}.head{font-size:50px;position:relative}.title-line{padding:25px 0;font-size:20px;font-weight:700;border-top:8px solid #222}li,p{word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-align:justify;text-justify:inter-ideograph}body>#globalWrapper{font-size:1em}body>#globalWrapper #sideMenu,body>#globalWrapper #top_title{display:none}body>#globalWrapper #content{line-height:inherit;margin:-10px 0 0;padding:0;width:100%}.container-fluid>.row{padding:70px 3% 30px}.grayBg{background:#f0f0f0;width:100%;padding:80px 12.5%}.grayBg h1{width:50%;margin:0 auto;text-align:center;font-size:48px;padding-bottom:25px}#big-title{margin-bottom:70px;width:75%}#big-title img{height:255px}#big-title span{margin-left:80px;font-size:90px}#first-p{margin-top:90px}@media all and (max-width:1199px){#big-title span{text-align:center}#first-p{margin-top:10px}}.title-special{background:#fad509;padding:7px 20px 5px;font-weight:700;font-size:22px;text-align:left}#gray-bg{background:#f0f0f0}#home_bg{width:100%;height:350px;min-height:350px;background-attachment:fixed;background-size:100%;background-position:top center;display:table}#home_bg #text{width:100%;height:100%;color:#fff;font-size:4em;text-align:center;vertical-align:middle;display:table-cell;background-color:rgba(0,0,0,.5);text-transform:uppercase;font-family:Circular,Helvetica} /*# sourceMappingURL=T--NCKU_Tainan--home.css.map */
