Skip to content

Instantly share code, notes, and snippets.

@rhysforyou

rhysforyou/style.css

Created November 26, 2010 00:01
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save rhysforyou/716090 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save rhysforyou/716090 to your computer and use it in GitHub Desktop.
Download ZIP
newpage.html
Raw
gistfile1.txt
<!doctype html>
<html>
<head>
<title>Maku | New Page</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="container">
<div id="content">
<h1 class="title">Māku</h1>
<form action="post">
<input type="text" placeholder="Title (optional)"/>
<br />
<textarea name="content" autofocus></textarea>
<br />
<input type="submit" class="button"/>
</form>
</div>
</div>
</body>
</html>
Raw
style.css
@import url(http://fonts.googleapis.com/css?family=Neucha&subset=latin);
#container {width: 780px; overflow: hidden;}
body {
font: 16px Georgia, "Times New Roman", Times, serif;
color: #333;
background: #eee;
}
h1 {font-family: Helvetica, Calibri, Arial, sans-serif; font-size: 3em; color:#333; font-weight:normal; padding: 20px 0px 0px 0px; text-shadow: 0px 2px 3px #ccc;}
h2 {font-family: Helvetica, Calibri, Arial, sans-serif; font-size: 1.5em; color:#333; line-height:26px; font-weight:normal; padding: 10px 0px 10px 0px;}
h3 {font-family: Helvetica, Calibri, Arial, sans-serif; font-size: 18px; color:#666; line-height: 15px; text-indent: 0px; padding: 10px 0px 0px 0px;}
h4 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; color:#000000;}
h5 {font-size: 9pt; color:#000000;}
h5 {font-size: 9pt; color:#000000;}
.title { font-family: 'Neucha', sans-serif; }
img{border:none;}
img a{border:none;}
blockquote{border-left:1px solid #A5ABAB; margin:0px; padding:0 12px 0 12px;}
p {
line-height: 17pt;
font-size: 16px;
margin: 0px, 0;
text-indent: 20px;
}
a {text-decoration: none;}
a:link {color: #333; text-decoration: none;}
a:visited {color: #333; text-decoration: none;}
a:hover {color: #999; text-decoration: none;}
ul{padding: .5em 0em 1em 3.2em;}
li{line-height: 17pt; padding: 6px 0 0 0;}
ol{padding: .5em 0em 0em 3.2em;}
li{line-height: 17pt; padding: 6px 0 0 0;}
#content {
width: 630px;
float: right;
}
#pages {
padding: 0px;
}
#pages li {
display: block;
list-style: none;
padding: 1em;
-webkit-transition: all 0.3s;
}
#pages li:hover {
background: #dbdbdb;
}
#pages li:active {
background: #333;
color: #fff;
-webkit-transition: all 0.1s;
}
#pages a:hover {
color: #333;
}
.head {
font-weight: bold;
display: block;
border-bottom-style: solid;
border-width: 3px;
}
input[type=text] {
font-family: Helvetica, Calibri, Arial, sans-serif;
width: 600px;
padding: 5px;
border: 1px solid #999;
margin-bottom: 10px;
font-size: 24px;
-webkit-box-shadow: inset 0px 4px 5px #eee;
}
textarea {
font-family: Consolas, "Lucida Console", monospace;
font-size: 16px;
width: 600px;
height: 300px;
padding: 5px;
border: 1px solid #999;
-webkit-box-shadow: inset 0px 4px 5px #eee;
}
input[type=submit]{
float:right;
margin-top: 20px;
margin-right: 16px;
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0, #eee),
color-stop(1, #ccc));
border: none;
font-size: 24px;
font-family: Helvetica, Calibri, Arial, sans-serif;
color: #000;
-webkit-box-shadow: 0px 2px 5px #333;
text-shadow: 0px 1px 0px #fff;
font-weight: bold;
padding: 10px 20px;
-webkit-border-radius: 3px;
}
input[type=submit]:hover {
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0, #fff),
color-stop(1, #ddd));
}
input[type=submit]:active {
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0, #ccc),
color-stop(1, #eee))
}
@locd66908-ops
Copy link
Copy Markdown

locd66908-ops commented Oct 26, 2025

<title>Heart Animation</title> <style> body { margin: 0; background: #000; display: flex; justify-content: center; align-items: center; height: 100vh; } 
.heart {
    width: 100px;
    height: 100px;
    background: red;
    position: relative;
    transform: rotate(-45deg);
    animation: beat 0.8s infinite;
}
.heart:before,
.heart:after {
    content: "";
    width: 100px;
    height: 100px;
    background: red;
    border-radius: 50%;
    position: absolute;
}
.heart:before {
    top: -50px;
    left: 0;
}
.heart:after {
    left: 50px;
    top: 0;
}

@keyframes beat {
    0% { transform: rotate(-45deg) scale(1); }
    50% { transform: rotate(-45deg) scale(1.2); }
    100% { transform: rotate(-45deg) scale(1); }
}
</style>

@dtbl12072008-dotcom
Copy link
Copy Markdown

dtbl12072008-dotcom commented Mar 22, 2026

<title>Giới thiệu về bản thân</title> <style> h1 {corlor: red;} h1 {border:2px solid green;} p {text-indent: 15px} </style> <style> table, th, td { border: 1px solid black; } </style>

Giới thiệu về bản thân

- Gồm có các ý sau :

stt Họ và tên Lớp Ưu điểm Nhược điểm
1 Bạch Thị Mai Liên 12a6 - Vui tính, nhiệt tình, năng nổ - Nghỉ học nhiều, ít vận động, nói chuyện nhiều
2 Đặng Thị Bích Loan 12a6 - Vui vẻ, chăm chỉ ,nhiệt tình - Học lực chưa ổn, chưa cố gắng trong học tập
3 Đoàn Thị Quỳnh Anh 12a6 - Vui vẻ, tích cực ,nhiệt tình - Hay ngủ gật trong giờ, chưa cố gắng trong việc học
4 Nguyễn Thị Huyền Trang 12a6 - Nhiệt tình, hoạt bát, năng động - Nói chuyện nhiều trong giờ, chưa tập trung nghe giảng
- Mục tiêu: - Đỗ nguyện vọng 1 - Thực hiện được ước mơ - Đỗ đại học mà mình thích

-Dự định trong tương lai: có thể chụp được nhiều bức ảnh phong cảnh đẹp như này

- Sau đây là một vài hình ảnh và âm thanh ghi lại được:

Trình duyệt của bạn không hỗ trợ phần âm thanh.

Flowers in Chania

Trulli

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment