2015-02-21 22:00:28 -05:00
<!DOCTYPE html>
< html >
< head >
2015-02-27 05:46:57 -05:00
< link href = 'http://fonts.googleapis.com/css?family=Play' rel = 'stylesheet' type = 'text/css' >
2015-02-21 22:00:28 -05:00
< style type = "text/css" >
body {
background-color: white;
color: #16a085;
width: 250px;
padding:10px;
font-family: 'Play', sans-serif;
}
h1 {
font-size: 16px;
}
a{
color: #e67e22;
}
a:hover{
color: #16a085;
}
2016-06-18 23:04:38 -04:00
label *:not([type="checkbox"]){
2016-03-10 07:12:35 -05:00
display:block;
}
2016-06-18 23:04:38 -04:00
.otherWords input:not([type="checkbox"]){
2016-03-10 07:12:35 -05:00
margin-top:0.2em;
width:100%;
}
.otherWords .other, .otherWords .replaceBy{
width:98%;
}
.otherWords .change{
margin-right:0;
}
2017-05-19 12:13:06 -04:00
#clear-name, #deactivate{
2016-05-28 19:08:49 -04:00
margin-top:0.5em;
2016-06-18 23:04:38 -04:00
width:96%;
}
2017-05-19 12:13:06 -04:00
#deactivate{
background-color: #9b59b6;
color:white;
border:0px;
border-radius:0.5em;
transition-duration: 0.5s;
}
#deactivate:hover{
color: #9b59b6;
background-color: white;
cursor:pointer;
}
2016-06-18 23:04:38 -04:00
input[type="text"]{
width:70%;
}
.strikethrough{
text-decoration: line-through;
}
.one-saved-item:hover{
background-color: #e74c3c;
color: white;
cursor: pointer;
}
.savedItemsList{
height:100px;
overflow: auto;
2016-03-10 07:12:35 -05:00
}
2015-02-21 22:00:28 -05:00
< / style >
< script src = "popup.js" type = "text/javascript" >
< / script >
< / head >
< body >
< h1 > Enter the name here:< / h1 >
2016-05-28 19:08:49 -04:00
< form > < input type = "text" id = "inputTxt" / > < input type = "submit" id = "submit" value = "Change" / > < / form >
2017-05-19 12:13:06 -04:00
< input type = "button" id = "clear-name" value = "Clear Name" / >
2016-06-18 23:04:38 -04:00
< p > < details id = "moreWords" > < summary > Need to replace something other than Y/N?< / summary >
< p > < small > (This change will go away when you refresh/go to another page unless you check the box next to "Store this replacement")< / small > < / p >
2016-03-10 07:12:35 -05:00
< p > < form class = "otherWords changeForm" >
< label > < span > Value [e.g L/N, E/C, etc]:< / span >
< input type = "text" name = "replaceWord" class = "other" > < / label >
< br >
< label > < span > Replace with:< / span >
< input type = "text" name = "replaceWith" class = "replaceBy" > < / label >
2016-06-18 23:04:38 -04:00
< label > < input type = "checkbox" name = "isPerm" > Store this replacement< / label >
2016-03-10 07:12:35 -05:00
< input type = "submit" class = "change" value = "Change" >
< / form >
< / p >
2015-07-31 06:58:38 -04:00
< / details > < / p >
2015-02-21 22:00:28 -05:00
< p >
2016-06-18 23:04:38 -04:00
< p > < details > < summary id = "show-saved" > STORED REPLACEMENTS< / summary >
2016-06-18 23:09:04 -04:00
< p > To remove, simply click on a replacement. To change, re-enter in the previous section.< / p >
2016-06-18 23:04:38 -04:00
< div class = "savedItemsList" >
< ul id = "theList" >
< / ul >
< / div >
< / details > < / p >
< p >
2015-02-21 22:00:28 -05:00
< details > < summary > About< / summary >
< a href = "http://interactivefics.tumblr.com" target = "_blank" title = "Official tumblr" > Interactive Fics< / a > is a free Chrome extension developed by < a href = "https://github.com/blaringsilence" target = "_blank" title = "her github" > blaringsilence< / a > to improve your online story reading experience. The extension is open source and all source code can be found < a href = "https://github.com/blaringsilence/interactive-fics" title = "github repo" > here.< / a >
< / details >
2017-05-19 12:13:06 -04:00
< br >
< input type = "button" id = "deactivate" / >
< / br >
2015-02-21 22:00:28 -05:00
< br >
< a href = "http://interactivefics.tumblr.com/ask" target = "_blank" > Feedback, suggestions and requests.< / a > < / br >
< / p >
< / body >
< / html >
