diff --git a/ckanext/iaea/public/iaea.css b/ckanext/iaea/public/iaea.css
new file mode 100644
index 0000000..495d1d8
--- /dev/null
+++ b/ckanext/iaea/public/iaea.css
@@ -0,0 +1,157 @@
+.account-masthead {
+  background-color: #f5f5f5;
+}
+/* The "bubble" containing the number of new notifications. */
+.account-masthead .account .notifications a span {
+  background-color: black;
+}
+/* The text and icons in the user account info. */
+.account-masthead .account ul li a {
+  color: #696969;
+}
+/* The user account info text and icons, when the user's pointer is hovering
+  over them. */
+.account-masthead .account ul li a:hover {
+  color: rgba(255, 255, 255, 0.7);
+  background-color: black;
+}
+
+/* ========================================================================
+  The main masthead bar that contains the site logo, nav links, and search
+  ======================================================================== */
+
+.masthead {
+  background: #fff;
+}
+
+.logo span {
+  color: #5b92e5;
+  font-size: 16px;
+  display: none;
+}
+
+.masthead .navigation .nav-pills li a {
+  color: #5b92e5;
+  font-size: 16px;
+}
+
+/* The "navigation pills" in the masthead (the links to Datasets,
+  Organizations, etc) when the user's pointer hovers over them. */
+.masthead .navigation .nav-pills li a:hover {
+  background-color: rgb(48, 48, 48);
+  color: white;
+}
+/* The "active" navigation pill (for example, when you're on the /dataset page
+  the "Datasets" link is active). */
+.masthead .navigation .nav-pills li.active a {
+  background-color: rgb(74, 74, 74);
+}
+/* The "box shadow" effect that appears around the search box when it
+  has the keyboard cursor's focus. */
+.masthead input[type='text']:focus {
+  -webkit-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.7);
+  box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.7);
+}
+
+/* ===========================================
+  The content in the middle of the front page
+  =========================================== */
+
+/* Remove the "box shadow" effect around various boxes on the page. */
+.box {
+  box-shadow: none;
+}
+/* Remove the borders around the "Welcome to CKAN" and "Search Your Data"
+  boxes. */
+.hero .box {
+  border: none;
+}
+.hero {
+  background: #5b92e5 !important;
+}
+/* Change the colors of the "Search Your Data" box. */
+.homepage .module-search .module-content {
+  color: rgb(68, 68, 68);
+  background-color: white;
+}
+/* Change the background color of the "Popular Tags" box. */
+.homepage .module-search .tags {
+  background-color: rgb(61, 61, 61);
+}
+/* Remove some padding. This makes the bottom edges of the "Welcome to CKAN"
+  and "Search Your Data" boxes line up. */
+.module-content:last-child {
+  padding-bottom: 0px;
+}
+.homepage .module-search {
+  padding: 0px;
+}
+/* Add a border line between the top and bottom halves of the front page. */
+.homepage [role='main'] {
+  border-top: 1px solid rgb(204, 204, 204);
+  background: #fff;
+}
+
+.media-grid,
+[role='main'] {
+  background: #fff;
+}
+
+/* ====================================
+  The footer at the bottom of the site
+  ==================================== */
+
+.site-footer,
+body {
+  background-color: #505050;
+}
+/* The text in the footer. */
+.site-footer,
+.site-footer label,
+.site-footer small {
+  color: rgba(255, 255, 255, 0.6);
+}
+/* The link texts in the footer. */
+.site-footer a {
+  color: #fff;
+}
+
+.container p .media-image,
+.context-info .image img,
+.context-info .image a,
+.media-item .media-image {
+  max-width: 48px;
+}
+
+.container .row .col-md-6 .module-content:last-child {
+  background: #5b92e5;
+  color: white;
+}
+
+.hero .container .row {
+  display: flex;
+  align-items: center;
+}
+
+.module header.module-content {
+  background-color: #5b92e5;
+}
+
+.page-header .nav-tabs li a {
+  color: #fff;
+}
+.nav-tabs > li.active > a {
+  color: #555555;
+}
+
+.page-header .nav-tabs li a:hover {
+  color: #206b82;
+}
+
+.homepage .module-search .module-content .heading {
+  font-size: 18px;
+}
+
+.homepage .module-search .tags {
+  background-color: #505050;
+}
diff --git a/ckanext/iaea/templates/base.html b/ckanext/iaea/templates/base.html
new file mode 100644
index 0000000..5a1f22b
--- /dev/null
+++ b/ckanext/iaea/templates/base.html
@@ -0,0 +1,3 @@
+{% ckan_extends %} {% block styles %} {{ super() }}
+<link rel="stylesheet" href="/iaea.css" />
+{% endblock %}