Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

WIP Beta

git-svn-id: svn://cherokee-project.com/web/branches/beta-ctk@6637 5dc97367-97f1-0310-9951-d761b3857238
  • Loading branch information...
commit ceeb8c2f67578657b9abf0b8a98459e596867bda 1 parent c0159f7
Jonathan Hernández ionmx authored
27 Commits.py
@@ -65,17 +65,17 @@ def get_commit_list (num):
65 65 #
66 66 class Latest_SVN_Commits_Widget (CTK.Box):
67 67 def __init__ (self, num=6):
68   - CTK.Box.__init__ (self, {'id': 'latest_svn_commit'})
69   -
70   - self += CTK.Box({'class': 'sidetitle'}, CTK.RawHTML('Latest Commits'))
71   -
72   - content_box = CTK.Box({'class': 'sidecontent'})
  68 + CTK.Box.__init__ (self, {'id': 'latest-commits'})
73 69
  70 + self += CTK.Box({'class': 'bar3-title'}, CTK.RawHTML('<a href="http://svn.cherokee-project.com/log.php?repname=Cherokee&path=%2F&rev=6636&isdir=1" target="_blank">Latest Commits</a>'))
74 71
75 72 for commit in get_commit_list (num):
76 73 rev = commit[0][0]
77 74 user = commit[0][1]
78   - date = commit[0][2].split('(')[1][:-1]
  75 + month = commit[0][2].split('(')[1][8:11]
  76 + day = commit[0][2].split('(')[1][5:7]
  77 + date = month + " " + day
  78 +
79 79 comment = commit[1]
80 80
81 81 url = os.path.join (SVN_HTTP_CHANGESET, rev[1:])
@@ -83,11 +83,18 @@ def __init__ (self, num=6):
83 83 if len(comment) > COMMENT_MAX_SIZE:
84 84 comment = comment[:COMMENT_MAX_SIZE - 3] + "..."
85 85
86   - content_box += CTK.LinkWindow (url, CTK.RawHTML(rev))
87   - content_box += CTK.Box ({'class': 'comment'}, CTK.RawHTML (comment))
88   - content_box += CTK.Box ({'class': 'details'}, CTK.RawHTML ('%(user)s | <b>%(date)s</b>'%(locals())))
  86 + content_box = CTK.Box({'class': 'commit'})
  87 +
  88 + date_box = CTK.Box({'class': 'date'})
  89 + date_box += CTK.LinkWindow (url, CTK.RawHTML(date), {'title': rev})
  90 + content_box += date_box
  91 +
  92 + commit_box = CTK.Box ({'class': 'commit-txt'}, CTK.RawHTML ('%(user)s: %(comment)s'%(locals())))
  93 + content_box += commit_box
  94 +
  95 + self += content_box
89 96
90   - self += content_box
  97 + self += CTK.Box({'class': 'bar3-bottom-link'}, CTK.RawHTML('<a href="http://svn.cherokee-project.com/log.php?repname=Cherokee&path=%2F&rev=6636&isdir=1" target="_blank">View Commits Log &raquo;</a>'))
91 98
92 99
93 100 #
24 MailingList.py
@@ -75,7 +75,7 @@ def get_mailing_list_subjects():
75 75 else:
76 76 subjects[title]['hits'] += 1
77 77 if not subjects[title].has_key('date'):
78   - subjects[title]['date'] = date
  78 + subjects[title]['date'] = time.strftime("%b %d", time.strptime(date, "%Y-%m-%d"))
79 79 if not subjects[title].has_key('authors'):
80 80 subjects[title]['authors'] = []
81 81 if not nick in subjects[title]['authors']:
@@ -96,12 +96,9 @@ def get_mailing_list_subjects():
96 96 #
97 97 class Latest_Mailing_List_Widget (CTK.Box):
98 98 def __init__ (self, limit=6):
99   - CTK.Box.__init__ (self, {'id': 'mailing_list_widget'})
100   -
101   - self += CTK.Box({'class': 'sidetitle'}, CTK.RawHTML('Mailing List'))
102   -
103   - content_box = CTK.Box({'class': 'sidecontent'})
  99 + CTK.Box.__init__ (self, {'id': 'mailing-list'})
104 100
  101 + self += CTK.Box({'class': 'bar3-title'}, CTK.RawHTML('<a href="http://lists.octality.com/listinfo/cherokee" target="_blank">Mailing List</a>'))
105 102
106 103 ret = get_mailing_list_subjects()
107 104 subjects, subject_list = ret
@@ -110,13 +107,20 @@ def __init__ (self, limit=6):
110 107 subject = subjects[s]
111 108 authors = '(%s)' %(', '.join(subject['authors']))
112 109
113   - box = CTK.Box({'class': 'ml-entry'})
114   - box += CTK.RawHTML ('%s | %s messages | <b>%s</b>'%(authors, subject['hits'], subject['date']))
  110 + content_box = CTK.Box({'class': 'mail'})
  111 +
  112 + date_box = CTK.Box({'class': 'date'})
  113 + date_box += CTK.RawHTML(subject['date'])
  114 + content_box += date_box
115 115
116   - content_box += CTK.LinkWindow (subject['link'], CTK.RawHTML(s))
  116 + box = CTK.Box({'class': 'mail-txt'})
  117 + box += CTK.LinkWindow (subject['link'], CTK.RawHTML(s))
  118 + box += CTK.RawHTML ('<br/>by %s, %s messages'%(authors, subject['hits']))
117 119 content_box += box
  120 +
  121 + self += content_box
118 122
119   - self += content_box
  123 + self += CTK.Box({'class': 'bar3-bottom-link'}, CTK.RawHTML('<a href="http://lists.octality.com/listinfo/cherokee" target="_blank">Subscribe to Cherokee Mailing List &raquo;</a>'))
120 124
121 125
122 126 #
80 PageIndex.py
@@ -38,14 +38,25 @@ class Top_Banner (CTK.Box):
38 38 def __init__ (self):
39 39 CTK.Box.__init__ (self, {'id': 'sprint'})
40 40
41   - latest_version = Downloads.get_latest_version()
42   -
43 41 # Banner body
44 42 box = CTK.Box ({'id': 'mainmsg'})
45 43 box += CTK.RawHTML ('<h1>%s</h1>'%(self.H1))
46 44 box += CTK.RawHTML ('<p>%s</p>'%(self.P1))
47 45
48 46 # Download
  47 + link = CTK.Link ("/overview.html", props={'id': "overview"})
  48 + link += CTK.RawHTML ("Learn More")
  49 + box += link
  50 +
  51 + self += box
  52 +
  53 +class Download_Box (CTK.Box):
  54 + def __init__ (self):
  55 + CTK.Box.__init__ (self, {'id': 'download-box'})
  56 +
  57 + latest_version = Downloads.get_latest_version()
  58 + # Download
  59 + box = CTK.Box ({'id': 'download-msg'})
49 60 link = CTK.Link ("/downloads.html", props={'id': "download"})
50 61 link += CTK.RawHTML ("<span>Get Cherokee</span><br/>Download Cherokee %(latest_version)s"%(locals()))
51 62 box += link
@@ -80,24 +91,79 @@ def __init__ (self):
80 91 box += l
81 92 self += box
82 93
  94 +class Sidebox (CTK.Container):
  95 + ELEMENTS = {
  96 + 'download': {
  97 + 'icon': '/static/images/o.png',
  98 + 'url': '/downloads.html',
  99 + 'title': 'Download Cherokee Web Server',
  100 + 'hint': 'LATEST'
  101 + },
  102 + 'documentation': {
  103 + 'icon': '/static/images/o.png',
  104 + 'url': '/documentation.html',
  105 + 'title': 'Read the Documentation',
  106 + 'hint': 'Tutorials, recipes, etc'
  107 + },
  108 + 'contruibute': {
  109 + 'icon': '/static/images/o.png',
  110 + 'url': '/contribute.html',
  111 + 'title': 'Contribute to the project',
  112 + 'hint': 'Help us to develop the greatest Web Server'
  113 + }
  114 + }
  115 +
  116 + class Element (CTK.Container):
  117 + def __init__ (self, url, icon, title, hint):
  118 + CTK.Container.__init__ (self)
  119 + self += CTK.RawHTML ('<img src="%(icon)s" title="%(title)s"><a href="%(url)s">%(title)s</a><br/><span>%(hint)s</span>'%(locals()))
  120 +
  121 + def __init__ (self):
  122 + CTK.Container.__init__ (self)
  123 +
  124 + l = CTK.List ()
  125 + for k in self.ELEMENTS:
  126 + url = self.ELEMENTS[k]['url']
  127 + icon = self.ELEMENTS[k]['icon']
  128 + title = self.ELEMENTS[k]['title']
  129 + hint = self.ELEMENTS[k]['hint']
  130 + l += self.Element (url, icon, title, hint)
  131 +
  132 + box = CTK.Box ({'id': 'main-links'})
  133 + box += l
  134 + self += box
  135 +
  136 +
83 137
84 138 class Home:
85 139 def __call__ (self):
86 140 page = Page.Page_Menu()
87 141 page.banner += Top_Banner()
88 142
89   - main_box = CTK.Box ({'id': 'index_main'})
  143 + main_box = CTK.Box ({'id': 'index-main'})
90 144 main_box += Highlights()
91 145 page += main_box
92 146
93   - side_box = CTK.Box ({'id': 'index_sidebar'})
94   - side_box += Twitter.Latest_Tweets()
95   - side_box += Commits.Latest_SVN_Commits()
96   - side_box += MailingList.Latest_Mailing_List()
  147 + side_box = CTK.Box ({'id': 'index-sidebox'})
  148 + side_box += Sidebox()
97 149 page += side_box
98 150
99 151 page += CTK.Box({'class': 'clr'})
100 152
  153 + bar3 = CTK.Box ({'class': 'bar3'})
  154 + bar3 += Twitter.Latest_Tweets()
  155 + page += bar3
  156 +
  157 + bar3 = CTK.Box ({'class': 'bar3'})
  158 + bar3 += Commits.Latest_SVN_Commits()
  159 + page += bar3
  160 +
  161 + bar3 = CTK.Box ({'class': 'bar3'})
  162 + bar3 += MailingList.Latest_Mailing_List()
  163 + page += bar3
  164 +
  165 + page += CTK.Box({'class': 'clr'})
  166 +
101 167 return CTK.HTTP_Cacheable (10, body=page.Render())
102 168
103 169
28 Twitter.py
@@ -47,11 +47,10 @@ def to_url(url):
47 47 #
48 48 class Latest_Tweets_Widget (CTK.Box):
49 49 def __init__ (self, num=6):
50   - CTK.Box.__init__ (self, {'id': 'latest_tweets'})
  50 + CTK.Box.__init__ (self, {'id': 'latest-tweets'})
51 51
52   - self += CTK.Box({'class': 'sidetitle'}, CTK.RawHTML('Twitter (<a href="http://twitter.com/#!/webserver" target="_blank">@webserver</a>)'))
  52 + self += CTK.Box({'class': 'bar3-title'}, CTK.RawHTML('<a href="http://twitter.com/webserver" target="_blank">Recent Tweets</a>'))
53 53
54   - content_box = CTK.Box({'class': 'sidecontent'})
55 54
56 55 # Query
57 56 data = feedparser.parse (TWITTER_URL)
@@ -62,24 +61,33 @@ def __init__ (self, num=6):
62 61 rc = re.compile(URL_RE)
63 62
64 63 for entry in data['entries']:
65   - link = CTK.util.to_utf8(entry['link'])
66   - date = CTK.util.to_utf8(entry['updated']).split(', ')[1].split('+')[0]
  64 + content_box = CTK.Box({'class': 'tweet'})
  65 + link = CTK.util.to_utf8(entry['link'])
  66 + month = CTK.util.to_utf8(entry['updated'])[8:11]
  67 + day = CTK.util.to_utf8(entry['updated'])[5:7]
  68 + date = month + " " + day
67 69
68 70 # Tidy up (before reformatting URLs).
  71 + #text = entry['summary'][SKIP_SZ:]
  72 + #if len(text) > MAX_SZ:
  73 + # text = text[:MAX_SZ-3] + "..."
69 74 text = entry['summary'][SKIP_SZ:]
70   - if len(text) > MAX_SZ:
71   - text = text[:MAX_SZ-3] + "..."
72 75
73 76 tweet = rc.sub (to_url, text)
74 77
75 78 # Layout
76   - date_box = CTK.Box({'class': 'tweet-date'})
  79 + date_box = CTK.Box({'class': 'date'})
77 80 date_box += CTK.LinkWindow (link, CTK.RawHTML(date))
78 81
79   - content_box += CTK.RawHTML (tweet)
  82 + tweet_box = CTK.Box({'class': 'tweet-txt'})
  83 + tweet_box += CTK.RawHTML (tweet)
  84 +
80 85 content_box += date_box
  86 + content_box += tweet_box
  87 +
  88 + self += content_box
81 89
82   - self += content_box
  90 + self += CTK.Box({'class': 'bar3-bottom-link'}, CTK.RawHTML('<a href="http://twitter.com/webserver" target="_blank">Follow Us on Twitter &raquo;</a>'))
83 91
84 92
85 93 #
704 static/css/cherokee.css
... ... @@ -1,5 +1,6 @@
1 1 /* Cherokee Web Site: CSS */
2 2
  3 +/* Reset */
3 4 html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,input,button,textarea,p,blockquote,th,td {margin:0; padding:0;}
4 5 table{ border-collapse: collapse; border-spacing:0; }
5 6 fieldset,img{border:0;}
@@ -12,82 +13,224 @@ code {font-family: courier;}
12 13 img {display: block; border: none;}
13 14 ul {list-style: none;}
14 15
  16 +/* Fonts */
15 17 @font-face {
16   - font-family: "CA BND Web Bold";
17   - src: url(/static/fonts/CABNDWebBold.otf) format("opentype");
  18 + font-family: "CA BND Web Bold";
  19 + src: url(/static/fonts/CABNDWebBold.otf) format("opentype");
  20 +}
  21 +
  22 +/* General */
  23 +html, body {
  24 + height: 100%;
  25 +}
  26 +body {
  27 + background: #fff url(../images/bar.png) repeat-x;
  28 + font-family: Helvetica, Arial, Tahoma, sans-serif;
  29 + font-size: 14px;
  30 + text-align: center;
  31 + color: #222;
  32 +}
  33 +
  34 +a {
  35 + color: #27c;
  36 + -webkit-transition: color .2s linear;
  37 +}
  38 +a:hover {
  39 + color: #29f;
  40 + text-decoration: underline;
  41 +}
  42 +h1, h2, h3 {
  43 + font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  44 + font-weight: normal;
  45 + margin: 0 0 8px 0;
  46 + padding:0;
  47 +}
  48 +h1 {
  49 + color: #c00;
  50 + font: 40px/40px Verdana, Arial, Helvetica, sans-serif;
  51 + margin-top: 30px;
  52 +}
  53 +h1 a {
  54 + color: #c00;
  55 + text-decoration: none;
  56 +}
  57 +h1 a:hover {
  58 + color: #c00;
  59 + text-decoration: underline;
  60 +}
  61 +h2 {
  62 + color: #174783;
  63 + font-size: 150%;
  64 + font: 24px/24px Verdana, Arial, Helvetica, sans-serif; padding-bottom: 8px;
  65 + margin: 15px 0;
  66 + border-bottom: 1px solid #def;
  67 +}
  68 +.body-index h2 {
  69 + margin-top: 0;
  70 +}
  71 +h3 {
  72 + color: #666;
  73 + font-size: 120%;
  74 + font-weight: normal;
  75 +}
  76 +p {
  77 + margin-bottom: 1em;
  78 + line-height: 1.5em;
  79 +}
  80 +.clr:after {
  81 + visibility: hidden;
  82 + display: block;
  83 + font-size: 0;
  84 + content: " ";
  85 + clear: both;
  86 + height: 0;
  87 +}
  88 +.clr {
  89 + display: inline-block;
  90 +}
  91 +* html .clr {
  92 + height: 1%;
  93 +}
  94 +* .clr {
  95 + display: block;
  96 +}
  97 +ul.list {
  98 + list-style-type: disc;
  99 + padding-left: 2em;
  100 + margin-bottom: 1em;
  101 +}
  102 +ul.list li {
  103 + line-height: 1.5em;
  104 +}
  105 +
  106 +/* Layout */
  107 +#container {
  108 + background: #fff;
  109 + width: 980px;
  110 + margin: 0 auto;
  111 + text-align: left;
  112 + min-height: 100%;
  113 +}
  114 +#footer {
  115 + width: 980px;
  116 + padding-top: 60px;
  117 + margin: 0 auto;
  118 + text-align: left;
  119 +}
  120 +#footer-inner {
  121 + font-size: 90%;
  122 + padding: 22px 30px 30px 90px;
  123 + color: #3465a4;
  124 + background: transparent url(../images/o.png) 15px 15px no-repeat;
  125 +}
  126 +#bar {
  127 + width: 980px;
  128 + margin: 0 auto;
  129 + height: 52px;
  130 +}
  131 +#sprint {
  132 + background: #eff5fd url(../images/sprint.png) top center no-repeat;
  133 + height: 211px;
  134 + text-align: left;
18 135 }
19   -
20   -html, body { height: 100%; }
21   -body { background: #fff url(../images/bar.png) repeat-x; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 14px; text-align: center; color: #222; }
22   -a { color: #3465a4; }
23   -a:hover { color: #c00; text-decoration: underline; }
24   -h1, h2, h3 { font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight: normal; margin: 0 0 8px 0; padding:0; }
25   -h1 { color: #c00; font: 40px/40px Verdana, Arial, Helvetica, sans-serif; }
26   -h1 a { color: #c00; text-decoration: none; }
27   -h1 a:hover { color: #c00; text-decoration: underline; }
28   -h2 { color: #174783; font-size: 150%; font: 24px/24px Verdana, Arial, Helvetica, sans-serif; padding-bottom: 8px; margin: 15px 0; border-bottom: 1px solid #def; }
29   -.body-index h2 { margin-top: 0; }
30   -h3 { color: #666; font-size: 120%; font-weight: normal; }
31   -p { margin-bottom: 1em; line-height: 1.5em; }
32   -.clr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
33   -.clr { display: inline-block; }
34   -* html .clr { height: 1%; }
35   -* .clr { display: block; }
36   -.p33 { width: 33%; float: left; }
37   -ul.list { list-style-type: disc; padding-left: 2em; margin-bottom: 1em; }
38   -ul.list li { line-height: 1.5em; }
39   -#container { background: #fff; width: 980px; margin: 0 auto; text-align: left; min-height: 100%; }
40   -
41   -#footer { width: 980px; margin: 0 auto; text-align: left; }
42   -#footer-inner { font-size: 90%; padding: 22px 30px 30px 90px; color: #3465a4; background: transparent url(../images/o.png) 15px 15px no-repeat; }
43   -#bar { width: 980px; margin: 0 auto; height: 52px; }
44   -#sprint { background: #eff5fd url(../images/sprint.png) top center no-repeat; height: 211px; text-align: left;}
45   -#mainmsg { margin: 0 auto; height: 211px; width: 980px; }
46   -#mainmsg h1 { color: #fff; font-size: 28px; font-weight: bold; text-shadow: #072e5e 0px 1px 0px; text-transform: uppercase; margin-left: 460px; padding-top: 30px; padding-bottom: 0px; font-family: "CA BND Web Bold", Verdana, Arial, Helvetica, sans-serif; }
47   -#mainmsg p { color: #072e5e; font-size: 18px; margin-left: 460px; }
48   -#nav { padding: 4px 0px 4px 0px; float: right; height: 22px; margin-top: 12px; }
49   -#nav ul { margin:0 0 0 12px; padding:0;font-family: Helvetica, Arial, sans-serif; font-size: 15px; padding-left: 8px;}
50   -#nav ul li {float: left; margin: 0;padding: 0;text-align: center;}
51   -#nav ul li a { display: block;line-height: 1.4em;padding: 0px 24px 0px 0;margin: 0;text-decoration: none;color: #b4d9ec;border: none;-webkit-transition: color .2s linear;}
52   -#nav ul li a:hover { color: #fff; text-decoration: none;}
53   -#logo { width: 220px; padding: 0; position: absolute; top: 0;}
54   -#download { background: transparent url(../images/get.png) no-repeat; float: right; width: 192px; height: 50px; font-size: 11px; color: #f0fff0; text-decoration: none; padding: 8px; -webkit-transition: color .2s linear; padding-left: 46px; }
55   -#download span { font-size: 15px; font-weight: bold; text-shadow: #1f681f 0px 1px 0px; }
56   -#download:hover { color: #fff; }
57   -
58   -#index_main {
59   - padding: 30px;
60   - float: left;
61   - width: 620px;
  136 +#mainmsg {
  137 + margin: 0 auto;
  138 + height: 211px;
  139 + width: 980px;
  140 +}
  141 +#mainmsg h1 {
  142 + color: #fff;
  143 + font-size: 28px;
  144 + font-weight: bold;
  145 + text-shadow: #072e5e 0px 1px 0px;
  146 + text-transform: uppercase;
  147 + margin-left: 460px;
  148 + margin-top: 0;
  149 + padding-top: 30px;
  150 + padding-bottom: 0px;
  151 + font-family: "CA BND Web Bold", Verdana, Arial, Helvetica, sans-serif;
  152 +}
  153 +#mainmsg p {
  154 + color: #072e5e;
  155 + font-size: 20px;
  156 + margin-left: 460px;
  157 +}
  158 +#nav {
  159 + padding: 4px 0px 4px 0px;
  160 + float: right; height: 22px;
  161 + margin-top: 12px;
  162 +}
  163 +#nav ul {
  164 + margin:0 0 0 12px;
  165 + padding:0;
  166 + font-family: Helvetica, Arial, sans-serif;
  167 + font-size: 15px;
  168 + padding-left: 8px;
  169 +}
  170 +#nav ul li {
  171 + float: left; margin: 0;
  172 + padding: 0;
  173 + text-align: center;
62 174 }
63   -
64   -#index_sidebar {
65   - padding: 20px;
66   - float: right;
67   - width: 240px;
68   - font-size: 90%;
69   - background: #fff url(../images/bg-sb.png) top left no-repeat;
  175 +#nav ul li a {
  176 + display: block;
  177 + line-height: 1.4em;
  178 + padding: 0px 24px 0px 0;
  179 + margin: 0;
  180 + text-decoration: none;
  181 + color: #b4d9ec;
  182 + border: none;
  183 + -webkit-transition: color .2s linear;
  184 +}
  185 +#nav ul li a:hover {
  186 + color: #fff;
  187 + text-decoration: none;
  188 +}
  189 +#logo {
  190 + width: 220px;
  191 + padding: 0;
  192 + position: absolute;
  193 + top: 0;
  194 +}
  195 +#overview {
  196 + background: #383;
  197 + font-weight: bold;
  198 + float: right;
  199 + font-size: 16px;
  200 + color: #f0fff0;
  201 + text-decoration: none;
  202 + -webkit-transition: color .2s linear;
  203 + padding: 8px 12px;
  204 + border-radius: 10px;
  205 + -moz-border-radius: 10px;
  206 + -webkit-border-radius: 10px;
  207 +}
  208 +#overview:hover {
  209 + color: #fff;
  210 +}
  211 +
  212 +/* Index */
  213 +#index-main {
  214 + padding: 30px 30px 30px 0;
  215 + float: left;
  216 + width: 620px;
70 217 }
71 218
72   -.sidetitle {
73   - height: 34px;
74   - width: 281px;
75   - font-size: 120%;
76   - padding-top: 5px;
77   - padding-left: 15px;
78   - margin-left: -4px;
79   - color: #000;
80   - font-weight: bold;
  219 +#index-sidebox {
  220 + padding: 20px;
  221 + float: right;
  222 + width: 240px;
  223 + border: 1px solid #f90;
  224 + font-size: 90%;
81 225 }
82 226
83   -.sidecontent {
84   - padding-left: 10px;
85   - margin-bottom: 30px;
  227 +#features {
  228 + padding-bottom: 30px;
86 229 }
87 230
88   -
89   -#features { padding-bottom: 15px; }
90   -#features strong { font-size: 120%; }
  231 +#features strong {
  232 + font-size: 120%;
  233 +}
91 234 #features ul {
92 235 list-style-type: none;
93 236 padding: 0;
@@ -102,419 +245,70 @@ ul.list li { line-height: 1.5em; }
102 245 background: #fff url(../images/ok.png) 0 2px no-repeat;
103 246 }
104 247
105   -
106   -
107   -/**********************************************************
108   - * index
109   - **********************************************************/
110   -.index-section {
111   - color: #666;
112   - padding-left: 70px;
113   - min-height: 60px;
114   - margin-bottom: 8px;
115   -}
116   -
117   -.index-section p {
118   - color: #333;
119   - margin: 0;
120   - padding: 0;
121   -}
122   -
123   -.index-section:hover {
124   - cursor: pointer;
125   -}
126   -
127   -.index-section:hover h2 a {
128   - color: #c00;
129   -}
130   -
131   -.index-section h2 {
132   - color: #204a87;
133   - border-bottom: 0;
134   - margin-bottom: 0;
135   -}
136   -
137   -.index-section h2 a {
138   - color: #204a87;
139   - text-decoration: none;
140   -}
141   -
142   -.index-section p a {
143   - color: #333;
144   - text-decoration: none;
145   -}
146   -
147   -
148   -.branding {
149   - background: #fff url(/images/branding.png) top left no-repeat;
  248 +#main-links li {
  249 + height: 48px;
150 250 }
151 251
152   -.support {
153   - background: #fff url(/images/support.png) top left no-repeat;
  252 +#main-links li img {
  253 + float: left;
  254 + margin-right: 10px;
154 255 }
155 256
156   -.benchmark {
157   - background: #fff url(/images/benchmark.png) top left no-repeat;
158   -}
159 257
160   -.screencast {
161   - background: #fff url(/images/screencast.png) top left no-repeat;
162   -}
163   -
164   -/**********************************************************
165   - * Screencasts
166   - **********************************************************/
167   -
168   -#screencast_wrapper {
169   - align:center;
170   - width:100%;
171   -}
172   -
173   -#screencast_player {
174   - display:block;
175   - width:920px;
176   - align:center;
177   -}
178   -
179   -#screencast_table {
180   - width:90%;
181   - text-align:center;
182   - margin-top: 20px;
183   - margin-bottom: 20px;
184   - border-spacing: 0;
185   -}
186   -
187   -#screencast_table tr {
188   - height: 25px;
189   -}
190 258
191   -#screencast_table th,tr {
192   - text-align:left;
193   -}
194   -
195   -#screencast_table th A:hover {
196   - text-decoration: underline;
197   -}
198   -
199   -#screencast_table .down {
200   - text-align:center;
201   -}
202   -
203   -#screencast_table .time {
204   - text-align:right;
205   -}
206   -
207   -#screencast_table a {
208   - cursor: pointer;
209   -}
210   -
211   -
212   -/**********************************************************
213   - * Styles for Domains using Cherokee
214   - **********************************************************/
215   -.notify
216   -{
217   -border: 1px #567397 solid;
218   -height: auto;
219   -width: 90%
220   -padding: 8px;
221   -text-align: center;
222   --moz-border-radius: 5px;
223   -}
224   -
225   -.notify_ok
226   -{
227   -background: #f5f9fd;
228   -}
229   -
230   -.notify_error
231   -{
232   -background: #fbf7da;
233   -}
234   -
235   -#submit_domain
236   -{
237   -width: 90px;
238   -border: 1px solid #999999;
239   -border-top-color: #CCCCCC;
240   -border-left-color: #CCCCCC;
241   -font-size: 22px;
242   --moz-border-radius: 3px;
243   -white-space: nowrap;
244   -float: right;
245   -height: 40px;
246   -text-align: center;
247   -}
248   -
249   -
250   -#cherokee_domains {
251   --moz-border-radius: 7px;
252   -border: 1px #dddddd solid;
253   -background: #3465A4;
254   -background-image: url(../images/domains_bg.png);
255   -margin: 20px;
256   -padding: 20px;
257   -}
258   -
259   -#cherokee_domains form div {
260   -padding-top: 15px;
261   -}
262   -
263   -#cherokee_domains form button#submit {
264   -border:0;
265   -float: right;
266   -width: 93px;
267   -height: 40px;
268   -border-top-style: none;
269   -border-right-style-value: none;
270   -border-bottom-style: none;
271   -border-left-style-value: none;
272   -border-left-style-ltr-source: physical;
273   -border-left-style-rtl-source: physical;
274   -border-right-style-ltr-source: physical;
275   -border-right-style-rtl-source: physical;
276   -text-indent: -5000px;
277   -background-color: transparent;
278   -background-image: url(../images/domains_submit.png);
279   -background-repeat: no-repeat;
280   -background-attachment: scroll;
281   -background-position: left top;
282   -}
283   -
284   -#cherokee_domains form button#submit:hover {
285   -background-position: left -40px;
286   -}
287   -
288   -
289   -#cherokee_domains form input {
290   -font-size: 22px;
291   -background-color: #ffffff;
292   -background-image: url(../images/domains_input.png);
293   -background-repeat: repeat-x;
294   -background-attachment: scroll;
295   -padding-top: 5px;
296   -padding-right: 5px;
297   -padding-bottom: 5px;
298   -padding-left: 5px;
299   -border-top-width: 1px;
300   -border-right-width-value: 1px;
301   -border-right-width-ltr-source: physical;
302   -border-right-width-rtl-source: physical;
303   -border-bottom-width: 1px;
304   -border-left-width-value: 1px;
305   -border-left-width-ltr-source: physical;
306   -border-left-width-rtl-source: physical;
307   -border-top-style: solid;
308   -border-right-style-value: solid;
309   -border-right-style-ltr-source: physical;
310   -border-right-style-rtl-source: physical;
311   -border-bottom-style: solid;
312   -border-left-style-value: solid;
313   -border-left-style-ltr-source: physical;
314   -border-left-style-rtl-source: physical;
315   -border-top-color: #4f7ca4;
316   -border-right-color-value: #4f7ca4;
317   -border-right-color-ltr-source: physical;
318   -border-right-color-rtl-source: physical;
319   -border-bottom-color: #4f7ca4;
320   -border-left-color-value: #4f7ca4;
321   -border-left-color-ltr-source: physical;
322   -border-left-color-rtl-source: physical;
323   -width: 530px;
324   -float: left;
325   -color: #444444;
326   -}
327   -
328   -#cherokee_domains form input:focus {
329   -outline-color: -moz-use-text-color;
330   -outline-style: none;
331   -outline-width: 0pt;
332   -}
333   -
334   -#cherokee_domains form p {
335   -border-top-width: 1px;
336   -border-right-width-value: 1px;
337   -border-right-width-ltr-source: physical;
338   -border-right-width-rtl-source: physical;
339   -border-bottom-width: 1px;
340   -border-left-width-value: 1px;
341   -border-left-width-ltr-source: physical;
342   -border-left-width-rtl-source: physical;
343   -border-top-style: solid;
344   -border-right-style-value: solid;
345   -border-right-style-ltr-source: physical;
346   -border-right-style-rtl-source: physical;
347   -border-bottom-style: solid;
348   -border-left-style-value: solid;
349   -border-left-style-ltr-source: physical;
350   -border-left-style-rtl-source: physical;
351   -border-top-color: #6c91b5;
352   -border-right-color-value: #6c91b5;
353   -border-right-color-ltr-source: physical;
354   -border-right-color-rtl-source: physical;
355   -border-bottom-color: #6c91b5;
356   -border-left-color-value: #6c91b5;
357   -border-left-color-ltr-source: physical;
358   -border-left-color-rtl-source: physical;
359   -display: block;
360   -width: 542px;
361   -float: left;
362   -}
363   -
364   -
365   -#domain_list {
366   -margin-left:auto; margin-right:auto;
367   -margin-top: 1.5em;
368   -margin-bottom: 1.5em;
369   -text-align: center;
370   -}
371   -
372   -#domain_list table, .dl_table {
373   -margin-left:20px;
374   -width: 710px;
375   -text-align: left;
376   -}
377   -
378   -.dl_table {
379   -margin-left:20px;
380   -width: 710px;
381   -text-align: left;
382   -}
383   -
384   -#domain_list td {
385   -padding:5px;
386   -white-space : nowrap;
387   -text-align: center;
388   -}
389   -
390   -td.pr0 { font-size: 0.8em; color: #bbb }
391   -td.pr1 { font-size: 0.9em; color: #aaa }
392   -td.pr2 { font-size: 1.1em; color: #999 }
393   -td.pr3 { font-size: 1.3em; color: #888 }
394   -td.pr4 { font-size: 1.5em; color: #777 }
395   -td.pr5 { font-size: 1.7em; color: #666 }
396   -td.pr6 { font-size: 1.9em; color: #555 }
397   -td.pr7 { font-size: 2.1em; color: #444 }
398   -td.pr8 { font-size: 2.3em; color: #333 }
399   -td.pr9 { font-size: 2.4em; color: #222 }
400   -td.pr10 { font-size: 2.5em; color: #111 }
401   -
402   -/**********************************************************
403   - * Tooltips for the documentation
404   - **********************************************************/
405   -.tooltip_container{font-size:0.6em;}
406   -.hover{position:absolute;display:none;z-index:999;width:245px;height:108px;background:url(/images/tooltip.png) no-repeat}
407   -.hover p{margin:2em; text-align:center ; line-height:1em}
408   -
409   -
410   -/**********************************************************
411   - * Boxes and tabs for download page
412   - **********************************************************/
413   -#download_box {
414   -border: 1px solid #ddd;
415   -padding:10px;
416   -padding-left: 30px;
417   -}
418   -
419   -#download_box img {
420   -height: 50px;
421   -width: 50px;
422   -margin-right: 6px;
423   -border: 0;
424   -float: left;
425   -clear: left;
426   -}
427   -
428   -.country_name{
429   -padding-top: 15px;
430   -display: block;
431   -}
432   -
433   -#packages_container, #mirros_container, #rsync_container {}
434   -
435   -/**********************************************************
436   - * Misc
437   - **********************************************************/
438   -.twobars {
439   - width: 100%;
440   -}
441   -
442   -.left {
443   - float: left;
444   - padding: 10px;
445   - border-right: 1px solid #ddd;
  259 +.bar3 {
  260 + width: 33%;
  261 + float: left;
  262 + font-size: 13px;
  263 + margin-top: 30px;
446 264 }
447 265
448   -.right {
449   - float: right;
450   - padding: 10px;
  266 +.bar3-title {
  267 + color: #174783;
  268 + font-size: 16px;
  269 + margin-bottom: 15px;
451 270 }
452 271
453   -.hidden {
454   - visibility: hidden;
  272 +.bar3-title a {
  273 + text-decoration: none;
455 274 }
456 275
457   -#binary_packages table {
458   - border:0;
  276 +.bar3-bottom-link {
  277 + float: right;
  278 + margin-top: 10px;
459 279 }
460 280
461   -#binary_packages img {
462   - border:0;
463   - margin: 0 6px 0 6px;
  281 +.bar3-bottom-link a {
  282 + text-decoration: none;
464 283 }
465 284
466   -.fixedwidth {
467   - width: 440px;
468   -}
469 285
470   -.shell {
471   - border-style: solid;
472   - border-color: #AAAAAA;
473   - background: #EEEEEE;
474   - color: #000000;
475   - border-width: 1px;
476   - padding: 2pt;
477   - margin:15px;
  286 +#latest-tweets,
  287 +#latest-commits,
  288 +#mailing-list {
  289 + padding-right: 20px;
478 290 }
479 291
480   -/**********************************************************
481   - * Benchmarks section
482   - **********************************************************/
483   -.bench_img {
484   - float: left;
  292 +.tweet, .commit, .mail {
  293 + margin-bottom: 15px;
485 294 }
486 295
487   -
488   -/**********************************************************
489   - * FAQ
490   - **********************************************************/
491   -#faq {
492   - float: left;
493   - font-size: 95%;
  296 +.date {
  297 + float: left;
  298 + text-align: right;
  299 + width: 50px;
  300 + color: #666;
494 301 }
495 302
496   -#faq dt {
497   - color: #c00;
498   - font-size: 130%;
499   - font-weight: bold;
500   - margin: 10px;
  303 +.date a {
  304 + text-decoration: none;
  305 + color: #666;
501 306 }
502 307
503   -
504   -/**********************************************************
505   - * Branding
506   - **********************************************************/
507   -#parallel li {
508   - float: left;
509   - margin: 0;
510   - margin-left: 16pt;
511   - padding-left: 0pt;
512   - list-style-image: none;
513   - list-style-type: none;
514   - font-size: x-small;
  308 +.date a:hover {
  309 + color: #27c;
515 310 }
516 311
517   -#parallel li p {
518   - width: 200px;
519   - height: 160px;
  312 +.tweet-txt, .commit-txt, .mail-txt {
  313 + margin-left: 60px;
520 314 }

0 comments on commit ceeb8c2

Please sign in to comment.
Something went wrong with that request. Please try again.