|
|
Line 8: |
Line 8: |
| #content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;} | | #content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;} |
| | | |
− |
| |
− | /********************************* CONTENT OF THE PAGE ********************************/
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | /*STYLING */
| |
− |
| |
− | /* styling for the titles */
| |
− | .content_wrapper h1, .content_wrapper h2 {
| |
− | padding:5px 15px;
| |
− | border-bottom:0px;
| |
− | color:#72c9b6;
| |
− |
| |
− | }
| |
− | .content_wrapper h3, .content_wrapper h4, .content_wrapper h5, .content_wrapper h6 {
| |
− | padding:5px 15px;
| |
− | border-bottom:0px;
| |
− | color: #000000;
| |
− | }
| |
− |
| |
− |
| |
− | /* font and text */
| |
− | .content_wrapper p {
| |
− | padding:0px 15px;
| |
− | font-size: 13px;
| |
− | font-family:Tahoma, Geneva, sans-serif;
| |
− | }
| |
− |
| |
− | /* Links */
| |
− | .content_wrapper a {
| |
− | font-weight: bold;
| |
− | text-decoration: underline;
| |
− | text-decoration-color:#72c9b6;
| |
− | color: #72c9b6;
| |
− | -webkit-transition: all 0.4s ease;
| |
− | -moz-transition: all 0.4s ease;
| |
− | -ms-transition: all 0.4s ease;
| |
− | -o-transition: all 0.4s ease;
| |
− | transition: all 0.4s ease;
| |
− | }
| |
− |
| |
− | /* hover for the links */
| |
− | .content_wrapper a:hover {
| |
− | text-decoration:none;
| |
− | color:#000000;
| |
− | }
| |
− |
| |
− | /* non numbered lists */
| |
− | .content_wrapper ul {
| |
− | padding:0px 20px;
| |
− | font-size: 13px;
| |
− | font-family:Tahoma, Geneva, sans-serif;
| |
− | }
| |
− |
| |
− | /* numbered lists */
| |
− | .content_wrapper ol {
| |
− | padding:0px;
| |
− | font-size: 13px;
| |
− | font-family:Tahoma, Geneva, sans-serif;
| |
− | }
| |
− |
| |
− | /* Table */
| |
− | .content_wrapper table {
| |
− | width: 97%;
| |
− | margin:15px 10px;
| |
− | border: 1px solid #d3d3d3;
| |
− | border-collapse: collapse;
| |
− | }
| |
− |
| |
− | /* table cells */
| |
− | .content_wrapper td {
| |
− | padding: 10px;
| |
− | vertical-align: text-top;
| |
− | border: 1px solid #d3d3d3;
| |
− | border-collapse: collapse;
| |
− | }
| |
− |
| |
− | /* table headers */
| |
− | .content_wrapper th {
| |
− | padding: 10px;
| |
− | vertical-align: text-top;
| |
− | border: 1px solid #d3d3d3;
| |
− | border-collapse: collapse;
| |
− | background-color:#f2f2f2;
| |
− | }
| |
− |
| |
− | /* Button class */
| |
− | .button_click {
| |
− | margin: 10px auto;
| |
− | padding: 15px; width:12%;
| |
− | text-align:center;
| |
− | font-weight:bold;
| |
− | background-color: #72c9b6;
| |
− | cursor:pointer;
| |
− | -webkit-transition: all 0.4s ease;
| |
− | -moz-transition: all 0.4s ease;
| |
− | -ms-transition: all 0.4s ease;
| |
− | -o-transition: all 0.4s ease;
| |
− | transition: all 0.4s ease;
| |
− | }
| |
− |
| |
− | /* button class on hover */
| |
− | .button_click:hover {
| |
− | background-color:#000000;
| |
− | color:#72c9b6;
| |
− | }
| |
| | | |
| /********************************* RESPONSIVE STYLING ********************************/ | | /********************************* RESPONSIVE STYLING ********************************/ |