<!DOCTYPE html>
<html lang="en">
<head>
</head>
<dom-module id="picture-frame">
<template>
<!-- scoped CSS for this element -->
<!--
TODO: Try adding other HTML elements to the DOM template to see how they are positioned relative to the distributed child nodes.
-->
<div>
<!-- any children are rendered here -->
<slot></slot>
</div>
</template>
<script>
class PictureFrame extends Polymer.Element {
static get is() {
return "picture-frame";
}
}
customElements.define(PictureFrame.is, PictureFrame);
</script>
</dom-module>
<body>
<!--
TODO: Try adding <div> elements in index.html to observe how they are unaffected by the encapsulated styles applied to the divs in picture-frame.html.
-->
<style>
#fonttype {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/bold@2x.png) no-repeat 0px/24px;
background-position: center
}
#fontsize {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/fontlargesmall@2x.png)no-repeat 0px/24px;
background-position: center
}
#fontbiu {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/fontroam@2x.png)
}
#fontcolor {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/fontc@2x.png) no-repeat 0px/24px;
background-position: center
}
#alignment {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/align@2x.png) no-repeat 0px/24px;
background-position: center
}
#pinterest_texmage {
background: url(http://i.imgur.com/gba6zv6.png)no-repeat 0px/24px ;
background-position: center ;
width: 25% ;
height: 40px ;
float: left ;
visibility: visible
}
#fb_texmage {
background: url(http://www.iconsdb.com/icons/preview/black/facebook-xxl.png) no-repeat 0px/24px ;
background-position: center ;
width: 25% ;
height: 40px ;
float: left
}
#twitter_texmage {
background: url(http://www.iconsdb.com/icons/preview/black/twitter-xxl.png) no-repeat 0px/24px ;
background-position: center ;
width: 25% ;
height: 40px ;
float: left
}
#tumblr_texmage {
background: url(https://cdn0.iconfinder.com/data/icons/picons-social/57/65-fb_messenger-128.png) no-repeat 0px/24px ;
width: 25% ;
height: 40px ;
float: left
}
.createtexmagebox_texmageextension654 {
margin: auto ;
width: 100% ;
height: 30px ;
display: block ;
text-align: -webkit-center ;
font-size: 17px ;
font-family: Helvetica ;
font-weight: 100 ;
margin-top: 7px
}
.texmageanimate {
z-index: 203 ;
width: 75px ;
height: 75px ;
position: absolute ;
top: 143.5px ;
left: 127.5px
}
.followinsta_texmage1 {
height: 100%;
width: 100%;
display: block;
background: none ;
z-index: 111
}
a:hover,
a:focus {
text-decoration: none ;
outline: none
}
.createtexmagebox_texmageextension {
height: 45px ;
width: 220px ;
background: white ;
margin: auto ;
border-radius: 100px ;
border: 2px Solid #e0dcdc ;
color: black ;
margin-top: 40px
}
.followinsta_texmage {
height: 66px ;
width: 66px ;
background: url(https://5a5a57ff32a328601212-ee0df397c56b146e91fe14be42fa361d.ssl.cf1.rackcdn.com/icon/instagram_logos_glyph/03H5cHNMt-Jni4pe9u+7/glyph-logo_May2016_200.png) 0/48px no-repeat ;
border-radius: 30px ;
margin: auto ;
margin-top: 55px ;
background-position: center
}
.prof_texmage {
max-width: 100% ;
height: auto ;
border: 0 ;
margin: 0 ;
padding: 0
}
.perfect453_texmage {
margin: auto ;
margin-top: -70px ;
display: block ;
width: 100%
}
.styp_texmage {
margin: auto ;
width: 300px ;
height: 50px ;
font-size: 24px ;
font-family: Helvetica ;
text-align: center ;
margin-top: 65px ;
font-weight: 300
}
.justdidit54_texmage {
height: 100px ;
width: 100px ;
background: black ;
margin: auto ;
margin-top: 150px ;
border-radius: 100px
}
#uploadimage {
background-image: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/insert@2x.png)
}
#websitecreate {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/websd@2x.png) no-repeat 0px/24px;
background-position: center
}
:focus {
outline: none;
box-shadow: none
}
#tag {
background-image: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/texmageopacity@2x.png)
}
#share2 {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/tag@2x.png) no-repeat 0px/24px;
background-position: center
}
#createvideo {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/createvideo@2x.png) no-repeat 0px/24px;
background-position: center
}
}
.giftexmage {
position: center
}
.innerinnerboxcreate {
width: 329px ;
height: 361px ;
margin: auto ;
margin-bottom: 0 ;
display: block ;
background-color: #fff;
padding: 0px ;
border-radius: 5px ;
visibility: visible ;
-moz-box-shadow: 4px 4px 5px #ccc ;
margin-top: 0 ;
position: relative
}
.innerinnerboxcreatena {
position: absolute;
width: 825px ;
height: 905px;
top: 0px;
z-index: 104;
line-height: normal ;
font-size: 67.5px;
color: black;
outline: none;
resize: none;
font-family: 'Times New Roman';
border: none;
white-space: normal;
text-align: start;
-moz-text-align: start;
padding: 0px;
overflow: hidden;
background-color: white
}
.add-margin {
margin-top: 70px
}
.checkmark1 {
background-image: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/checkmark.png);
height: 20px;
width: 20px;
background-repeat: no-repeat;
background-position: center;
position: absolute;
margin-top: 5px;
margin-left: 5px
}
.round_pole {
height: 8px ;
width: 8px ;
position: absolute ;
background: black ;
border-radius: 10px ;
margin-left: 22.5px ;
margin-top: 42px ;
border-radius: 100%
}
.textareas {
position: absolute ;
width: 330px ;
height: 362px ;
top: 0px ;
z-index: 104 ;
line-height: normal ;
font-size: 27px ;
color: black ;
outline: none ;
resize: none ;
font-family: 'Times New Roman' ;
border: none ;
white-space: normal ;
text-align: start ;
-moz-text-align: start;
padding: 0px ;
overflow: hidden ;
background-color: white;
border: 1px solid #ececec ;
border-radius: 5px
}
b {
font-weight: bold
}
i {
font-style: italic
}
ul.lcswcreate {
display: block;
width: 336px ;
height: 56px ;
list-style-type: none ;
z-index: -1 ;
margin: 2px auto auto ;
border-radius: 0 0 2px 2px ;
border-top: 0 solid #ccc;
border-bottom: 0px solid #ccc;
border-left: 0px solid #ccc;
padding: 0;
list-style-image: initial
}
ul {
list-style-type: none ;
list-style-image: none
}
.sharecreate {
display: block ;
background: #f26722 ;
background: -moz-linear-gradient(top, rgba(242, 103, 34, 1) 0%, rgba(246, 139, 31, 1) 79%, rgba(247, 141, 33, 1) 100%) ;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242, 103, 34, 1)), color-stop(79%, rgba(246, 139, 31, 1)), color-stop(100%, rgba(247, 141, 33, 1))) ;
background: -webkit-linear-gradient(top, rgba(242, 103, 34, 1) 0%, rgba(246, 139, 31, 1) 79%, rgba(247, 141, 33, 1) 100%) ;
background: -o-linear-gradient(top, rgba(242, 103, 34, 1) 0%, rgba(246, 139, 31, 1) 79%, rgba(247, 141, 33, 1) 100%) ;
background: -ms-linear-gradient(top, rgba(242, 103, 34, 1) 0%, rgba(246, 139, 31, 1) 79%, rgba(247, 141, 33, 1) 100%) ;
background: linear-gradient(to bottom, rgba(242, 103, 34, 1) 0%, rgba(246, 139, 31, 1) 79%, rgba(247, 141, 33, 1) 100%) ;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f26722', endColorstr='#f78d21', GradientType=0) ;
border-bottom: solid 1px rgba(247, 141, 33, 1) ;
width: 100px ;
height: 40px ;
margin: 20px auto auto ;
border-radius: 5px ;
border: 0 ;
font-weight: 700 ;
color: #FFF
}
img.zeus_create {
cursor: pointer ;
width: 100% ;
visibility: visible ;
height: 100% ;
top: 5px ;
border-radius: 5px ;
border: 1px solid #ececec
}
img.zeus_crop {
cursor: pointer ;
visibility: visible ;
margin: auto
}
.fittoget {
cursor: pointer ;
width: 825px ;
visibility: visible ;
height: 905px ;
display: block
}
#createtexmageelemnts {
display: flex ;
list-style: none ;
border-top: 0px solid #ccc ;
margin-top: 20px ;
list-style-image: initial
}
.dropdownprofctitalicbold_texmage {
display: block ;
width: 56px ;
height: 88px ;
background-color: #FFF ;
position: absolute ;
margin-top: 79px ;
border: 1px solid #ccc ;
z-index: 111 ;
list-style-type: none ;
margin-left: 23px ;
border-radius: 15px
}
#fonttype {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/bold@2x.png) no-repeat 0px/24px ;
background-position: center
}
#fontsize {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/fontlargesmall@2x.png)no-repeat 0px/24px ;
background-position: center
}
#fontbiu {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/fontroam@2x.png) no-repeat 0px/24px ;
background-position: center
}
#fontcolor {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/fontc@2x.png) no-repeat 0px/24px ;
background-position: center
}
#alignment {
background-image: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/alignex.png)
}
.holadandmove_texmage {
background: black ;
height: 40px ;
position: absolute;
width: 300px ;
z-index: 22;
margin-left: 35px;
margin-top: 220px;
opacity: 0.5;
border-radius: 10px
}
.holdandmove_texmage {
position: absolute ;
margin-left: 55px ;
margin-top: 220px ;
z-index: 222;
border-radius: 10px;
background-position: center
}
.sharinggif_texmage {
height: 30px;
width: 70px;
display: block;
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/loading_dots.gif) 0/50px no-repeat ;
position: absolute ;
right: 40px;
margin-top: -3px
}
ul.lcswcreatemore {
display: block;
width: 319px ;
height: 56px ;
list-style-type: none ;
z-index: 11 ;
border-radius: 0 0 2px 2px ;
border-top: 0 solid #ccc;
border-bottom: 0px solid #ccc;
border: 1px solid #ccc;
padding: 0 ;
position: absolute ;
background: white ;
top: 79px ;
left: 25px ;
border-radius: 5px
}
.savetyp_texmage {
font-size: 16px ;
margin-top: 25px ;
font-weight: 300 ;
text-align: -webkit-center ;
font-family: Helvetica ;
letter-spacing: 0.2px
}
#linkedinsharing_texmage {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOaH3KLQ1Goo8o6dlOF8P1mJ4jTvfsr-v2vUQexd8O7Xiz35gORBOR77CoHjOqZjltA5I4hU5lKCrr5Brei8cRMlzme1nDdOXYrfbS9kycPx9UZ3xs0n0RfK_7xZhPiOT2Wke-kwe88F6d/s1600/facebook-128-black_texmage.png) no-repeat 0px/12px ;
background-position: center
}
#twittersharing_texmage {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwoOBIroJYLjXA-Rg_9C6OPDbDd9zaCHJeR2W01T_kJJsgrTMfpMlo0blF6jsJKVkZzqKZ1b2ksTGOaFUVlscmfowf5-Mih8hM1coXF3GzYQ6fL_qNradrb6xcjVp90L4Ep3yTIkO2eIgx/s1600/twitter_texmage.png)no-repeat 0px/24px ;
background-position: center
}
#fbsharing_texmage {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_QBicDaDiAgYSMHfkTvJ07zBx9BlDHqnR2qp1HJhuXeNa8FpYs3U8taG_Ya9TjHKFL7OuCVGnkJPCzQP8PTEDYxo6EJ31y7a2N_ivD7bm5VcsI7QZ1CcdCY4Lr1mvcnBDYmXW0slQcN1e/s1600/facebook548_texmage.png)no-repeat 0px/12px ;
background-position: center
}
#pinterestsharing_texmage {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQiTNZ9a86zOsENd7qmK6iHyI0qCdPvO90aCO7cLXakEaz35YXBIksU6UsIBLAgxHTtdCqRTwIDILPL8rPw3pV9CsRPTY79YwjYBCjr5NlpOh_gMWXrlIcYGNm1yLSMddbnnJsLCFHb6dU/s1600/pinterest_texmage.png) no-repeat 0px/20px ;
background-position: center
}
#messengersharing_texmage {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBneZx5dEXsg-iXsAdt7nXulkBlhqAnWwfbSyVVWwCwwGahCUKtFzY9hGKkRdH92DOnJA18e_0qRomK4MHcjg4KRg8-L-glqZm7yEjozFka0XtEmVJuodkuPyiWY177ejWRCDQlnQx668d/s1600/facebook_messenger_48-texmage.png) no-repeat 0px/24px ;
background-position: center
}
#tumblrsharing_texmage {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmJB1npjoFAypBoBx-fIb7vncBBIbFj7nltCn3ZHU9IhyYko7y-Ukrc2UFyET_naNYFcKlXvelh3JwTJzfPm0Q7YEowEdD4ozYL74bheZHTSX3AJj1wzb1D7zQoxfL48M720-k1rCN3f0B/s1600/tumblr-icon_texmage.png) no-repeat 0px/16px ;
background-position: center
}
#moresharing_texmage {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0yrIUl-RqSt_VHXD3r7sOkY52j6E9dl4AoCiCj1ym0H0lX9oi9pBx_VVW8svbolV-zhTTB1pAG3VgQz6VtTxXJJedgTz1Wj87IOcuKQCZMFuQCz1WPURH5gKYKZDqH6gZKbVBFfqZC_CN/s1600/moreicons_texmage.png) no-repeat 0px/24px ;
background-position: center
}
.texmage_opac {
background-image: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/backgroundcolorex.png);
background-position: center
}
#linkedinsharing_texmage {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKOZlNGNKf8P-2pIEgXjidqTcs8G70U1PPBEEVHIZ_xAgQZSWmjdfWicIzsvxjbkV5OFnz50wkP6RlIoQAvygtYkfLFaq657wz77Xgj9iydZDdPTcS1eQEC1B8dmiaHlrXp9iT86C-vfwi/s1600/linkedinblack_texmage.png) no-repeat 0px/24px ;
background-position: center ;
width: 53px
}
#redditsharing_texmage {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUw-e_MGiHAMxWDcGh9m1WvJEen_P3zto5rOfmuVYev-J92aX_19HqRF9fAw-ONUPym8N_Unl8CJTHnCx53q1l0edOv1EXd5G_kCbp4any5xQgjACZdFZwbaVv1QRV0_KKPC31Wfhhr3zy/s1600/redditicon.png)no-repeat 0px/24px ;
background-position: center ;
width: 53px
}
#skypesharing_texmage {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_lsq_v_p06nVDBjBOLR9Y89UvgIhbv0rreeZPIWH8tbIcymiD_ylCh-YGH6DOp3tqbmItToPmt_thqk7-CIASXVWHKH5PoRLJVzhVw0sjHKuzMO-mLuAE2OjYHnsxbR8GOkXUiufOnSE/s1600/skype127texmage.png) no-repeat 0px/24px ;
background-position: center ;
width: 54px
}
.texthandm_texmage {
color: white ;
margin-left: 35px ;
margin-top: 10px ;
font-weight: 400 ;
margin-top: 13px ;
font-size: 12px ;
font-family: Helvetica ;
letter-spacing: 0.2px
}
.texmage_backgroundcolor {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/opacity_enable.png) no-repeat 0px/30px;
background-position: center
}
.texmage_backgroundcolor01 {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/opacity_disable.png) no-repeat 0px/30px;
background-position: center
}
#uploadimage {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/insertex.png) 0/24px no-repeat ;
background-position: center
}
#websitecreate {
background-image: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/websdex.png)
}
#collage {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/diary@2x.png) no-repeat 0px/24px ;
background-position: center
}
#tag {
background-image: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/tagex.png)
}
#share2 {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/tag@2x.png) no-repeat 0px/24px ;
background-position: center
}align.png
align@2x.png
aligncenter@2x.png
aligncenterex.png
alignex.png
alignright.png
alignright@2x.png
alignrightex.png
animateripple.gif
backgroundcolor.png
backgroundcolorex.png
bold_texmage.png
bold.png
bold@2x.png
boldex.png
createvideo@2x.png
default.css
drag_drop.png
fontc.png
fontc@2x.png
fontcex.png
fontcolor.png
fontlargesmall.png
fontlargesmall@2x.png
fontlargesmallex.png
fontname.png
fontroam.png
fontroam@2x.png
fontroamex.png
html
icon16.png
icon48.png
icon128.png
index.html
italic_texmage.png
loading_dots.gif
logo.png
logo16.png
logo32.png
mail_texmage.png
manifest.json
nprogress.css
nprogress.js
opacity_disable.png
opacity_enable.png
style.css
stylen.css
styletesting.css
tagex.png
texmageopacity@2x.png
texttype2.png
upload_texmage.pngalign.png
align@2x.png
aligncenter@2x.png
aligncenterex.png
alignex.png
alignright.png
alignright@2x.png
alignrightex.png
animateripple.gif
backgroundcolor.png
backgroundcolorex.png
bold_texmage.png
bold.png
bold@2x.png
boldex.png
createvideo@2x.png
default.css
drag_drop.png
fontc.png
fontc@2x.png
fontcex.png
fontcolor.png
fontlargesmall.png
fontlargesmall@2x.png
fontlargesmallex.png
fontname.png
fontroam.png
fontroam@2x.png
fontroamex.png
html
icon16.png
icon48.png
icon128.png
index.html
italic_texmage.png
loading_dots.gif
logo.png
logo16.png
logo32.png
mail_texmage.png
manifest.json
nprogress.css
nprogress.js
opacity_disable.png
opacity_enable.png
style.css
stylen.css
styletesting.css
tagex.png
texmageopacity@2x.png
texttype2.png
upload_texmage.pngalign.png
align@2x.png
aligncenter@2x.png
aligncenterex.png
alignex.png
alignright.png
alignright@2x.png
alignrightex.png
animateripple.gif
backgroundcolor.png
backgroundcolorex.png
bold_texmage.png
bold.png
bold@2x.png
boldex.png
createvideo@2x.png
default.css
drag_drop.png
fontc.png
fontc@2x.png
fontcex.png
fontcolor.png
fontlargesmall.png
fontlargesmall@2x.png
fontlargesmallex.png
fontname.png
fontroam.png
fontroam@2x.png
fontroamex.png
html
icon16.png
icon48.png
icon128.png
index.html
italic_texmage.png
loading_dots.gif
logo.png
logo16.png
logo32.png
mail_texmage.png
manifest.json
nprogress.css
nprogress.js
opacity_disable.png
opacity_enable.png
style.css
stylen.css
styletesting.css
tagex.png
texmageopacity@2x.png
texttype2.png
upload_texmage.pngalign.png
align@2x.png
aligncenter@2x.png
aligncenterex.png
alignex.png
alignright.png
alignright@2x.png
alignrightex.png
animateripple.gif
backgroundcolor.png
backgroundcolorex.png
bold_texmage.png
bold.png
bold@2x.png
boldex.png
createvideo@2x.png
default.css
drag_drop.png
fontc.png
fontc@2x.png
fontcex.png
fontcolor.png
fontlargesmall.png
fontlargesmall@2x.png
fontlargesmallex.png
fontname.png
fontroam.png
fontroam@2x.png
fontroamex.png
html
icon16.png
icon48.png
icon128.png
index.html
italic_texmage.png
loading_dots.gif
logo.png
logo16.png
logo32.png
mail_texmage.png
manifest.json
nprogress.css
nprogress.js
opacity_disable.png
opacity_enable.png
style.css
stylen.css
styletesting.css
tagex.png
texmageopacity@2x.png
texttype2.png
upload_texmage.png
#createvideo {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/createvideo@2x.png) no-repeat 0px/24px ;
background-position: center
}
.createtexmagebox {
display: block ;
position: relative ;
padding-bottom: 10px ;
width: 370px ;
height: 518px ;
z-index: 1 ;
margin: auto ;
padding-top: 1px ;
background-color: white ;
box-shadow: none ;
-moz-box-shadow: 0 0 10px rgba(173, 119, 119, 1) ;
box-shadow: none ;
box-sizing: border-box ;
margin-bottom: 20px ;
margin-right: 5px ;
border-radius: 15px ;
border: 1px solid #ccc;
top: 5px
}
.stroke1 {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black
}
.stroke2 {
text-shadow: -1px -1px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000
}
.stroke3 {
text-shadow: 2px 2px 0 #000
}
#skypesharing_texmage {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_lsq_v_p06nVDBjBOLR9Y89UvgIhbv0rreeZPIWH8tbIcymiD_ylCh-YGH6DOp3tqbmItToPmt_thqk7-CIASXVWHKH5PoRLJVzhVw0sjHKuzMO-mLuAE2OjYHnsxbR8GOkXUiufOnSE/s1600/skype127texmage.png) no-repeat 0px/24px ;
background-position: center ;
width: 54px
}
#emailsharing_texmage {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/mail_texmage.png) no-repeat 0px/24px ;
background-position: center ;
width: 53px
}
#vksharing_texmage {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVR1QsnbINRqe3_r1iUjwaXJdNXLDjySO8QTkQpx7r8NnkOdq-TTPKHW6woT9B3h3cdK_bRykadLpJ9oJATsctz-UX3G7ALaFwtKuHv_aX2EDeuR38As1E7R3Jjl98-DH1Nw45x0x_qDLJ/s1600/vkblack_texmage.png) no-repeat 0px/24px ;
background-position: center ;
width: 53px
}
#stumbleuponsharing_texmage {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ_aZ3UaMlwUZe22X9kbJYeYeUDxu3I5eL3Y0BYK-FeYXjI-0t-WPNuk3A5AzCg6UAYyxfYNY96bipy1k83Q4qF37KQrFbCZJUrPb6vveONaOyyd3nD9hkxM37Ff_BHnzBE6OHdMrE2jrm/s1600/48stumbleupon_texmage.png) no-repeat 0px/24px ;
background-position: center ;
width: 53px
}
.innerinnerboxcreateelements {
display: block ;
visibility: visible ;
width: 56px ;
height: 56px ;
background-color: transparent ;
background-repeat: no-repeat ;
background-position: center ;
float: left ;
margin: auto
}
.innerinnerbox {
width: 330px ;
margin: 12px ;
margin-bottom: 0 ;
display: block ;
background-color: #fff ;
padding: 7.395px ;
border-radius: 2px ;
visibility: visible ;
-webkit-box-shadow: 4px 4px 5px #ccc ;
box-shadow: 4px 4px 5px #ccc ;
-moz-box-shadow: 4px 4px 5px #ccc ;
margin-top: 0 ;
position: relative
}
img.zeus_create {
cursor: pointer;
width: 330px;
visibility: visible;
height: 362px
}
.texmageHelvetica {
font-family: Helvetica
}
.texmagetimes {
font-family: Times new Roman
}
.texmageGeorgia {
font-family: Georgia
}
.texmageArial {
font-family: Arial
}
.texmageCourier {
font-family: Courier
}
.naj {
height: 905px ;
width: 825px ;
margin: auto ;
margin-bottom: 0 ;
display: block ;
background-color: #fff;
visibility: visible ;
position: relative ;
z-index: -2111111
}
.naj1 {
height: 500px;
width: 500px;
display: block;
position: absolute;
overflow: scroll;
visibility: visible
}
.dropdownprofct {
display: block ;
width: 120px ;
height: 108px ;
background-color: #FFF ;
position: absolute ;
margin-top: 79px ;
border: 1px solid #ccc ;
z-index: 111 ;
list-style-type: none ;
margin-left: 23px ;
border-radius: 15px
}
.dropdownprofsllct {
display: block ;
width: 120px ;
height: 107px ;
background-color: #FFF ;
position: absolute ;
margin-top: 79px ;
border: 1px solid #ccc ;
z-index: 111 ;
list-style-type: none ;
margin-left: 47px ;
border-radius: 10px
}
.dropdownalign {
display: block ;
width: 65px ;
height: 167px ;
background-color: #FFF ;
position: absolute ;
margin-top: 79px ;
border: 1px solid #ccc ;
z-index: 1111 ;
list-style-type: none ;
margin-left: 232px ;
border-radius: 15px
}
.dropdownprofslllct {
display: block ;
width: 130px ;
height: 179px ;
background-color: #FFF ;
position: absolute ;
margin-top: 79px ;
border: 1px solid #ccc ;
z-index: 111;
list-style-type: none;
margin-left: 95px ;
border-radius: 15px
}
.dropdownprofslllimageupct {
display: block;
width: 170px;
height: 110px;
background-color: #FFF;
position: absolute;
margin-top: 481.5px;
border: 1px solid #ccc;
z-index: 111;
list-style-type: none;
margin-left: 28.5px
}
.setpointimageupct {
font-size: 14px;
font-weight: 200;
color: #000;
width: 165px;
text-align: left;
line-height: 35px;
border-bottom: 1px solid #ccc;
margin: auto
}
.arrow-upct {
width: 0 ;
height: 0;
border-left: 10px solid transparent ;
border-right: 10px solid transparent ;
border-bottom: 10px solid white ;
position: absolute ;
margin-top: 95px
}
.texmage_image {
height: 50px ;
width: 50px ;
background: white ;
margin: auto ;
top: 25px ;
position: relative ;
border-radius: 100%
}
.arrow-upct1 {
margin-left: 101px ;
z-index: 1111
}
.arrow-upct2 {
margin-left: 166px ;
z-index: 1111
}
.arrow-upct3 {
margin-left: 231px ;
z-index: 1111
}
.arrow-upct4 {
margin-left: 296px ;
z-index: 1111
}
.arrow-upct5 {
margin-left: 361px ;
z-index: 1132
}
.arrow-upct6 {
margin-left: 426px ;
z-index: 1111
}
.share-button {
height: 20px
}
#fonttype {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/bold@2x.png) no-repeat 0px/24px;
background-position: center
}
#fontsize {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/fontlargesmall@2x.png)no-repeat 0px/24px;
background-position: center
}
#fontbiu {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/fontroam@2x.png)
}
#fontcolor {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/fontc@2x.png) no-repeat 0px/24px;
background-position: center
}
#alignment {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/align@2x.png) no-repeat 0px/24px;
background-position: center
}
#pinterest_texmage {
background: url(http://i.imgur.com/gba6zv6.png)no-repeat 0px/24px ;
background-position: center ;
width: 25% ;
height: 40px ;
float: left ;
visibility: visible
}
#fb_texmage {
background: url(http://www.iconsdb.com/icons/preview/black/facebook-xxl.png) no-repeat 0px/24px ;
background-position: center ;
width: 25% ;
height: 40px ;
float: left
}
#twitter_texmage {
background: url(http://www.iconsdb.com/icons/preview/black/twitter-xxl.png) no-repeat 0px/24px ;
background-position: center ;
width: 25% ;
height: 40px ;
float: left
}
#tumblr_texmage {
background: url(https://cdn0.iconfinder.com/data/icons/picons-social/57/65-fb_messenger-128.png) no-repeat 0px/24px ;
width: 25% ;
height: 40px ;
float: left
}
.createtexmagebox_texmageextension654 {
margin: auto ;
width: 100% ;
height: 30px ;
display: block ;
text-align: -webkit-center ;
font-size: 17px ;
font-family: Helvetica ;
font-weight: 100 ;
margin-top: 7px
}
.texmageanimate {
z-index: 203 ;
width: 75px ;
height: 75px ;
position: absolute ;
top: 143.5px ;
left: 127.5px
}
.followinsta_texmage1 {
height: 100%;
width: 100%;
display: block;
background: none ;
z-index: 111
}
a:hover,
a:focus {
text-decoration: none ;
outline: none
}
.createtexmagebox_texmageextension {
height: 45px ;
width: 220px ;
background: white ;
margin: auto ;
border-radius: 100px ;
border: 2px Solid #e0dcdc ;
color: black ;
margin-top: 40px
}
.followinsta_texmage {
height: 66px ;
width: 66px ;
background: url(https://5a5a57ff32a328601212-ee0df397c56b146e91fe14be42fa361d.ssl.cf1.rackcdn.com/icon/instagram_logos_glyph/03H5cHNMt-Jni4pe9u+7/glyph-logo_May2016_200.png) 0/48px no-repeat ;
border-radius: 30px ;
margin: auto ;
margin-top: 55px ;
background-position: center
}
.prof_texmage {
max-width: 100% ;
height: auto ;
border: 0 ;
margin: 0 ;
padding: 0
}
.perfect453_texmage {
margin: auto ;
margin-top: -70px ;
display: block ;
width: 100%
}
.styp_texmage {
margin: auto ;
width: 300px ;
height: 50px ;
font-size: 24px ;
font-family: Helvetica ;
text-align: center ;
margin-top: 65px ;
font-weight: 300
}
.justdidit54_texmage {
height: 100px ;
width: 100px ;
background: black ;
margin: auto ;
margin-top: 150px ;
border-radius: 100px
}
.setpointct {
font-size: 14px ;
font-weight: 200 ;
color: #000 ;
width: 100% ;
text-align: left ;
line-height: 35px ;
border-bottom: 0px solid #ccc ;
margin: auto ;
border-radius: 15px
}
.setpointct:hover {
background-color: #ECE8E8
}
.setpointct:active {
background-color: #ECE8E8
}
.setpointdfdfct {
text-decoration: none ;
color: #000000 ;
font-family: Helvetica ;
margin-left: 6px ;
font-weight: 100
}
.boldtexmage_texmage {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/bold_texmage.png) 0/20px;
height: 44px ;
width: 100% ;
display: block ;
background-position: center ;
background-repeat: no-repeat ;
margin: 0px auto auto 0px ;
padding: 0px
}
.italictexmage_texmage {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/italic_texmage.png) 0/18px;
height: 44px ;
width: 100% ;
display: block ;
background-position: center ;
background-repeat: no-repeat ;
margin: 0px ;
padding: 0px
}
.stroke {
text-decoration: none;
color: #FFF;
font-family: Helvetica;
font-size: 16px;
-webkit-text-stroke: 0.8px black;
border-bottom: 0px;
margin-left: 8px
}
.stroke1 {
border-bottom: 0px
}
.cutupct {
width: 163.5px;
margin: auto;
border-radius: 2px;
padding: 0px;
border: 1px solid #ccc
}
.logoutct {
padding-bottom: 10px
}
.setpointdfdfct:hover {
color: #000
}
.checkmarkct {
display: inline-block ;
width: 22px ;
height: 22px ;
-ms-transform: rotate(55deg) ;
-webkit-transform: rotate(55deg) ;
transform: rotate(55deg) ;
position: absolute ;
right: 4px ;
top: 6px
}
.checkmark_stemct {
position: absolute ;
width: 2px ;
height: 11px ;
background-color: #989191 ;
left: 11px ;
top: 6px
}
.checkmark_kickct {
position: absolute ;
width: 6px ;
height: 2px ;
background-color: #989191 ;
left: 7px ;
top: 16px
}
.shjhsoct {
width: 420px ;
height: 590px ;
display: block;
position: relative;
float: right
}
.large {
font-size: 36px
}
.largest {
font-size: 48px
}
.normal {
font-size: 30px
}
.arial {
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif
}
.courier {
font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida'
}
.helvetica {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif
}
.georgia {
font-family: Georgia, Times, 'Times New Roman', serif
}
.timesnewroamn {
font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif
}
.colorfontpallet {
width: 197px ;
background-color: #FFF ;
display: block ;
height: 165px ;
border: 1px solid #ccc ;
margin-left: 116px ;
position: absolute ;
margin-top: 79px ;
z-index: 111 ;
border-radius: 15px
}
.colorbackpallet {
width: 197px ;
background-color: #FFF ;
display: block ;
height: 165px ;
border: 1px solid #ccc ;
margin-left: 150px ;
position: absolute ;
margin-top: 79px ;
z-index: 111 ;
border-radius: 15px
}
.socialpallet {
width: 165.797px;
background-color: #FFF;
display: block;
height: 107px;
border: 1px solid #ccc;
margin-left: 285.5px;
position: absolute;
margin-top: 486px;
z-index: 111
}
.palletbox {
width: 40px ;
height: 40px ;
margin-left: 6px ;
list-style-type: none ;
margin-top: 10px;
border-radius: 10px
}
.c1 {
background-color: #000 ;
float: left ;
border: 1px solid #ccc ;
cursor: pointer ;
border-radius: 10px
}
.cold_point2 {
height: 8px ;
width: 8px ;
background: #ffffff;
border-radius: 10px ;
border: 1px solid #000;
margin: auto ;
position: relative;
margin-top: 15px
}
.c2 {
background-color: #fff ;
float: left ;
border: 1px solid #ccc ;
cursor: pointer ;
border-radius: 10px
}
.c5 {
background-color: #0f0 ;
float: left ;
border: 1px solid #ccc ;
cursor: pointer
}
.c10 {
background-color: rgb(224, 102, 102) ;
float: left ;
border: 1px solid #ccc ;
cursor: pointer
}
.c8 {
background-color: rgb(221, 194, 50) ;
float: left ;
border: 1px solid #ccc ;
cursor: pointer
}
.c12 {
background-color: rgb(118, 165, 175) ;
float: left ;
border: 1px solid #ccc ;
cursor: pointer
}
.c7 {
background-color: #0ff ;
float: left ;
border: 1px solid #ccc ;
cursor: pointer
}
.c3 {
background-color: #ff0 ;
float: left ;
border: 1px solid #ccc ;
cursor: pointer ;
border-radius: 10px
}
.c9 {
background-color: #fcf ;
float: left ;
border: 1px solid #ccc ;
cursor: pointer
}
.c4 {
background-color: #f00 ;
float: left ;
border: 1px solid #ccc ;
cursor: pointer
}
.c11 {
background-color: rgb(142, 124, 195) ;
float: left ;
border: 1px solid #ccc ;
cursor: pointer ;
position: relative
}
.c6 {
background-color: #00f ;
float: left ;
border: 1px solid #ccc ;
cursor: pointer
}
.pallet12 {
float: left ;
padding: 0px ;
margin: 0px
}
.align123 {
height: 55px ;
width: 65px ;
display: block ;
background-repeat: no-repeat ;
background-position: center
}
li {
list-style-position: initial ;
list-style-type: none ;
margin-left: 0px ;
padding: 0px ;
border: 0px
}
.tooltip {
position: absolute;
z-index: 1030;
display: block;
visibility: visible;
font-size: 12px;
font-weight: 500;
line-height: 18px;
opacity: 0;
filter: alpha(opacity=0)
}
.tooltip.in {
opacity: 0.9;
filter: alpha(opacity=90)
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #ffffff;
text-align: center;
text-decoration: none;
background-color: #000000;
border-radius: 4px
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000000
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
left: 5px;
border-width: 5px 5px 0;
border-top-color: #000000
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
right: 5px;
border-width: 5px 5px 0;
border-top-color: #000000
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000000
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000000
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000000
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
left: 5px;
border-width: 0 5px 5px;
border-bottom-color: #000000
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
right: 5px;
border-width: 0 5px 5px;
border-bottom-color: #000000
}
ul {
list-style-type: none ;
list-style-image: none
}
.align123:hover {
background-color: #ECE8E8
}
.align123:hover {
background-color: #ECE8E8 ;
border-radius: 10px
}
.align123:active {
background-color: #ECE8E8
}
.texmageleft {
background-image: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/align.png)
}
.texmagecenter {
background-image: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/aligncenter.png);
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc
}
.texmageright {
background-image: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/alignright.png)
}
.uploaddrrop {
display: block ;
width: 210px ;
height: 77px ;
background-color: #FFF ;
position: absolute ;
margin-top: 359px ;
border: 1px solid #ccc ;
z-index: 111 ;
list-style-type: none ;
margin-left: 21px ;
border-radius: 10px
}
.createtexmage_wholething {
height: 360px ;
width: 330px ;
display: block ;
border: 1px solid #ececec;
border-radius: 5px;
font-weight: 100;
font-size: 15px ;
cursor: auto
}
.createtexmagebox_texmageextension654 {
margin: auto ;
width: 100% ;
height: 30px ;
display: block ;
text-align: -webkit-center ;
font-size: 17px ;
font-family: Helvetica ;
font-weight: 100 ;
margin-top: 7px
}
.texmageanimate {
z-index: 203 ;
width: 75px ;
height: 75px ;
position: absolute ;
top: 143.5px ;
left: 127.5px
}
.createtexmage_wholething {
height: 360px ;
width: 330px ;
display: block ;
border: 1px solid #ececec;
border-radius: 5px;
font-weight: 100;
font-size: 15px ;
cursor: auto
}
.wtexth_texmage {
font-size: 15px ;
color: grey ;
font-family: helvetica ;
margin-left: 2px ;
margin-top: 0px ;
margin: 0 ;
outline: none ;
padding: 0 ;
letter-spacing: 0.2px
}
.draganddropicon_texmage {
height: 60px;
width: 130px;
display: block;
background: black;
margin: auto;
margin: 120px auto 90px auto;
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/drag_drop.png) 0/128px no-repeat ;
background-position: center
}
.draganddroptext_texmage {
text-align: -webkit-center ;
display: block ;
color: grey ;
font-size: 15px ;
font-weight: 100 ;
font-family: Helvetica ;
padding: 0px ;
margin: 0px ;
letter-spacing: 0.2px
}
.uploadiconimagemain0_texmage {
height: 45px;
width: 45px;
float: right;
display: block;
position: relative;
background-repeat: no-repeat
}
.uploadiconimagemain_texmage {
height: 24px ;
width: 24px ;
float: right ;
display: block ;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixKbL_GB7nxfMpvyphbtrKRsgoHFgrJ4c1j0jgTeMyq6yrdQuZeB9fgIm_imEo9Ejx8rQb5L1ysdFrkVnZE5yC2e8qRbkvOI9xPBl95lWl6Pojb-BIVU6yCYPAuQxOe5eo_W5P4MlgdYN0/s1600/upload_48.png) 0/24px ;
font-size: 0px ;
margin-right: 10px ;
margin-top: 20px ;
position: relative ;
background-position: center ;
background-repeat: no-repeat ;
outline: none ;
border: 0px
}
.uploadcomp {
text-decoration: none;
font-family: Helvetica;
margin-left: 8px;
display: block;
background: -moz-linear-gradient(top, rgba(242, 103, 34, 1) 0%, rgba(246, 139, 31, 1) 79%, rgba(247, 141, 33, 1) 100%);
background: -o-linear-gradient(top, rgba(242, 103, 34, 1) 0%, rgba(246, 139, 31, 1) 79%, rgba(247, 141, 33, 1) 100%);
background: -ms-linear-gradient(top, rgba(242, 103, 34, 1) 0%, rgba(246, 139, 31, 1) 79%, rgba(247, 141, 33, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f26722', endColorstr='#f78d21', GradientType=0);
width: 194px;
height: 30px ;
border-radius: 2px;
border: 0;
font-weight: 700;
color: #FFF;
opacity: 0;
margin-top: -44px ;
margin-left: -10px ;
width: 200px
}
.uploadcomp1 {
font-size: smaller ;
font-weight: 200 ;
color: #000 ;
width: 24px ;
text-align: center ;
line-height: 35px ;
padding-top: 5px;
padding-bottom: 5px;
float: right ;
background-repeat: no-repeat ;
margin-right: 10px ;
margin-top: 18px ;
padding: 0px ;
border: none ;
outline: none ;
height: 24px ;
position: relative ;
background-position: center
}
.imgurl {
width: 190px ;
height: 20px ;
padding: 0px ;
border: 0px solid #ccc
}
.uploadhref {
text-decoration: none;
font-family: Helvetica ;
width: 24px ;
display: block;
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/upload_texmage.png) 0/24px ;
color: white ;
font-weight: bold ;
height: 24px ;
border-radius: 8px ;
background-repeat: no-repeat ;
border: none ;
margin-top: 10px
}
.urlimage {
font-size: 14px ;
font-weight: 200 ;
color: #000 ;
width: 100% ;
text-align: left ;
line-height: 35px ;
margin-left: 10px ;
border-radius: 10px ;
width: 250px
}
.websiteurl {
display: block ;
width: 208px ;
height: 36px ;
background-color: #FFF ;
position: absolute ;
margin-top: 398px ;
border: 1px solid #ccc ;
z-index: 111 ;
list-style-type: none ;
margin-left: 23.4px ;
border-radius: 10px
}
.dropaddbook {
display: block ;
width: 198px ;
height: 220px ;
background-color: #FFF ;
position: absolute ;
margin-top: 215.5px ;
border: 1px solid #ccc ;
z-index: 111 ;
list-style-type: none ;
margin-left: 62px
}
.zeus_video {
cursor: pointer ;
width: 330px ;
height: 362px ;
display: block ;
padding: 0px ;
margin: 0px
}
.tagsdrop {
display: block ;
width: 270px ;
height: 36px ;
background-color: #FFF ;
position: absolute ;
margin-top: 398px ;
border: 1px solid #ccc ;
z-index: 111 ;
list-style-type: none ;
margin-left: 77px ;
border-radius: 10px
}
.bookname {
text-decoration: none;
color: #000000;
font-family: Helvetica;
margin-left: 8px;
width: 130px;
height: 36px;
display: block
}
.bookname1 {
text-decoration: none;
color: #ff7300;
font-weight: 600;
font-family: "Segoe UI", 'Helvetica'
}
.addbookadded {
display: block ;
background: #f26722 ;
background: -moz-linear-gradient(top, rgba(242, 103, 34, 1) 0%, rgba(246, 139, 31, 1) 79%, rgba(247, 141, 33, 1) 100%) ;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242, 103, 34, 1)), color-stop(79%, rgba(246, 139, 31, 1)), color-stop(100%, rgba(247, 141, 33, 1))) ;
background: -webkit-linear-gradient(top, rgba(242, 103, 34, 1) 0%, rgba(246, 139, 31, 1) 79%, rgba(247, 141, 33, 1) 100%) ;
background: -o-linear-gradient(top, rgba(242, 103, 34, 1) 0%, rgba(246, 139, 31, 1) 79%, rgba(247, 141, 33, 1) 100%) ;
background: -ms-linear-gradient(top, rgba(242, 103, 34, 1) 0%, rgba(246, 139, 31, 1) 79%, rgba(247, 141, 33, 1) 100%) ;
background: linear-gradient(to bottom, rgba(242, 103, 34, 1) 0%, rgba(246, 139, 31, 1) 79%, rgba(247, 141, 33, 1) 100%) ;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f26722', endColorstr='#f78d21', GradientType=0) ;
border-bottom: solid 1px rgba(247, 141, 33, 1) ;
border-bottom: solid 1px rgba(247, 141, 33, 1) ;
width: 80px ;
height: 25px ;
margin-top: -31px ;
border-radius: 2px ;
border: 0 ;
font-weight: 700 ;
color: #FFF ;
position: absolute ;
margin-left: 170px
}
.tagword {
width: 252px ;
height: 20px ;
padding: 0px ;
border: 0px solid #ccc
}
input,
select,
textarea {
-moz-box-shadow: 0 0 0 #fff;
-webkit-box-shadow: 0 0 0 #fff;
border: 1px solid #ccc;
box-shadow: 0 0 0 #fff;
color: #735c5c ;
font-family: SANS-SERIF ;
font-size: 11px ;
font-style: normal ;
letter-spacing: .5px ;
padding: 10px ;
width: 100%
}
.fb {
background-image: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/fbgrey.png);
width: 28.8px;
height: 28.8px;
display: block;
background-color: #fff;
float: left;
cursor: pointer;
background-position: center;
background-repeat: no-repeat
}
.twitter {
background-image: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/twittergrey.png);
width: 28.8px;
height: 28.8px;
display: block;
background-color: #fff;
float: left;
cursor: pointer;
background-position: center;
background-repeat: no-repeat
}
.tumblr {
background-image: url(tumblrgrey.png);
width: 28.8px;
height: 28.8px;
display: block;
background-color: #fff;
float: left;
cursor: pointer;
background-position: center;
background-repeat: no-repeat
}
.pinterest {
background-image: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/pinterestgrey.png);
width: 28.8px;
height: 28.8px;
display: block;
background-color: #fff;
float: left;
cursor: pointer;
background-position: center;
background-repeat: no-repeat
}
.arrow-downct {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid white;
position: absolute;
margin-top: 594px
}
.blogger {
background-image: url(bloggergrey.png);
width: 28.8px;
height: 28.8px;
display: block;
background-color: #fff;
float: left;
cursor: pointer;
background-position: center;
background-repeat: no-repeat
}
.google {
background-image: url(google+grey.png);
width: 28.8px;
height: 28.8px;
display: block;
background-color: #fff;
float: left;
cursor: pointer;
background-position: center;
background-repeat: no-repeat
}
.linkedin {
background-image: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/linkedingrey.png);
width: 28.8px;
height: 28.8px;
display: block;
background-color: #fff;
float: left;
cursor: pointer;
background-position: center;
background-repeat: no-repeat
}
.stumbleupon {
background-image: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/stumbleupongrey.png);
width: 28.8px;
height: 28.8px;
display: block;
background-color: #fff;
float: left;
cursor: pointer;
background-position: center;
background-repeat: no-repeat
}
.vk {
background-image: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/vkgrey.png);
width: 28.8px;
height: 28.8px;
display: block;
background-color: #fff;
float: left;
cursor: pointer;
background-position: center;
background-repeat: no-repeat
}
.reddit {
background-image: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/reddditgrey.png);
width: 28.8px;
height: 28.8px;
display: block;
background-color: #fff;
float: left;
cursor: pointer;
background-position: center;
background-repeat: no-repeat
}
.lststy {
list-style-type: none;
height: 158.5px
}
.max10 {
text-align: center;
margin: auto;
margin-top: 10px;
font-weight: 600;
color: #7D7C7C
}
.upload {
display: block;
background: #f26722;
background: -moz-linear-gradient(top, rgba(242, 103, 34, 1) 0%, rgba(246, 139, 31, 1) 79%, rgba(247, 141, 33, 1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242, 103, 34, 1)), color-stop(79%, rgba(246, 139, 31, 1)), color-stop(100%, rgba(247, 141, 33, 1)));
background: -webkit-linear-gradient(top, rgba(242, 103, 34, 1) 0%, rgba(246, 139, 31, 1) 79%, rgba(247, 141, 33, 1) 100%);
background: -o-linear-gradient(top, rgba(242, 103, 34, 1) 0%, rgba(246, 139, 31, 1) 79%, rgba(247, 141, 33, 1) 100%);
background: -ms-linear-gradient(top, rgba(242, 103, 34, 1) 0%, rgba(246, 139, 31, 1) 79%, rgba(247, 141, 33, 1) 100%);
background: linear-gradient(to bottom, rgba(242, 103, 34, 1) 0%, rgba(246, 139, 31, 1) 79%, rgba(247, 141, 33, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f26722', endColorstr='#f78d21', GradientType=0);
border-bottom: solid 1px rgba(247, 141, 33, 1);
width: 300px;
height: 40px;
border-radius: 2px;
border: 0;
font-weight: 700;
color: #FFF;
position: absolute;
margin-left: 48px
}
.uploadfromcomptexaudi {
margin-top: 59.25px
}
.uploadedimages {
list-style-type: none;
height: 118.875px;
padding: 0px;
margin: 0px
}
.Athena {
height: 118.875px;
width: 100%;
padding: 0px;
margin: 0px
}
.Hera {
cursor: pointer;
width: 330px;
height: 362px;
display: block;
padding: 0px;
margin: 0px
}
.lststy {
list-style-type: none;
height: 158.5px
}
.zozo {
width: 100px;
height: 100px;
display: block;
float: left;
list-style-type: none;
margin-left: 24px;
-webkit-box-shadow: 2px 2px 2.5px #ccc;
box-shadow: 2px 2px 2.5px #ccc;
-moz-box-shadow: 2px 2px 2.5px #ccc;
margin-top: 8px
}
.apollo21 {
display: block;
height: 94px;
width: 94px;
margin: auto;
margin-top: 3px
}
.closemark {
border-radius: 15px;
height: 15px;
width: 15px;
background-color: #292626;
display: block;
position: absolute;
background-image: url(closemark.png);
background-position: center;
background-repeat: no-repeat;
border: 1px solid #fff
}
.athena1 {
margin-top: 16px
}
.zozobottom {
margin-left: 81.395px
}
.zozo1 {
width: 100px;
height: 120px;
display: block;
float: left;
list-style-type: none;
margin-left: 24px;
-webkit-box-shadow: 2px 2px 2.5px #ccc;
box-shadow: 2px 2px 2.5px #ccc;
-moz-box-shadow: 2px 2px 2.5px #ccc;
margin-top: 14.5px
}
.texmagebox22 {
height: 112.8px;
width: 94px;
display: block;
background-color: black;
margin-left: 3px;
margin-top: 3px
}
.imagebox22 {
height: 112.8px;
width: 94px;
display: block;
background-color: black;
margin-top: 3px
}
img.apollo221 {
display: block;
height: 112.8px;
width: 94px;
margin: auto;
position: absolute
}
#checkmark12 {
background-image: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/checkmark.png);
float: right;
height: 40px;
width: 40px;
list-style-type: none;
background-repeat: no-repeat;
position: absolute;
background-color: transparent;
outline: none;
box-shadow: none;
border: none;
opacity: 0;
right: 27px;
top: 36.4px
}
.checkmark12 {
float: right;
height: 112.878px;
width: 94px;
list-style-type: none;
background-repeat: no-repeat;
position: absolute;
background-color: #000;
outline: none;
box-shadow: none;
border: none
}
.innerinnerboxcreate1 {
width: 330px;
margin: auto;
margin-bottom: 0;
display: block;
background-color: #fff;
padding: 7.395px;
border-radius: 2px;
visibility: visible;
-webkit-box-shadow: 4px 4px 5px #ccc;
box-shadow: 4px 4px 5px #ccc;
-moz-box-shadow: 4px 4px 5px #ccc;
margin-top: 0;
position: relative;
height: 362px
}
.texmagebox22:hover #checkmark12 {
opacity: 1
}
.texmagebox22:hover #checkmark12 {
opacity: 1
}
.imagebox22:hover {
opacity: 0.3
}
.uploadchangecomptexaudi {
opacity: 0;
width: 100%;
height: 100%;
left: 0px;
position: absolute;
font-size: 13px;
top: 0px
}
.addtexmage {
display: block;
width: 100px;
height: 100px;
border-radius: 2px;
border: 0;
position: absolute;
background-image: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/addtexmage.png);
background-repeat: no-repeat;
background-position: center
}
.lststy1 {
list-style-type: none;
height: 100px
}
.texmageleft {
background-image: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/alignex.png) ;
float: none
}
.texmagecenter {
background-image: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/aligncenterex.png) ;
border-top: 0px solid #ccc ;
border-bottom: 0px solid #ccc
}
.texmageright {
background-image: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/alignrightex.png)
}
.closemark {
height: 25px;
width: 25px;
display: block;
background-image: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/closemark.png);
background-repeat: no-repeat;
background-position: center;
position: absolute;
background-color: transparent;
border: 0px
}
.addaudio {
display: block;
width: 100px;
height: 100px;
border-radius: 2px;
border: 0;
position: absolute;
background-image: url(addaudio.png);
background-repeat: no-repeat;
background-position: center
}
.roundclosemark {
width: 25px ;
height: 25px ;
display: block ;
position: absolute ;
background-color: #DAD9D9 ;
border-radius: 35px ;
left: 33px ;
z-index: 11
}
.round_pole {
height: 8px ;
width: 8px ;
position: absolute ;
background: black ;
border-radius: 10px ;
margin-left: 24px ;
margin-top: 42px ;
border-radius: 100%
}
#fb_texmage {
background: url(http://www.iconsdb.com/icons/preview/black/facebook-xxl.png) no-repeat 0px/24px ;
background-position: center ;
width: 25% ;
height: 40px ;
float: left
}
#pinterest_texmage {
background: url(http://i.imgur.com/gba6zv6.png)no-repeat 0px/24px ;
background-position: center ;
width: 25% ;
height: 40px ;
float: left ;
visibility: visible
}
#twitter_texmage {
background: url(http://www.iconsdb.com/icons/preview/black/twitter-xxl.png) no-repeat 0px/24px ;
background-position: center ;
width: 25% ;
height: 40px ;
float: left
}
#tumblr_texmage {
background: url(https://cdn0.iconfinder.com/data/icons/picons-social/57/65-fb_messenger-128.png) no-repeat 0px/24px ;
background-position: center ;
width: 25% ;
height: 40px ;
float: left
}
#whatsapp_texmage {
background: url(http://www.iconsdb.com/icons/preview/black/whatsapp-xxl.png) no-repeat 0px/24px ;
background-position: center
}
#linkedin_texmage {
background: url(http://image.flaticon.com/icons/svg/34/34227.svg) no-repeat 0px/24px ;
background-position: center
}
.socialicons_texmageexte {
list-style-type: none ;
margin: 0 ;
padding: 0 ;
width: 60% ;
position: absolute ;
display: block ;
height: 40px ;
margin-top: 17px
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.socialicons_texmageexte {
list-style-type: none ;
margin: 0 ;
padding: 0 ;
width: 60% ;
position: absolute ;
display: block ;
height: 40px ;
margin-top: 17px
}
#fonttype {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/bold@2x.png) no-repeat 0px/24px ;
background-position: center
}
#fontsize {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/fontlargesmall@2x.png)no-repeat 0px/24px ;
background-position: center
}
#fontbiu {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/fontroam@2x.png) no-repeat 0px/24px ;
background-position: center
}
#fontcolor {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/fontc@2x.png) no-repeat 0px/24px ;
background-position: center
}
#alignment {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/align@2x.png) no-repeat 0px/24px ;
background-position: center
}
:focus {
outline: none ;
box-shadow: none
}
#uploadimage {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/insert@2x.png )no-repeat 0px/24px ;
background-position: center
}
#websitecreate {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/websd@2x.png) no-repeat 0px/24px ;
background-position: center
}
#collage {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/diary@2x.png) no-repeat 0px/24px ;
background-position: center
}
#tag {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/texmageopacity@2x.png) no-repeat 0px/24px ;
background-position: center
}
#share2 {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/tag@2x.png) no-repeat 0px/24px ;
background-position: center
}
#createvideo {
background: url(chrome-extension://hjgbehhikdpmpglfjiknhjffnlfnphbo/createvideo@2x.png) no-repeat 0px/24px ;
background-position: center
}
}
}
</style>
<picture-frame>
<div class="shjhsoct" style="z-index: 2147483647; top: 0px; right: 0px; position: fixed; display: block;">
<div class="createtexmagebox" style="top:10px;">
<ul class=" lcswcreate up" id="createtexmageelemnts">
<li>
<a class=" innerinnerboxcreateelements" id="fonttype" href="#" role="button" title="" data-work="yes" data-original-title="Font Type"></a>
</li>
<li>
<a class=" innerinnerboxcreateelements" id="fontsize" href="#" role="button" title="" data-work="yes" data-original-title="Font Size"></a>
</li>
<li>
<a class=" innerinnerboxcreateelements" id="fontbiu" href="#" role="button" title="" data-work="yes" data-original-title="Font Family"> </a>
</li>
<li>
<a class=" innerinnerboxcreateelements" id="fontcolor" href="#" role="button" title="" data-work="yes" data-original-title="Font Color"></a>
</li>
<li>
<a class=" innerinnerboxcreateelements" id="alignment" href="#" role="button" title="" data-work="yes" data-original-title="Alignment"></a>
</li>
<li>
<a class=" innerinnerboxcreateelements texmage_backgroundcolor" id="backgroundcolor" href="#" role="button" title="" data-work="yes" data-original-title="Opacity"></a>
</li>
</ul>
<div class="innerinnerboxcreate" id="innerinnerboxcreate">
<div class="createtexmage_wholething">
<p class="wtexth_texmage">Write text here...</p>
<div class="draganddropicon_texmage"></div>
<p class="draganddroptext_texmage">Drag and drop<sup>β</sup> the image here</p>
<li class="uploadcomp1">
<a href="#" title="" class="uploadhref" data-original-title="Upload image">
<input type="file" value="Upload From Computer" id="select" class="uploadcomp">
</a>
</li>
</div>
<input type="hidden" autocomplete="off" name="xhpc_message_text">
</div>
<input type="submit" value="Done" name="si" id="texmage_share" data-work="create" class=" sharecreate">
</div>
</div>
</picture-frame>
</body>
</html>
Pages
▼
No comments:
Post a Comment