Difference between revisions of "Team:NCKU Tainan/Protocol"

Line 482: Line 482:
 
     </div>
 
     </div>
  
 +
<style>
 +
        .contentimg {
 +
            width: 100%;
 +
        }
  
 +
 +
        .head2 {
 +
            color: white;
 +
            width: 26%;
 +
            font-size: 50px;
 +
            /* font-weight: 700; */
 +
            border-bottom: 10px solid #7ae26f !important;
 +
            position: relative;
 +
        }
 +
 +
        /* paragraph content*/
 +
        h10 {
 +
            color: white;
 +
            font-size: 1.4rem;
 +
            line-height: 150%;
 +
        }
 +
 +
        body {
 +
            background-color: #272625;
 +
        }
 +
 +
 +
        p {
 +
            color: white;
 +
            font-size: 20px;
 +
        }
 +
 +
        h3 {
 +
            color: white;
 +
            font-size: 35px;
 +
        }
 +
 +
        .navbar {
 +
            padding-top: 10px;
 +
            margin-bottom: 0;
 +
        }
 +
 +
        .navbar-brand {
 +
            font-size: 30px;
 +
        }
 +
 +
        .nav-link {
 +
            font-size: 20px;
 +
        }
 +
 +
        a.dropdown-item {
 +
            color: #4F7F52;
 +
        }
 +
 +
        a.dropdown-item:active {
 +
            background-color: #4F7F52;
 +
        }
 +
 +
        .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;
 +
        }
 +
 +
        /*滑到navbar就展開*/
 +
        .dropdown-menu li:hover .sub-menu {
 +
            visibility: visible;
 +
        }
 +
 +
        .dropdown:hover .dropdown-menu {
 +
            display: block;
 +
        }
 +
 +
        .head {
 +
            color: white;
 +
            width: 50%;
 +
            font-size: 50px;
 +
            font-weight: 700;
 +
            border-bottom: 10px solid #7ae26f;
 +
            position: relative;
 +
            margin-top: 100px;
 +
        }
 +
 +
        .container.content {
 +
            margin-top: 80px;
 +
        }
 +
 +
        @media (min-width: 992px) {
 +
            .navbar {
 +
                padding-left: 80px;
 +
                padding-right: 80px;
 +
            }
 +
        }
 +
 +
        @media (max-width: 768px) {
 +
            .navbar-right form {
 +
                display: none;
 +
            }
 +
        }
 +
 +
        @media (max-width: 568px) {
 +
            footer {
 +
                text-align: center;
 +
            }
 +
 +
            .list-group {
 +
                display: none;
 +
            }
 +
        }
 +
 +
        /*folded-corner*/
 +
        .post {
 +
            position: relative;
 +
        }
 +
 +
        .folded-corner {
 +
            position: absolute;
 +
            bottom: 0px;
 +
            right: 0px;
 +
            border-width: 0;
 +
            border-style: solid;
 +
            background: hsla(260, 100%, 100%, 0.2);
 +
            box-shadow: 0px -4px 0px rgba(0, 0, 0, 0.3), -1px -4px 0px rgba(0, 0, 0, 0.1);
 +
            border-radius: 15px 0 0 0;
 +
            border-color: transparent #B9DEBB transparent transparent;
 +
            transition: border-width 0.2s ease-out;
 +
        }
 +
 +
        .post:hover .folded-corner {
 +
            border-width: 40px 40px 0 0;
 +
        }
 +
 +
        .photo .folded-corner {
 +
            background: hsla(260, 5%, 75%, 0.5);
 +
        }
 +
 +
        [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 .35rem;
 +
            background-color: #272625;
 +
            color: white;
 +
            border: none;
 +
            font-size: 19px;
 +
        }
 +
 +
        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;
 +
        }
 +
 +
        .scrollspy-example h4 {
 +
            font-size: 2rem;
 +
        }
 +
 +
 +
 +
        img.contentimg {
 +
            width: 100%;
 +
            margin: 20px 0;
 +
        }
 +
 +
        a.link {
 +
            font-size: 30px;
 +
            color: #4F7F52;
 +
        }
 +
 +
        #list-item-1 {
 +
            padding-top: 0px;
 +
        }
 +
 +
        #list-item-2 {
 +
            padding-top: 0px;
 +
        }
 +
 +
        #list-item-3 {
 +
            padding-top: 0px;
 +
        }
 +
 +
        #list-item-4 {
 +
            padding-top: 0px;
 +
        }
 +
 +
        #list-item-5 {
 +
            padding-top: 0px;
 +
        }
 +
 +
        a.reference {
 +
            color: #4F7F52;
 +
        }
 +
 +
        .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;
 +
        }
 +
 +
        td {
 +
            text-align: center;
 +
            color: black !important;
 +
            border: 2px solid black !important;
 +
            background-color: white !important;
 +
        }
 +
 +
        table {
 +
            border: 3px solid white;
 +
            text-align: center;
 +
            width: 100%;
 +
        }
 +
 +
        th {
 +
            background-color: #262624 !important;
 +
            color: white !important;
 +
            border: 2px solid white !important;
 +
            font-size: 20px;
 +
            padding: 10px 10px !important;
 +
        }
 +
 +
        .bbg td {
 +
            background-color: #262624 !important;
 +
            color: white !important;
 +
            border: 2px solid rgba(255, 255, 255, 0.5) !important;
 +
            padding: 5px 0 !important;
 +
        }
 +
 +
        table.bbg {
 +
            border: 3px solid rgba(255, 255, 255, 0.5);
 +
        }
 +
 +
        .card {
 +
            background-color: transparent;
 +
            border: 0;
 +
        }
 +
 +
        .card-body {
 +
            padding: 1rem 0;
 +
            border: none !important;
 +
        }
 +
</style>
  
 
     <script>
 
     <script>

Revision as of 10:47, 27 September 2018

Integrated Human Practices

Follow us

Contact us

igem.ncku.tainan@gmail.com
No.1, Daxue Rd., East Dist., Tainan City 701, Taiwan (R.O.C.)