Home Explore Help
Sign In
RevolvingCow
/
revolvingcow-website
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 2 Releases 0 Wiki
Browse Source

updates style sheets and layout

bmallred 11 years ago
parent
9642e17842
commit
07368bcfef
6 changed files with 75 additions and 78 deletions
Unified View Show Diff Stats
  1. BIN
      images/background.gif
  2. BIN
      images/container.gif
  3. BIN
      images/separator.gif
  4. BIN
      images/social.gif
  5. 19 21
      index.html
  6. 56 57
      styles/site.css

BIN
images/background.gif
View File


BIN
images/container.gif
View File


BIN
images/separator.gif
View File


BIN
images/social.gif
View File


+ 19 - 21
index.html
View File

2 
<html ng-app="farm">
 2 
<html ng-app="farm">
3 
	<head>
 3 
	<head>
4 
		<meta charset="utf-8" />
 4 
		<meta charset="utf-8" />
5 
	    <meta name="description" content="" />
6 
	    <meta name="author" content="Revolving Cow, LLC" />
 5 
	    <meta name="author" content="Revolving Cow, LLC" />
6 
	    <meta name="description" content="" />
7
7
8 
    	<title>Revolving Cow</title>
 8 
    	<title>Revolving Cow</title>
9 
		<link href="https://plus.google.com/114406518580005058024" rel="publisher" />
 9 
		<link href="https://plus.google.com/114406518580005058024" rel="publisher" />
26 
			<p>We recommend upgrading to the latest <a href="//ie.microsoft.com" title="Microsoft Internet Explorer">Internet Explorer</a>, <a href="//chrome.google.com" title="Google Chrome">Google Chrome</a>, or <a href="//mozilla.org/firefox" title="Firefox">Firefox</a>. If you are using IE 9 or later, make sure you turn off "Compatibility View".</p>
 26 
			<p>We recommend upgrading to the latest <a href="//ie.microsoft.com" title="Microsoft Internet Explorer">Internet Explorer</a>, <a href="//chrome.google.com" title="Google Chrome">Google Chrome</a>, or <a href="//mozilla.org/firefox" title="Firefox">Firefox</a>. If you are using IE 9 or later, make sure you turn off "Compatibility View".</p>
27 
		</div>
 27 
		</div>
28
28
29 
		<div id="logo"><a href="#/" title="Revolving Cow"><img src="" /></a></div>
30
31 
		<header id="menu">
 29 
		<header id="menu">
32 
			<!-- Basic navigation menu -->
 30 
			<!-- Basic navigation menu -->
33 
			<nav>
 31 
			<nav>
34 
				<a class="first" href="#/services" title="Services">Services</a>
32 
				<a class="first" href="/" title="Home">Home</a>
35 
				<a href="#/company" title="Company">Company</a>
 33 
				<a href="#/company" title="Company">Company</a>
36 
				<a href="http://blog.revolvingcow.com" title="Blog">The Pasture</a>
34 
				<a href="#/services" title="Services">Services</a>
35 
				<a href="http://blog.revolvingcow.com" title="Blog">Blog</a>
36 
				<a href="mailto:info@revolvingcow.com" title="Contact Us">Contact</a>
37 
			</nav>
 37 
			</nav>
38 
		</header>
 38 
		</header>
39
39
40 
		<div id="container">
 40 
		<div id="container">
41 
			<!-- Where the magic happens -->
42 
			<div ng-view></div>
41 
			<div id="header">
42 
				<div id="logo"><a href="#/" title="Revolving Cow"><img src="blank.gif" alt="Revolving Cow" /></a></div>
43 
			</div>
44 
			<div id="content">
45 
				<div ng-view></div>
46 
			</div>
43 
		</div>
 47 
		</div>
44
48
45 
		<footer>
 49 
		<footer>
46 
			<div id="columns">
50 
			<!--<div id="columns">
47 
				<div class="col">
 51 
				<div class="col">
48 
					<h4>Products</h4>
 52 
					<h4>Products</h4>
49
53
55 
					<h4><a href="#/company" title="Company">Company</a></h4>
 59 
					<h4><a href="#/company" title="Company">Company</a></h4>
56
60
57 
					<ul>
 61 
					<ul>
58 
						<li><a href="#/company" title="Overview">Overview</a></li>
59 
						<li><a href="#/about" title="About Us">About Us</a></li>
 62 
						<li><a href="#/about" title="About Us">About Us</a></li>
60 
						<li><a href="#/services" title="Services">Services</a></li>
61 
						<li><a href="http://blog.revolvingcow.com" title="Press">Press</a></li>
62 
						<li><a href="#/contact" title="Contact">Contact</a></li>
63 
					</ul>
 63 
					</ul>
64 
				</div>
 64 
				</div>
65 
				<div class="col">
66 
					<h4>Connect</h4>
65 
			</div>-->
67
66
68 
					<ul>
69 
						<li><a href="//plus.google.com/114406518580005058024" title="Google&#43;" rel="publisher">Google&#43;</a></li>
70 
						<li><a href="//twitter.com/RevolvingCow" title="&#64;RevolvingCow">Twitter</a></li>
71 
			            <li><a href="http://blog.revolvingcow.com" title="Blog">Blog</a></li>
72 
			            <li><a href="mailto:info@revolvingcow.com" title="Email me">Email</a></li>
73 
		        	</ul>
74 
				</div>
67 
			<div id="social">
68 
				<ul>
69 
					<li><a href="//plus.google.com/114406518580005058024" title="Google&#43;" rel="publisher">Google&#43;</a></li>
70 
					<li><a href="//twitter.com/RevolvingCow" title="&#64;RevolvingCow">Twitter</a></li>
71 
					<li><a href="" title="LinkedIn">LinkedIn</a></li>
72 
				</ul>
75 
			</div>
 73 
			</div>
76
74
77 
			<!-- Copyright information -->
 75 
			<!-- Copyright information -->

+ 56 - 57
styles/site.css
View File

4 
{
 4 
{
5 
	margin: 0;
 5 
	margin: 0;
6 
	padding: 0;
 6 
	padding: 0;
7 
	color: #fff;
8 
	background-color: #171814;
9 
	font-family: 'Architects Daughter', cursive;
7 
	/*font-family: 'Architects Daughter', cursive;*/
8 
	background: url("../images/background.gif") repeat 0px 0px;
10 
}
 9 
}
11
10
12 
header
 11 
header
13 
{
 12 
{
14 
	text-align: left;
15 
	margin: 3em 0 0 0;
16 
	padding: 1em;
17 
	background-color: #464643;
18 
	border: 1px solid #666;
13 
	text-align: center;
14 
	margin: 0 auto;
15 
	padding: 1em 0;
16 
	border-bottom: 1px solid #000;
19 
}
 17 
}
20
18
21 
header nav
 19 
header nav
22 
{
 20 
{
23 
	display: inline-block;
 21 
	display: inline-block;
24 
	padding-left: 12em;
25 
}
 22 
}
26
23
27 
header nav a
24 
header nav a,
25 
header nav a:link,
26 
header nav a:visited
28 
{
 27 
{
29 
	border-left: 1px solid #eee;
28 
	background: url("../images/separator.gif") repeat-y 0px 0px;
30 
	padding-left: 1em;
 29 
	padding-left: 1em;
31 
	padding-right: 1em;
 30 
	padding-right: 1em;
31 
	color: #fcf7f0;
32 
}
 32 
}
33
33
34 
header nav a.first
 34 
header nav a.first
35 
{
 35 
{
36 
	border-left: none;
36 
	background: transparent;
37 
}
 37 
}
38
38
39 
footer
 39 
footer
40 
{
 40 
{
41 
	padding: 0.5em 1em;
42 
}
43
44 
footer div#columns
45 
{
46 
	padding: 0 25%;
47 
}
48
49 
footer .col
50 
{
51 
	text-align: left;
52 
	vertical-align: text-top;
53 
	display: inline-block;
54 
	width: 30%;
55 
	padding: 0 0.65em 0 0.35em;
56 
}
57
58 
footer .col h4
59 
{
60 
	border-bottom: 1px dotted #eee;
41 
	padding: 1em 0;
42 
	border-top: 6px solid #d0c7be;
61 
}
 43 
}
62
44
63
64 
footer ul,
65 
footer li
45 
footer a,
46 
footer a:link,
47 
footer a:visited
66 
{
 48 
{
67 
	margin: 0;
68 
	padding: 0;
69 
	list-style: none;
70 
}
71
72 
footer .col.last
73 
{
74 
	border-right: none;
49 
	color: #b4aaa1;
50 
	text-decoration: none;
75 
}
 51 
}
76
52
77 
a,
 53 
a,
79 
a:visited
 55 
a:visited
80 
{
 56 
{
81 
	text-decoration: none;
 57 
	text-decoration: none;
82 
	color: #fff;
83 
}
 58 
}
84
59
85 
a:hover
 60 
a:hover
86 
{
 61 
{
87 
	text-decoration: none;
 62 
	text-decoration: none;
88 
	font-weight: bolder;
89 
	color: #eb6335;
90 
}
 63 
}
91
64
92 
#logo
65 
/*#logo
93 
{
 66 
{
94 
	position: absolute;
 67 
	position: absolute;
95 
	top: 1.35em;
 68 
	top: 1.35em;
96 
	left: 5em;
 69 
	left: 5em;
97 
	height: 7em;
 70 
	height: 7em;
98 
	width: 7em;
 71 
	width: 7em;
99 
	background-color: #000;
72 
	/ *background-color: #000;* /
100 
	z-index: 100;
 73 
	z-index: 100;
74 
}*/
75
76 
#header
77 
{
78 
	text-align: center;
79 
	border-top: 6px solid #d0c7be;
80 
	padding: 1em 0;
101 
}
 81 
}
102
82
103 
#logo a
 83 
#logo a
109 
{
 89 
{
110 
	width: 7em;
 90 
	width: 7em;
111 
	height: 7em;
 91 
	height: 7em;
112 
	border: 0;
92 
	border: none;
113 
}
 93 
}
114
94
115 
#browser
 95 
#browser
116 
{
 96 
{
117 
	display: none;
 97 
	display: none;
118 
	visibility: hidden;
 98 
	visibility: hidden;
119 
	padding: 1em 15%;
120 
	background-color: #fae692;
121 
	border-bottom: 1px solid #000;
99 
	padding: 1em ;
100 
	background-color: #fbf0c1;
122 
}
 101 
}
123
102
124 
#container
 103 
#container
125 
{
 104 
{
126 
	margin: 0;
105 
	margin: 0 auto;
106 
	/*box-shadow: 0 5px 10px #000 inset;*/
107 
	background: url("../images/container.gif") repeat 0px 0px;
108 
}
109
110 
#content
111 
{
112 
	width: 700px;
127 
	padding: 2em;
 113 
	padding: 2em;
128 
	min-height: 12em;
 114 
	min-height: 12em;
129 
	background-color: #272822;
130 
	border: 1px solid #666;
131 
	box-shadow: 0 5px 10px #000 inset;
115 
}
116
117 
#social
118 
{
119 
	background: url("../images/social.gif") repeat-x 0px 0px;
120 
	padding: 1em 0;
121 
	text-align: center;
122 
}
123
124 
#social ul li
125 
{
126 
	margin: 0;
127 
	padding: 0;
128 
	display: inline-block;
129 
	list-style: none;
132 
}
 130 
}
133
131
134 
.copyright
132 
.copyright
135 
{
133 
{
136 
	padding: 5em 1em 1em 1em;
134 
	padding-top: 2em;
137 
	text-align: center;
 135 
	text-align: center;
138 
	width: 100%;
 136 
	width: 100%;
139 
	font-size: 9pt;
 137 
	font-size: 9pt;
138 
	color: #fff;
140 
}
 139 
}
141
140
142 
.center
 141 
.center