1. Sherif Mansour
  2. Confluence Social Bookmarking Plugin for Chrome

Commits

Sherif Mansour  committed f5f4a6b

css changes, styling

  • Participants
  • Parent commits 66452c2
  • Branches default

Comments (0)

Files changed (3)

File manifest.json

View file
 {
-  "name": "Confluence Bookmark Extension",
+  "name": "Bookmark in Confluence",
   "version": "1.0",
   "description": "Share a URL in Atlassian Confluence",
   "background_page": "background.html",
   "options_page": "options.html",
+  "homepage": "https://bitbucket.org/sherif/confluence-social-bookmarking-plugin-for-chrome/wiki",
   "browser_action": {
     "default_icon": "images/icon.png",
     "popup": "popup.html"

File options.html

View file
 <html>
 	<head>
-		<title>My Test Extension Options</title>
+		<title>Confluence Social Bookmarking Configuration</title>
+		<link rel="stylesheet" href="styles.css" type="text/css" media="screen" charset="utf-8" />
 		<script type='text/javascript' src='jquery.js'></script>
 		<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script> 
 
 
 		</script>
 
-		  <style type="text/css"> 
-	    * { font-family: Verdana; font-size: 11px; line-height: 14px; } 
-	    .submit { margin-left: 125px; margin-top: 10px;} 
-	    .label { display: block; float: left; width: 120px; text-align: right; margin-right: 5px; } 
-	    .form-row { padding: 5px 0; clear: both; width: 700px; } 
-	    label.error { width: 250px; display: block; float: left; color: red; padding-left: 10px; } 
-	    input[type=text], textarea { width: 250px; float: left; } 
-	    textarea { height: 50px; } 
-	  </style> 
-
 
 	</head>
 	<body onload="restore_options()">
+	<h1>Configure Plugin</h1>
+	<p>To configure the plugin, please enter your Confluence base URL below:</p><br/>
 		<form id="conf_config" method="post" action="popup.html">
 			<span class="label">Confluence Base URL:</span> <input type="text" id="conf_url" name="conf_url" size="30" value=""/>
-			<div id="status"></div><br>
+			<div id="status"></div><br/>
 			<button onclick="save_options()">Save</button>
 		</form>
 	</body>

File popup.html

View file
 <html>
 	<head>
-		<style type="text/css">
-		body {width:700; height:500;}
-		</style>
+		<title>Confluence Social Bookmarking Extension</title>
+		<link rel="stylesheet" href="styles.css" type="text/css" media="screen" charset="utf-8" />
 		<script type='text/javascript' src='jquery.js'></script>
 
 		<script type="text/javascript">
 			frame.setAttribute('height', '100%');
 			frame.setAttribute('frameborder', '0');
 			frame.setAttribute('scrolling', 'no');
+			frame.setAttribute('marginwidth', '0');
 			frame.setAttribute('id', 'rtmframe');
-			frame.setAttribute('style', "background-image: url('images/ajax-loader.gif'); background-position:center; background-repeat: no-repeat");
+			frame.setAttribute('style', "background-image: url('images/ajax-loader.gif'); background-position:center; background-repeat: no-repeat; left: 0; right: 0; padding-top: 0px;");
 
 			frame.setAttribute('src', 
 			localStorage["conf_url"]+
 			var bg = chrome.extension.getBackgroundPage();
 
 			if (localStorage["conf_url"]==null || localStorage["conf_url"]==undefined){		
-				$("#confIframe").html("<img src='images/configure.png'> <a href='options.html'>Configure</a>");
+				$("#confIframe").html("Plugin not configured. Please <a href='options.html'>configure</a> the plugin first.");
 			}else{
 				bg.getSelection(onSelection);
 			}
 		</script>
 	</head>
 	<body>
-		<div id="confIframe"></div>
+		<a href='options.html'><img src='images/configure.png' alt="Configure Plugin" align="right"></a>
+		<div id="confIframe" align="centre"></div>
 	</body>
 </html>