[prev in list] [next in list] [prev in thread] [next in thread]
List: kde-commits
Subject: www/sites/www-devel
From: Eugene Trounev <eugene.trounev () gmail ! com>
Date: 2010-02-01 0:29:56
Message-ID: 1264984196.070640.24990.nullmailer () svn ! kde ! org
[Download RAW message or body]
SVN commit 1083298 by trounev:
some more css and sidebar
M +157 -3 dummy3.html
AM media/images/underline.png
M +41 -15 media/test.css
--- trunk/www/sites/www-devel/dummy3.html #1083297:1083298
@@ -50,7 +50,7 @@
<a href="http://www-devel.kde.org/community/events/">Events <img \
src="media/images/new.png"/></a> </li>
<li>
- <a href="http://www-devel.kde.org/community/talks/">Talks</a>
+ <a href="http://www-devel.kde.org/community/talks/" \
id="current">Talks</a> </li>
<li>
<a href="http://www-devel.kde.org/community/getinvolved/">Get \
Involved</a> @@ -94,7 +94,7 @@
</li>
<a name="cp-skip-applications"/>
<li>
- <a href="http://www-devel.kde.org/developerplatform/"><h2 \
id="cp-menu-developerplatform">Developer Platform</h2></a> + <a \
href="http://www-devel.kde.org/developerplatform/" id="current"><h2 \
id="cp-menu-developerplatform">Developer Platform</h2></a>
<a href="" class="cp-doNotDisplay">Skip menu "Developer Platform"</a>
<ul>
<li>
@@ -130,6 +130,7 @@
</p>
<div id="sidebar">
<div id="module">
+ <h3>Sidebar Heading</h3>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
@@ -139,7 +140,7 @@
</div>
</div>
<div id="main">
- <a name="cp-content" /><h1>Experience Freedom!</h1>
+ <h1>Experience Freedom!</h1>
<p>
The K Desktop Environment
<sup>
@@ -204,6 +205,159 @@
</tr>
</table>
<a href="http://dot.kde.org/">More News...</a>
+
+<h1>CSS Basic Elements</h1>
+
+<p>The purpose of this HTML is to help determine what default settings are with CSS and to make sure \
that all possible HTML Elements are included in this HTML so as to not miss any possible Elements when \
designing a site.</p> +
+<hr />
+
+<h1 id="headings">Headings</h1>
+
+<h1>Heading 1</h1>
+<h2>Heading 2</h2>
+<h3>Heading 3</h3>
+<h4>Heading 4</h4>
+<h5>Heading 5</h5>
+<h6>Heading 6</h6>
+
+<small><a href="#wrapper">[top]</a></small>
+<hr />
+
+
+<h1 id="paragraph">Paragraph</h1>
+
+<img style="width:250px;height:125px;float:right" src="images/css_gods_language.png" alt="CSS | God's \
Language" /> +<p>Lorem ipsum dolor sit amet, <a href="#" title="test link">test link</a> adipiscing elit. \
Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet \
sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa \
quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare \
tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat \
at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.</p> +
+<p>Lorem ipsum dolor sit amet, <em>emphasis</em> consectetuer adipiscing elit. Nullam dignissim \
convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam \
libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus \
fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed \
tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, \
feugiat in, nunc. Morbi imperdiet augue quis tellus.</p> +
+<small><a href="#wrapper">[top]</a></small>
+<hr />
+
+<h1 id="list_types">List Types</h1>
+
+<h3>Definition List</h3>
+<dl>
+ <dt>Definition List Title</dt>
+ <dd>This is a definition list division.</dd>
+</dl>
+
+<h3>Ordered List</h3>
+<ol>
+ <li>List Item 1</li>
+ <li>List Item 2</li>
+ <li>List Item 3</li>
+</ol>
+
+<h3>Unordered List</h3>
+<ul>
+ <li>List Item 1</li>
+ <li>List Item 2</li>
+ <li>List Item 3</li>
+</ul>
+
+<small><a href="#wrapper">[top]</a></small>
+<hr />
+
+<h1 id="form_elements">Fieldsets, Legends, and Form Elements</h1>
+
+<fieldset>
+ <legend>Legend</legend>
+
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. \
Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, \
imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis \
mi volutpat justo, eu volutpat enim diam eget metus.</p> +
+ <form>
+ <h2>Form Element</h2>
+
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. \
Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui.</p> +
+ <p><label for="text_field">Text Field:</label><br />
+ <input type="text" id="text_field" /></p>
+
+ <p><label for="text_area">Text Area:</label><br />
+ <textarea id="text_area"></textarea></p>
+
+ <p><label for="select_element">Select Element:</label><br />
+ <select name="select_element">
+ <optgroup label="Option Group 1">
+ <option value="1">Option 1</option>
+ <option value="2">Option 2</option>
+ <option value="3">Option 3</option>
+ </optgroup>
+ <optgroup label="Option Group 2">
+ <option value="1">Option 1</option>
+ <option value="2">Option 2</option>
+ <option value="3">Option 3</option>
+ </optgroup>
+ </select></p>
+
+ <p><label for="radio_buttons">Radio Buttons:</label><br />
+ <input type="radio" class="radio" name="radio_button" value="radio_1" /> Radio \
1<br/> + <input type="radio" class="radio" name="radio_button" value="radio_2" \
/> Radio 2<br/> + <input type="radio" class="radio" name="radio_button" \
value="radio_3" /> Radio 3<br/> + </p>
+
+ <p><label for="checkboxes">Checkboxes:</label><br />
+ <input type="checkbox" class="checkbox" name="checkboxes" value="check_1" /> Radio \
1<br/> + <input type="checkbox" class="checkbox" name="checkboxes" \
value="check_2" /> Radio 2<br/> + <input type="checkbox" class="checkbox" \
name="checkboxes" value="check_3" /> Radio 3<br/> + </p>
+
+ <p><label for="password">Password:</label><br />
+ <input type="password" class="password" name="password" />
+ </p>
+
+ <p><label for="file">File Input:</label><br />
+ <input type="file" class="file" name="file" />
+ </p>
+
+
+ <p><input class="button" type="reset" value="Clear" /> <input class="button" type="submit" \
value="Submit" /> + </p>
+
+
+
+ </form>
+
+</fieldset>
+
+<small><a href="#wrapper">[top]</a></small>
+<hr />
+
+<h1 id="tables">Tables</h1>
+
+<table cellspacing="0" cellpadding="0">
+ <tr>
+ <th>Table Header 1</th><th>Table Header 2</th><th>Table Header 3</th>
+ </tr>
+ <tr>
+ <td>Division 1</td><td>Division 2</td><td>Division 3</td>
+ </tr>
+ <tr class="even">
+ <td>Division 1</td><td>Division 2</td><td>Division 3</td>
+ </tr>
+ <tr>
+ <td>Division 1</td><td>Division 2</td><td>Division 3</td>
+ </tr>
+
+</table>
+
+<small><a href="#wrapper">[top]</a></small>
+<hr />
+
+<h1 id="misc">Misc Stuff - abbr, acronym, pre, code, sub, sup, etc.</h1>
+
+<p>Lorem <sup>superscript</sup> dolor <sub>subscript</sub> amet, consectetuer adipiscing elit. Nullam \
dignissim convallis est. Quisque aliquam. <cite>cite</cite>. Nunc iaculis suscipit dui. Nam sit amet sem. \
Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis \
luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. \
Donec sed tellus eget sapien fringilla nonummy. <acronym title="National Basketball \
Association">NBA</acronym> Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, \
nunc. Morbi imperdiet augue quis tellus. <abbr title="Avenue">AVE</abbr></p> +
+<pre><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. \
Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, \
imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis \
mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien \
fringilla nonummy. <acronym title="National Basketball Association">NBA</acronym> Mauris a ante. \
Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. \
<abbr title="Avenue">AVE</abbr></p></pre> +
+<blockquote>
+ "This stylesheet is going to help so freaking much." <br />-Blockquote
+</blockquote>
+
+<small><a href="#wrapper">[top]</a></small>
+
<p class="cp-pagetools">
[ <a href="http://www-devel.kde.org/index.php?edit">Edit</a>
]
** trunk/www/sites/www-devel/media/images/underline.png #property svn:mime-type
+ application/octet-stream
--- trunk/www/sites/www-devel/media/test.css #1083297:1083298
@@ -51,7 +51,7 @@
background-position:0 4px}
.header .toolbox .toolboxtext { padding-top: 10px; }
.header .toolbox div {float: left; width: auto;padding: 0 10px 0 10px;color: #888; text-shadow: #fff \
0px 0px 3px; text-decoration:none; font-size: 12px; font-weight:normal;}
- .header .toolbox #location {min-width:370px;}
+ .header .toolbox #location {min-width:250px;}
.header .toolbox #location li {float: left; width: auto; padding: 0 0 0 \
10px;background-image:url('images/crumb.arrow.png'); background-repeat:no-repeat;
background-position:0 2px}
@@ -64,7 +64,9 @@
.header .menu_box li a h2{color: #555; font-size: 14px; font-weight:normal; padding-left:10px; \
text-transform:uppercase}
.header .menu_box li ul { padding-top:5px;}
.header .menu_box li a:hover h2,
- .header .menu_box li a:hover, .header .menu li a#current {color: #000;text-shadow: #aaaaff 0px 0px \
18px;} + .header .menu_box li a:hover, .header .menu_box li a#current {color:#222;text-shadow: #E6F1FF \
0px 0px 3px;background-image:url('images/underline.png'); + background-repeat:repeat-x;
+ background-position:bottom}
.header .menu_box li ul li { float: none; text-align: left; margin:5px 0}
.header .menu_box li ul li a { color: #666; font-size: 12px; margin: 5px;}
@@ -72,27 +74,27 @@
#cp-menu-home {background-image:url('images/blue.icon.png');
background-repeat:no-repeat;
background-position:0 0}
-#cp-menu-home:hover {text-shadow: #8ed1ff 0px 0px 18px;}
+#cp-menu-home:hover,a#current #cp-menu-home {text-shadow: #8ed1ff 0px 0px 18px;}
#cp-menu-community {background-image:url('images/green.icon.png');
background-repeat:no-repeat;
background-position:0 0}
-#cp-menu-community:hover {text-shadow: #acff08 0px 0px 18px;}
-#cp-menu-workspaces {background-image:url('images/orange.icon.png');
+#cp-menu-community:hover,a#current #cp-menu-community{text-shadow: #acff08 0px 0px 18px;}
+#cp-menu-workspaces, {background-image:url('images/orange.icon.png');
background-repeat:no-repeat;
background-position:0 0}
-#cp-menu-workspaces:hover {text-shadow: #ffae00 0px 0px 18px;}
+#cp-menu-workspaces:hover,a#current #cp-menu-workspaces{text-shadow: #ffae00 0px 0px 18px;}
#cp-menu-applications {background-image:url('images/red.icon.png');
background-repeat:no-repeat;
background-position:0 0}
-#cp-menu-applications:hover {text-shadow: #ff96af 0px 0px 18px;}
+#cp-menu-applications:hover,a#current #cp-menu-applications{text-shadow: #ff96af 0px 0px 18px;}
#cp-menu-developerplatform {background-image:url('images/gray.icon.png');
background-repeat:no-repeat;
background-position:0 0}
-#cp-menu-developerplatform:hover {text-shadow: #aaa 0px 0px 18px;}
+#cp-menu-developerplatform:hover,a#current #cp-menu-developerplatform{text-shadow: #aaa 0px 0px 18px;}
#cp-menu-support {background-image:url('images/purple.icon.png');
background-repeat:no-repeat;
background-position:0 0}
-#cp-menu-support:hover {text-shadow: #e285ff 0px 0px 18px;}
+#cp-menu-support:hover,a#current #cp-menu-support{text-shadow: #e285ff 0px 0px 18px;}
.content { background-image:url('images/page-bg-alt.png');
@@ -113,6 +115,13 @@
#footer a {color: #eee;}
#sidebar { float: right; max-width:170px; min-height:200px; margin:10px 15px 10px 15px; padding: 15px; \
border-left: 1px solid #eee; font-size:10pt; } + #sidebar h3 { color: \
#666;font-size:14pt;font-weight:normal;margin:0px 0px 10px 0px} + #sidebar ul {margin:0 5px}
+ #sidebar li {margin:5px 0}
+ #sidebar li a {color: #666; font-size: 12px;}
+ #sidebar li a:hover, #sidebar li a#current {color:#222;text-shadow: #E6F1FF 0px 0px \
3px;text-decoration:none;background-image:url('images/underline.png'); + \
background-repeat:repeat-x; + background-position:bottom}
a.cp-doNotDisplay { display: none; }
@@ -122,11 +131,28 @@
#main {font-size:10pt; line-height:120%;text-shadow: #fff 0px 0px 3px;}
-#main p { color: #444; padding: 15px}
+#main a {text-decoration:none}
+#main a:hover {text-decoration:none;
+ background-image:url('images/underline.png');
+ background-repeat:repeat-x;
+ background-position:bottom}
-#main h1 { color: #446888;font-size:22pt; margin:30px 0px 20px 0px;}
+#main p { color: #444; margin: 15px}
+
+#main h1 { color: #446888;font-size:20pt; margin:30px 0px 20px 0px;}
#main h2 { color: #446888;margin:30px 0px 20px 0px;font-size:18pt;}
-#main h3 { color: #446888;font-size:17pt;font-weight:bold}
-#main h4 { color: #446888;font-size:16pt;}
-#main h5 { color: #446888;font-size:14pt;}
-#main h6 { color: #446888;font-size:12pt;font-weight:bold}
+#main h3 { color: #446888;font-size:17pt;font-weight:bold margin:25px 0px 15px 0px;}
+#main h4 { color: #446888;font-size:16pt; margin:20px 0px 10px 0px;}
+#main h5 { color: #446888;font-size:14pt; margin:15px 0px 10px 0px;}
+#main h6 { color: #446888;font-size:12pt;font-weight:bold margin:15px 0px 10px 0px;}
+
+#main img {margin:10px}
+
+#main dl,#main ol,#main ul {margin:10px;}
+#main ol {}
+#main ul {}
+
+#main fieldset {}
+#main legend {}
+#main input {border:1px solid #777;margin:default;padding:default;background:#eee}
+#main textarea {border:1px solid #777;margin:default;padding:default;background:#eee}
\ No newline at end of file
[prev in list] [next in list] [prev in thread] [next in thread]
Configure |
About |
News |
Add a list |
Sponsored by KoreLogic