Skip to content

Instantly share code, notes, and snippets.

@vestel

vestel/index.html

Last active December 28, 2015 11:09
Show Gist options
  • Save vestel/7491239 to your computer and use it in GitHub Desktop.
Save vestel/7491239 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Trader Room</title>
<link type="text/css" href="https://account.forex4you.com/themes/default/styles/main.css?22" rel="stylesheet"/>
<link type="text/css" href="rborder.css?22" rel="stylesheet"/>
</head>
<body>
<div id="page">
<div id="wrapper">
<div id="content_box">
<div id="content">
<table class="rounded_head">
<thead>
<tr>
<th class="tlcorner">Head1</th>
<th>Head1</th>
<th>Head1</th>
<th>Head1</th>
<th>Head1</th>
<th class="trcorner">Head1</th>
</tr>
</thead>
<tbody>
<tr>
<td>Body1</td>
<td>Body1</td>
<td>Body1</td>
<td>Body1</td>
<td>Body1</td>
<td>Body1</td>
</tr>
<tr>
<td class="blcorner">Body1</td>
<td>Body1</td>
<td>Body1</td>
<td>Body1</td>
<td>Body1</td>
<td class="brcorner">Body1</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</body>
</html>
Raw
rborder.css
.rounded_head {
background-color: red;
-webkit-border-top-left-radius: 20px;;
-moz-border-top-left-radius: 20px;
border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-top-right-radius: 20px;
border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-bottom-right-radius: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-bottom-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.rounded_head th { background-color: yellow;}
.rounded_head th.tlcorner {
-webkit-border-top-left-radius: 20px;;
-moz-border-top-left-radius: 20px;
border-top-left-radius: 20px;
}
.rounded_head th.trcorner {
-webkit-border-top-right-radius: 20px;
-moz-border-top-right-radius: 20px;
border-top-right-radius: 20px;
}
.rounded_head td.blcorner {
-webkit-border-bottom-right-radius: 20px;
-moz-border-bottom-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.rounded_head td.brcorner {
-webkit-border-bottom-left-radius: 20px;
-moz-border-bottom-left-radius: 20px;
border-bottom-left-radius: 20px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment