diff options
| author | Kamal Wickramanayake <kamal@inbox.lk> | 2026-04-05 15:37:11 +0530 |
|---|---|---|
| committer | Kamal Wickramanayake <kamal@inbox.lk> | 2026-04-05 15:37:11 +0530 |
| commit | 46d89228ed7a577628dc8c37c2e72161e39ec0a4 (patch) | |
| tree | 8a6a688ee6a8edda064a1d526de237fa48ddc969 /php/01-common-theme/common | |
| parent | 5b6b5b62a0dfd4525db9a97a52634d1f8bb8e19c (diff) | |
Diffstat (limited to 'php/01-common-theme/common')
| -rw-r--r-- | php/01-common-theme/common/footer.php | 5 | ||||
| -rw-r--r-- | php/01-common-theme/common/header.php | 19 | ||||
| -rw-r--r-- | php/01-common-theme/common/style.css | 57 |
3 files changed, 81 insertions, 0 deletions
diff --git a/php/01-common-theme/common/footer.php b/php/01-common-theme/common/footer.php new file mode 100644 index 0000000..f01e7c1 --- /dev/null +++ b/php/01-common-theme/common/footer.php @@ -0,0 +1,5 @@ + <footer class="main-footer"> + Information Technology Center, University of Peradeniya, Sri Lanka + </footer> + </body> +</html> diff --git a/php/01-common-theme/common/header.php b/php/01-common-theme/common/header.php new file mode 100644 index 0000000..83d762f --- /dev/null +++ b/php/01-common-theme/common/header.php @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <title>Welcome! | CEIT Open Course Content</title> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <link type="text/css" rel="stylesheet" media="all" href="/common/style.css" /> + </head> + <body> + <header class="main-head"> + <a href="/">CEIT Open Course Content</a> + </header> + <nav class="main-nav"> + <ul> + <li><a href="/">Home</a></li> + <li><a href="/contact.php">Contact</a></li> + </ul> + </nav> + diff --git a/php/01-common-theme/common/style.css b/php/01-common-theme/common/style.css new file mode 100644 index 0000000..48e53fb --- /dev/null +++ b/php/01-common-theme/common/style.css @@ -0,0 +1,57 @@ +body { + font-size: 1.125em; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + line-height: 1.6em; + color: rgb(32, 34, 36);; + background-color: #FFF; + padding: 10px 5px; +} + + +.main-nav { + margin-top: 0; + padding: 0; +} + +.main-nav ul { + margin: 0; + padding : 0; + list-style-type: none; + background-color: #F6F8F8; + border: 1px solid #eee; +} + +.main-nav ul li { + margin-left: 0; + display: inline; + padding: 0 8px; + border-left: 1px solid #F9F9FF; + border-right: 1px solid #F9F9FF; +} + +.main-nav ul li:hover { + background-color: white; + border-left: 1px solid #addfff; + border-right: 1px solid #addfff; +} + +.main-nav ul li a { + color: #555; + font-weight: bold; +} + +.main-nav ul li a:hover { + color: #000; + background-color: blue; +} + +footer { + font-size: 80%; + border-top: solid 1px #000; +} + +input, textarea { + display: block; + margin-bottom: 4px; +} + |