Difference between revisions of "Template:NCKU Tainan/css/applied design"
(Created page with "body { background-color: #272625; } #HQ_page p { font-size: 20px; margin: 0; background-color: #010E00; } h5, h3, h4, p { color: white; padding-bottom: 10px; } .co...") |
|||
| (16 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| + | .hpword{ | ||
| + | font-size: 12px !important; | ||
| + | } | ||
| + | |||
body { | body { | ||
background-color: #272625; | background-color: #272625; | ||
| Line 10: | Line 14: | ||
color: white; | color: white; | ||
padding-bottom: 10px; | padding-bottom: 10px; | ||
| + | } | ||
| + | h5 { | ||
| + | color: #FFA55B; | ||
} | } | ||
.container.content { | .container.content { | ||
| Line 27: | Line 34: | ||
border-bottom: 10px solid #7ae26f; | border-bottom: 10px solid #7ae26f; | ||
} | } | ||
| − | .head { | + | .head { |
| − | + | color: white; | |
| − | + | width: 50%; | |
| − | + | font-size: 50px; | |
| − | + | font-weight: 700 !important; | |
| − | + | border-bottom: 10px solid #7ae26f !important; | |
| − | + | position: relative; | |
| − | + | } | |
| − | } | + | |
| − | + | ||
[class*="col-"] { | [class*="col-"] { | ||
float: left; | float: left; | ||
| Line 54: | Line 59: | ||
} | } | ||
.list-group-item { | .list-group-item { | ||
| − | padding: . | + | padding: .55rem .55rem; |
background-color: #272625; | background-color: #272625; | ||
color: white; | color: white; | ||
| Line 72: | Line 77: | ||
} | } | ||
td { | td { | ||
| − | text-align: center; | + | text-align: center!important; |
| − | color: black; | + | color: black !important; |
| − | border: 2px solid black; | + | border: 2px solid black !important; |
| − | background-color: white; | + | background-color: white !important; |
padding: 5px !important; | padding: 5px !important; | ||
vertical-align: inherit !important; | vertical-align: inherit !important; | ||
} | } | ||
table { | table { | ||
| − | border: 3px solid white; | + | border: 3px solid white !important; |
| − | text-align: center; | + | text-align: center !important; |
} | } | ||
.table { | .table { | ||
| Line 87: | Line 92: | ||
} | } | ||
th { | th { | ||
| − | background-color: #262624; | + | background-color: #262624!important; |
| − | color: white; | + | color: white !important; |
| − | border: 2px solid white; | + | border: 2px solid white !important; |
| − | font-size: 20px; | + | font-size: 20px !important; |
| − | padding: 10px 10px; | + | padding: 10px 10px !important; |
} | } | ||
.card { | .card { | ||
| Line 98: | Line 103: | ||
} | } | ||
.card-body { | .card-body { | ||
| − | padding: | + | padding: 0; |
} | } | ||
| Line 109: | Line 114: | ||
height: auto; | height: auto; | ||
} | } | ||
| − | #Product_Design, #Entrepreneurship, #Cost_Evaluation, #Future_Work, #Reference{ | + | img.smallimg { |
| + | width: 50%; | ||
| + | height: auto; | ||
| + | } | ||
| + | .centerimg { | ||
| + | text-align: center; | ||
| + | } | ||
| + | #Product_Design, #gas_and_flow_system, #medium_preparation, #downstream, #Entrepreneurship, #Business_Model, #Cost_Evaluation, #Future_Work, #Reference{ | ||
| + | padding-top: 80px; | ||
| + | } | ||
| + | #Overview, #CSC, #ITRI, #ANNA, #MBR { | ||
padding-top: 80px; | padding-top: 80px; | ||
} | } | ||
| Line 135: | Line 150: | ||
color: white; | color: white; | ||
font-size: 20px; | font-size: 20px; | ||
| + | } | ||
| + | .btn { | ||
| + | background-color: #98CC9B; | ||
| + | color: #272625; | ||
| + | border: none; | ||
| + | font-size: 1.5rem; | ||
| + | } | ||
| + | .btn:hover { | ||
| + | color: white; | ||
| + | background-color: transparent; | ||
| + | border-color: transparent; | ||
| + | border-bottom: 3px; | ||
| + | border-bottom-color: #98CC9B; | ||
| + | border-bottom-style: solid; | ||
| + | border-radius: 0rem; | ||
| + | } | ||
| + | .btn.focus, .btn:focus { | ||
| + | box-shadow: none; | ||
| + | } | ||
| + | #closep { | ||
| + | padding-bottom: 0 !important; | ||
| + | } | ||
| + | .smalltitle { | ||
| + | color: #FFE79B; | ||
| + | text-align: center; | ||
| + | font-size: 1.5rem; | ||
| + | font-weight: bold; | ||
} | } | ||
Latest revision as of 17:44, 17 October 2018
.hpword{
font-size: 12px !important;
}
body {
background-color: #272625;
}
- HQ_page p {
font-size: 20px; margin: 0; background-color: #010E00;
} h5, h3, h4, p {
color: white; padding-bottom: 10px;
} h5 {
color: #FFA55B;
} .container.content {
margin-top: 70px;
} .caret {
display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent;
}
- HQ_page h1 {
border-bottom: 10px solid #7ae26f;
}
.head {
color: white;
width: 50%;
font-size: 50px;
font-weight: 700 !important;
border-bottom: 10px solid #7ae26f !important;
position: relative;
}
[class*="col-"] {
float: left; padding: 13px;
} a.list-group-item:visited {
color: white;
} a:hover {
background-color: transparent;
} .list-group {
margin-top: 100px;
} .col-2.side {
padding: 0;
} .list-group-item {
padding: .55rem .55rem; background-color: #272625; color: white; border: none; font-size: 19px; margin: 3px 0;
} a.list-group-item.list-group-item-action {
background-color: transparent;
} a.list-group-item.list-group-item-action:hover {
color: #98CC9B;
} a.list-group-item.list-group-item-action.active {
background-color: transparent; color: #7ae26f;
}
td {
text-align: center!important;
color: black !important;
border: 2px solid black !important;
background-color: white !important;
padding: 5px !important;
vertical-align: inherit !important;
}
table {
border: 3px solid white !important;
text-align: center !important;
}
.table {
padding-top: 80px;
}
th {
background-color: #262624!important;
color: white !important;
border: 2px solid white !important;
font-size: 20px !important;
padding: 10px 10px !important;
}
.card {
background-color: transparent;
border: 0;
}
.card-body {
padding: 0;
}
img.gif {
width: 90%;
height: auto;
}
img.bigimg {
width: 100%;
height: auto;
}
img.smallimg {
width: 50%;
height: auto;
}
.centerimg {
text-align: center;
}
#Product_Design, #gas_and_flow_system, #medium_preparation, #downstream, #Entrepreneurship, #Business_Model, #Cost_Evaluation, #Future_Work, #Reference{
padding-top: 80px;
}
#Overview, #CSC, #ITRI, #ANNA, #MBR {
padding-top: 80px;
}
.hh:after {
width: 0;
height: 0;
border: 0.313em solid transparent;
border-bottom: none;
border-top-color: #4F7F52;
content: ;
vertical-align: middle;
display: inline-block;
position: relative;
right: -0.313em; /* 5 */
}
h5.boldh5 {
font-size: 1.5rem;
font-weight: bold;
}
.smallp {
font-size: 15px;
color: white;
}
li.licontent {
color: white;
font-size: 20px;
}
.btn {
background-color: #98CC9B;
color: #272625;
border: none;
font-size: 1.5rem;
}
.btn:hover {
color: white;
background-color: transparent;
border-color: transparent;
border-bottom: 3px;
border-bottom-color: #98CC9B;
border-bottom-style: solid;
border-radius: 0rem;
}
.btn.focus, .btn:focus {
box-shadow: none;
}
#closep {
padding-bottom: 0 !important;
}
.smalltitle {
color: #FFE79B;
text-align: center;
font-size: 1.5rem;
font-weight: bold;
}